@font-face {
    font-family: "GuardianSans";
    src: url('fonts/GuardianSans-Regular.eot');
    src: url('fonts/GuardianSans-Regular.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/GuardianSans-Regular.svg#GuardianSans') format('svg'),
    	 url('fonts/GuardianSans-Regular.woff') format('woff'),
    	 url('fonts/GuardianSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GuardianSans Semi";
    src: url('fonts/GuardianSans-Semibold.eot');
    src: url('fonts/GuardianSans-Semibold.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/GuardianSans-Semibold.svg#GuardianSans Semi') format('svg'),
    	 url('fonts/GuardianSans-Semibold.woff') format('woff'),
    	 url('fonts/GuardianSans-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GuardianSans Bold";
    src: url('fonts/GuardianSans-Bold.eot');
    src: url('fonts/GuardianSans-Bold.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/GuardianSans-Bold.svg#GuardianSans Bold') format('svg'),
    	 url('fonts/GuardianSans-Bold.woff') format('woff'),
    	 url('fonts/GuardianSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.text_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	font-weight: normal;
}

.text_left_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	font-weight: bold;
}

.text_center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
	font-weight: normal;
}

.text_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: right;
	font-weight: normal;
}

.text_right_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: right;
	font-weight: normal;
}

.table_head_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
	height: 24px;
}

.table_head_center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	text-align: center;
	font-weight: bold;
	padding-left: 20px;
	height: 24px;
}

.table_head_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	text-align: right;
	font-weight: bold;
	padding-right: 20px;
	height: 24px;
}

.table_section {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #243d4c;
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
	height: 24px;
}

.table_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	font-weight: normal;
	padding: 5px 0px 5px 20px;
}

.table_left_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	font-weight: bold;
	padding: 5px 0px 5px 20px;
}

.table_center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
}

.table_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: right;
	font-weight: normal;
	padding: 5px 20px 5px 0px;
}

.table_right_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: right;
	font-weight: bold;
	padding: 5px 20px 5px 0px;
}

.table_left_negative {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #FF0000;
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
	height: 25px;
}

.table_left_positive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #13CC00;
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
	height: 25px;
}

.table_left_sml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-align: left;
	font-weight: normal;
	margin-top: 0px;
	padding-left: 20px;
	height: 20px;
}

.table_top_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: bottom;
	background-color: #666666;
}


.table_top_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-align: right;
	font-weight: normal;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: bottom;
	background-color: #666666;
}

.spacer {
	height: 15px;
}

.spacer_sml {
	height: 5px;
}

hr {
	color: rgb(76,78,80);
	background-color: rgb(238, 238, 238);
	height: 1px;
	border: 0px;
	width: 100%;
}  

.sens_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006374;
	text-align: left;
	font-weight: normal;
}

a.sens:link {
	color: #74BBC9;
	font-size: 13px;
	text-decoration: none;
}

a.sens:visited {
	color: #74BBC9;
	font-size: 13px;
	text-decoration: none;
}

a.sens:hover {
	color: #999999;
	font-size: 13px;
	text-decoration: none;
}

a.sens:active {
	color: #74BBC9;
	font-size: 12px;
	text-decoration: none;
}



.sens_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	background-color: #00164f;
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
	height: 24px;
	text-transform: uppercase;
}

.sens_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #547a91;
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 10px;
	height: 20px;
}


.price {
	font-family: "GuardianSans", Arial, Helvetica, sans-serif;
	font-size: 56px;
	color: #01164f;
	text-align: left;
	font-weight: normal;
}

.zar {
	font-family: "GuardianSans Bold", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #547a91;
	text-align: left;
	font-weight: bold;
	padding-bottom: 30px;
	padding-left: 10px;
}

.price_move {
	font-family: "GuardianSans",Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #00164e;
	text-align: right;
	font-weight: normal;
}









.text_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	width: 200px;
  	height: 35px;
	padding: 5px;

	border-style: solid;
	border-width: 1px;
	border-color: #74BBC9;

}









table.zebra tr:nth-child(even){
	background: #ffffff;
}
table.zebra tr:nth-child(odd) {
	background: #f2f2f2;
}
table.zebra tr:hover {
	background-color: #D3E8ED;
}


table.zebra2 tr:nth-child(even) {
	background: #f2f2f2;
}
table.zebra2 tr:nth-child(odd){
	background: #ffffff;
}
table.zebra2 tr:hover {
	background-color: #D3E8ED;
}


.poweredby {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #999999;
	text-align: right;
	font-weight: normal;
	padding-right: 3px;
	letter-spacing: 2px;
}

a.powered:link, a.powered:visited {
	color: #666666;
	font-size: 8px;
	text-decoration: none;
	font-weight: bold;
}

a.powered:hover, a.powered:active {
	color: #999999;
	font-size: 8px;
	text-decoration: none;
	font-weight: bold;
}