/**** COLOURS FOR SITE ****/ /*******************************************************************/ /**** LOGO PURPLE - #672e71 ****/ /**** LOGO GOLD - #b9963d ****/ /**** TOP & FOOTER NAV TEXT - #5f5027 ****/ /**** BOTTOM GREY BAR - #5e5e5e ****/ /**** MAIN NAV BACKGROUND - #696969 ****/ /**** MAIN NAV ACTIVE GOLD - #ffd15e ****/ /**** MAIN NAV INACTIVE WHITE - #ffffff ****/ /**** LEFT NAV 1 INACTIVE BG - #cbcbcb ****/ /**** LEFT NAV 1 INACTIVE GREY TEXT - #332632 ****/ /**** LEFT NAV 1 ACTIVE BG - #757575 ****/ /**** LEFT NAV 1 ACTIVE GOLD TEXT - #ffd15e ****/ /**** LEFT NAV 2 BG - #f2f2f2 ****/ /**** LEFT NAV 2 INACTIVE GREY TEXT - #414141 ****/ /**** LEFT NAV 2 ACTIVE GOLD TEXT - #ce970f ****/ /**** LEFT NAV 3,4 BG - #ffffff ****/ /**** LEFT NAV 3,4 INACTIVE GREY TEXT - #6b6a6a ****/ /**** LEFT NAV 3,4 ACTIVE GOLD TEXT - #ce970f ****/ /**** PAGETITLE BG - #cacaca ****/ /**** PAGETITLE TEXT - #353535 ****/ /**** PAGECONTENT TEXT - #4e4e4e ****/ /**** H5 LINK TEXT - #cb9201 ****/ /**** IMAGE BORDER/BG - #e9e9e9 ****/ /**** IMAGE CAPTION BG - #dedede ****/ /**** IMAGE TEXT - #4e4e4e ****/ /**** COPYRIGHT TEXT - #c1c1c1 ****/ /*******************************************************************/ /**************************************/ /***** CHARTING FEATURE - SIDE BARS **/ /**************************************/ .chart_ftr_topL { background-color: #656565; padding: 0px; margin: 0px; border-style: solid; border-left-width: 1px; border-left-color: #e8e8e8; border-right-width: 1px; border-right-color: #4e4e4e; border-top-width: 1px; border-top-color: #e8e8e8; border-bottom-width: 1px; border-bottom-color: #4e4e4e;} #chart_ftr_topL h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #ffffff; font-weight: bold; margin: 0px 0px 0px 5px; text-transform: uppercase; } #chart_ftr_topL a { color: #ffffff; font-weight: bold; text-decoration: none; } #chart_ftr_topL a:link { color: #ffffff; font-weight: bold; text-decoration: none; } #chart_ftr_topL a:visited { color: #ffffff; font-weight: bold; text-decoration: none; } #chart_ftr_topL a:active { color: #ffffff; font-weight: bold; text-decoration: none; } #chart_ftr_topL a:hover { color: #cb9201; font-weight: bold; text-decoration: none; } .chart_ftr_topR { background-color: #b9963d; padding: 0px; margin: 0px; border-style: solid; border-left-width: 1px; border-left-color: #e8e8e8; border-right-width: 1px; border-right-color: #4e4e4e; border-top-width: 1px; border-top-color: #e8e8e8; border-bottom-width: 1px; border-bottom-color: #4e4e4e;} #chart_ftr_topR h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #ffffff; font-weight: bold; margin: 0px 0px 0px 5px; text-transform: uppercase; } #chart_ftr_topR a { color: #ffffff; font-weight: bold; text-decoration: none; } #chart_ftr_topR a:link { color: #ffffff; font-weight: bold; text-decoration: none; } #chart_ftr_topR a:visited { color: #ffffff; font-weight: bold; text-decoration: none; } #chart_ftr_topR a:active { color: #ffffff; font-weight: bold; text-decoration: none; } #chart_ftr_topR a:hover { color: #ffffff; font-weight: bold; text-decoration: none; } .chart_ftr_header { background-color: #c8c8c8; padding: 0px; margin: 0px; } #chart_ftr_header p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #4e4e4e; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #chart_ftr_header a { color: #4e4e4e; text-decoration: none; } #chart_ftr_header a:link { color: #4e4e4e; text-decoration: none; } #chart_ftr_header a:visited { color: #4e4e4e; text-decoration: none; } #chart_ftr_header a:active { color: #4e4e4e; text-decoration: none; } #chart_ftr_header a:hover { color: #cb9201; text-decoration: none; } .chart_ftr_row_a { background-color: #ffffff; padding: 0px; margin: 0px; } #chart_ftr_row_a p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #4e4e4e; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #chart_ftr_row_a a { color: #4e4e4e; text-decoration: none; } #chart_ftr_row_a a:link { color: #4e4e4e; text-decoration: none; } #chart_ftr_row_a a:visited { color: #4e4e4e; text-decoration: none; } #chart_ftr_row_a a:active { color: #4e4e4e; text-decoration: none; } #chart_ftr_row_a a:hover { color: #cb9201; text-decoration: none; } .chart_ftr_row_b { background-color: #e8e8e8; padding: 0px; margin: 0px; } #chart_ftr_row_b p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #4e4e4e; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #chart_ftr_row_b a { color: #4e4e4e; text-decoration: none; } #chart_ftr_row_b a:link { color: #4e4e4e; text-decoration: none; } #chart_ftr_row_b a:visited { color: #4e4e4e; text-decoration: none; } #chart_ftr_row_b a:active { color: #4e4e4e; text-decoration: none; } #chart_ftr_row_b a:hover { color: #cb9201; text-decoration: none; } /********************************************/ /***** CHARTING DETAIL - TOP SUMMARY DATA **/ /********************************************/ .chart_top { background-color: #000000; width: 254px; } .chart_1_header { background-color: #8a8a8a; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .chart_1_header_left { text-align: left; } .chart_1_header_right { text-align: right; } .chart_1_odd { background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .chart_1_even { background-color: #cacaca; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .chart_1_row_left { text-align: left; } .chart_1_row_right { text-align: right; } .chart_0_table { background-color: #000000; width: 837px; } .chart_0_header { color: #cb9201; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;} .chart_0_header_left { text-align: left; width: 90px; } .chart_0_header_right { text-align: right; width: 55px; } .chart_0_header_far_right { text-align: right; width: 40px; } .chart_0_odd { color: green; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .chart_0_even { color: red; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .chart_0_row_left { text-align: left; color: white; width: 90px; } .chart_0_row_current { text-align: right; color: white; width: 55px; } .chart_0_row_right { text-align: right; width: 55px; } .chart_0_row_far_right { text-align: right; width: 40px; } .all_chart_button { text-decoration: none; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; } /****************************************************/ /***** CHARTING DETAIL - GRAPH AND CHART DETAILS **/ /****************************************************/ .data_select_on { margin: 10px 10px 10px 10px; padding: 0px; background-color: #434343; font-family: Arial, Helvetica, sans-serif; line-height: 12px; font-size: 12px; color: #cb9201; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: center; } .data_select_off { margin: 10px 10px 10px 10px; padding: 0px; background-color: #8e8e8e; font-family: Arial, Helvetica, sans-serif; line-height: 12px; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: center; } .data_select_off a { margin: 10px 10px 10px 10px; padding: 0px; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; } .data_select_off a:link { margin: 10px 10px 10px 10px; padding: 0px; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; } .data_select_off a:visited { margin: 10px 10px 10px 10px; padding: 0px; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; } .data_select_off a:active { margin: 10px 10px 10px 10px; padding: 0px; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; } .data_select_off a:hover { margin: 10px 10px 10px 10px; padding: 0px; color: #000000; font-weight: bold; text-decoration: none; text-transform: uppercase; } .data_select_underline { height: 3px; margin: 0px; padding: 0px; background-color: #434343;} .data_select_breadcrumb { margin: 0px; padding: 0px; background-color: #ffffff; } .data_select_breadcrumb p { margin: 0px; padding: 0px; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; line-height: 12px; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none; } .data_select_breadcrumb a { color: #000000; font-weight: bold; text-decoration: none; } .data_select_breadcrumb a:link { color: #000000; font-weight: bold; text-decoration: none; } .data_select_breadcrumb a:visited { color: #000000; font-weight: bold; text-decoration: none; } .data_select_breadcrumb a:active { color: #000000; font-weight: bold; text-decoration: none; } .data_select_breadcrumb a:hover { color: #cb9201; font-weight: bold; text-decoration: none; } .flag_curr p { background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; line-height: 12px; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none; text-transform: uppercase; margin: 0px; padding: 0px; } .flag_curr_dt p { background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; line-height: 12px; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none; margin: 0px; padding: 0px; } .metal_details_bar_box { margin: 0px; padding: 0px; background-color: #c8c8c8; border-style: solid; border-left-width: 0px; border-left-color: #e8e8e8; border-right-width: 0px; border-right-color: #4e4e4e; border-top-width: 0px; border-top-color: #e8e8e8; border-bottom-width: 2px; border-bottom-color: #4e4e4e; } .metal_details_bar p { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; font-size: 12px; color: #000000; font-weight: normal; text-decoration: none; } .metal_details_bar h6 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; } .metal_details_bar select { margin: 0px; padding: 0px; background-color: #c8c8c8; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none; border-style: solid; border-width: 1px; border-color: #cacaca; } .chart_option_bar_box { margin: 0px; padding: 0px; background-color: #c8c8c8; border-style: solid; border-left-width: 0px; border-left-color: #e8e8e8; border-right-width: 0px; border-right-color: #4e4e4e; border-top-width: 0px; border-top-color: #e8e8e8; border-bottom-width: 2px; border-bottom-color: #4e4e4e; } .chart_option_bar p { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; font-size: 12px; color: #000000; font-weight: normal; text-decoration: none; } .chart_option_bar select { margin: 0px; padding: 0px; background-color: #c8c8c8; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #434343; font-weight: normal; text-decoration: none; border-style: solid; border-width: 1px; border-color: #cacaca; } .hist_button_on { background-color: #808080; } .hist_button_off { background-color: #cfcfcf; } .cur_cad_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_cad.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_cad a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_cad.gif') 0 0 no-repeat; } .cur_cad a:hover { background-position: -43px 0; } .cur_cad a:active { background-position: -86px 0; } .cur_usd_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_usd.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_usd a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_usd.gif') 0 0 no-repeat; } .cur_usd a:hover { background-position: -43px 0; } .cur_usd a:active { background-position: -86px 0; } .cur_eur_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_eur.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_eur a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_eur.gif') 0 0 no-repeat; } .cur_eur a:hover { background-position: -43px 0; } .cur_eur a:active { background-position: -86px 0; } .cur_inr_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_inr.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_inr a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_inr.gif') 0 0 no-repeat; } .cur_inr a:hover { background-position: -43px 0; } .cur_inr a:active { background-position: -86px 0; } .cur_brl_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_brl.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_brl a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_brl.gif') 0 0 no-repeat; } .cur_brl a:hover { background-position: -43px 0; } .cur_brl a:active { background-position: -86px 0; } .cur_rub_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_rub.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_rub a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_rub.gif') 0 0 no-repeat; } .cur_rub a:hover { background-position: -43px 0; } .cur_rub a:active { background-position: -86px 0; } .cur_chf_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_chf.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_chf a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_chf.gif') 0 0 no-repeat; } .cur_chf a:hover { background-position: -43px 0; } .cur_chf a:active { background-position: -86px 0; } .cur_cny_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_cny.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_cny a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_cny.gif') 0 0 no-repeat; } .cur_cny a:hover { background-position: -43px 0; } .cur_cny a:active { background-position: -86px 0; } .cur_ars_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_ars.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_ars a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_ars.gif') 0 0 no-repeat; } .cur_ars a:hover { background-position: -43px 0; } .cur_ars a:active { background-position: -86px 0; } .cur_aud_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_aud.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_aud a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_aud.gif') 0 0 no-repeat; } .cur_aud a:hover { background-position: -43px 0; } .cur_aud a:active { background-position: -86px 0; } .cur_gbp_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_gbp.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_gbp a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_gbp.gif') 0 0 no-repeat; } .cur_gbp a:hover { background-position: -43px 0; } .cur_gbp a:active { background-position: -86px 0; } .cur_jpy_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_jpy.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_jpy a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_jpy.gif') 0 0 no-repeat; } .cur_jpy a:hover { background-position: -43px 0; } .cur_jpy a:active { background-position: -86px 0; } .cur_zar_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_zar.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_zar a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_zar.gif') 0 0 no-repeat; } .cur_zar a:hover { background-position: -43px 0; } .cur_zar a:active { background-position: -86px 0; } .cur_sek_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_sek.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_sek a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_sek.gif') 0 0 no-repeat; } .cur_sek a:hover { background-position: -43px 0; } .cur_sek a:active { background-position: -86px 0; } .cur_nzd_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_nzd.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_nzd a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_nzd.gif') 0 0 no-repeat; } .cur_nzd a:hover { background-position: -43px 0; } .cur_nzd a:active { background-position: -86px 0; } .cur_hkd_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_hkd.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_hkd a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_hkd.gif') 0 0 no-repeat; } .cur_hkd a:hover { background-position: -43px 0; } .cur_hkd a:active { background-position: -86px 0; } .cur_mxn_ON { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_mxn.gif') 0 0 no-repeat; background-position: -86px 0; } .cur_mxn a { outline: none;/* get rid of dotted borders in FireFox */ text-indent: -5000px ;/* this move the text outside of the screen area */ display:block; width:43px; height:22px; background: url('../images/flags/cur_mxn.gif') 0 0 no-repeat; } .cur_mxn a:hover { background-position: -43px 0; } .cur_mxn a:active { background-position: -86px 0; }