/* Styles for all HTML ELEMENTS, in alphabetical order... */
/* overall style definition for all links throughout the site */


a:link, a:visited, a:active {
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
}
a:hover {
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
color: #CC0000;
}
a.view_chart:link, a.view_chart:visited, a.view_chart:active {
    background-image: url(../media/images/stylesheet_images/graph_image.gif);
    background-repeat: no-repeat;
    -x-background-x-position: right;
    -x-background-y-position: center;
    padding-top: 0px;
    padding-right: 25px;
    padding-bottom: 5px;
    padding-left: 28px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    color: rgb(204, 0, 0);
}
a.view_chart:hover {
    color: rgb(0, 0, 0);
}
blockquote  {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 18px;
}
body {
margin: 0px;
}
div {	
font-family : Arial, Helvetica, sans-serif;
font-size: 12px;
}
form {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 100%#	
}	
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
font-family: arial, Helvetica, sans-serif;
margin: 0px;
text-align: left;
}
h1 {
font-size: 16px;
color : #CC0000;
}
h2 {
color:  #CC0000;
font-size: 14px;
}
h3 {
color: #000000;
font-size: 12px;
}
h4 {
color: #CC0000;
font-size: 12px;
}
h5{
color: #FFFFFF;
font-size: 12px;
}
h6 {
color: #000000;
font-size: 12px;
font-style : italic;
}
h7 {
color: #666666;
font-size: 16px;
}
hr {
height: 1px;
border-bottom: 1px dotted #cccccc;
margin-top:  -1px;
margin-bottom : 0px;
padding: 0px;
clear: left;
}
input {
margin: 0px;
height: 18px;
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #000000;
padding: 1px 1px 1px 2px;
}
p {
font-family: arial, Helvetica, sans-serif;
font-size:  12px;
margin-top: 2px;
margin-bottom: 8px;
}
select {
margin: 0px;
height: 20px;
padding-left: 4px;
font-size : 10px;
}
td {
font-family: arial, Helvetica, sans-serif;
font-size: 8pt;
}
textfield {
margin: 0px;
height: 20px;
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #FFFFFF;
padding-left: 4px;
}

.searchbutton {
background-image:  url(/common/media/images/stylesheet_images/go_button.gif);
background-color : transparent;
background-position: center center;
background-repeat : no-repeat;
height: 16px;
width: 30px;
border: none;
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: white;
padding-left: 1px;
padding-right: 1px;
}
.generic_button {
background-image:  url(/common/media/images/stylesheet_images/generic_button.gif);
background-color : transparent;
background-position: center center;
background-repeat : no-repeat;
height: 16px;
width: 55px;
border: none;
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: white;
padding-left: 1px;
padding-right: 1px;
}

.generic_large_button{
background-image: url(/common/media/images/stylesheet_images/generic_button_large.gif);
background-color: transparent;
background-x-position: center;
background-y-position: center;
background-repeat: no-repeat;
height: 16px;
width: 180px;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
font-family: arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
color: white;
padding-left: 1px;
padding-right: 1px;
}


.generic_button_grey {
background-image:  url(/common/media/images/stylesheet_images/generic_button_grey.gif);
background-color : transparent;
background-position: center center;
background-repeat : no-repeat;
height: 16px;
width: 55px;
border: none;
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: white;
padding-left: 1px;
padding-right: 1px;
}

TABLE.gel_bar {
position:relative;
float:left;
}
.gel_bar TD{
background-image: url(/common/media/images/header_images/RedGel_3.gif);	
background-repeat: repeat-x;
text-align: center;
}
TD.gel_bar_left {
width: 160px;
padding-bottom: 10px;
}

/* Generic style link for red gel bar - white normal state with black hover */
a.whitelink:LINK, a.whitelink:VISITED, a.whitelink:ACTIVE {

color: white;
font-weight: bold;
text-decoration: none;
}
a.whitelink:HOVER {
color: black;
font-weight: bold;
text-decoration: none;
}
@media screen{
TABLE.hsbc_logo {
position:relative;
float:left;
}
.hsbc_logo .title_print {
	display: none;
}
}

/* END LINK STYLES */

/* End of HTML element styles */