/* CSS Document */

.red { color: #CC0000; }

table.borders { border-top:1px solid #DADBDB; border-left:1px solid #DADBDB; }
table.borders td { border-bottom:1px solid #DADBDB;  border-right:1px solid #DADBDB; }

td { font-size: 12px; color:#666666; }
h2 { margin-bottom:0; }

/* CUSTOM LAYOUT STYLES */
ul#nav1 { list-style: none; padding:0; margin-left:0; position: relative; }
ul#nav1 ul#nav2 { display: none; }
ul#nav1 li { display: inline; font-weight: bold; margin:0;  }
ul#nav1 li a { color: #000000; display: block; float: left; padding:3px 5px 3px 4px; }
ul#nav1 li a img { display: block; float: left; margin:7px 3px 0 0; }
ul#nav1 li.border a { border-right: 1px solid #909293; }
ul#nav1 li.isparent a { padding-right: 10px; background: transparent url(/hrg/templates_hrg/assets/gfx/menu_down.gif) right 7px no-repeat;  _padding:7px 10px 6px 4px;  } /*yucky ie hack on padding */
ul#nav1 li a:hover { color: #000000; font-weight:bold; text-decoration: none; background-color: #666666; color: #FFFFFF; }
/*
ul#nav1 li:hover ul#nav2 { display: block; position:absolute; background-color: #ECECEC;  }
ul#nav2 { font-family: Arial, Helvetica, sans-serif; border: 1px solid #000000; padding:0;  }
ul#nav2 li { display:block; clear: left; }
*/

td.search { font-size: 0px; margin:0; padding:0; vertical-align:bottom;  }
form.search { font-size: 0px; margin:0; padding:0; }

/* TEMPLATE STYLES */
.adobe { margin-top: 20px; }
.adobe_button {  float:left; width:30%; }
.adobe p { float:left; width: 70%; margin:0; }
.back { margin-top: 20px; }

/* COLUMN LAYOUT STYLES */
.col_layout { width: 100%; }

.col2_left { float: left; width: 70%; }
.col2_right { float:left; width: 29%; }

.col2_left2 { float: left; width: 14%; }
.col2_right2 { float:left; width: 85%; }

.col3_left { float: left; width: 30%; }
.col3_mid { float: left; width: 39%; }
.col3_right { float:left; width: 30%; }

.leftfloat { float: left; }
.rightfloat { float: right; }

.clear { clear: both; height: 2px; }

/* MODULE STYLES */
/* board of directors */
.directors { float: left; width: 200px; padding-right: 20px; padding-bottom: 20px; }

/* timeline */
#history { width: 99%; background: url(/hrg/templates_hrg/assets/gfx/history_line.gif) 50% 0% repeat-y; }
#history h2 { font-size:1.1em; color:#CC0000; }
#history .left { width: 48%; padding-right: 4%; margin-right: 48%; text-align: right; background: url(/hrg/templates_hrg/assets/gfx/history_marker.gif) 98% 0% no-repeat;  }
#history .right { width: 48%; margin-left: 48%; padding-left:4%; text-align: left; background: url(/hrg/templates_hrg/assets/gfx/history_marker.gif) 2% 0% no-repeat; }
#history .left p, #history .right p , #history .left h2, #history .right h2 { margin-top:0; margin-bottom:5px; }

/* press/financial reports */
.archive { display: inline; }
ul.archive { list-style-type: none; margin-left: 0; display: block; border-bottom: 1px solid #c00; margin-top: 10px; }
ul.archive li { display: inline; font-weight: bold;  margin-left: 0; background-color: #c00; padding: 5px; border-bottom: 1px solid #c00; position: relative; top: -1px; margin-top: 10px; -webkit-border-radius: 3px 3px 0 0; }

ul.archive li a { font-weight: normal; background-color: #e8e8e8; padding: 5px; border-bottom: 1px solid #c00; position: relative; top: -1px; -webkit-border-radius: 3px 3px 0 0; }
ul.archive li a:hover { text-decoration: none; }

.tabs { border-bottom:1px solid #c00; width:100%; line-height:normal; margin-top:10px; height:24px;}
.tabs ul {margin:0; padding:0px; list-style:none; }
.tabs li {float: left; margin:0; margin-right: 5px; list-style: none; } 
.tabs a, .tabs .current {float:left; display:block; padding: 2px 7px 6px 7px; text-decoration:none; font-weight:normal; color:#5b5b5b; background-color:#d9d9d9; height:16px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -webkit-transition: background-color, color 0.5s ease-out; -moz-transition: background-color, color 0.5s ease-out; transition: background-color, color 0.5s ease-out; }
.tabs .current a { font-weight: bold; padding: 0px; }
.tabs a:active { position: relative; top: 1px; }
.tabs .current a, .tabs .current, .tabs li a:hover { background-color: #c00; color: #fff; }
.tabs .current { line-height: 22px; }



.news .date { }
.news { margin-bottom: 30px; margin-top: 20px; }
.news li { margin-bottom: 1.1em; line-height: 1.5em; }
table.news { width: 100%; padding:0;}
.news th { text-align: left; border-bottom: 1px dotted #CBCBCB; padding:0.2em; }
.news td { vertical-align: top; border-bottom: 1px dotted #CBCBCB;  padding:0.2em; }
.news td.date { padding-top: 0.5em; line-height: 1.7em;   }
.news a { text-decoration: none; }
.news a:hover { text-decoration: underline; }

	/* events calendar */
table.events { width: 100%; padding: 0;}
.events th { text-align: left; border-bottom: 1px solid #CBCBCB; padding: 0.2em; font-size: 12px; }
.events td { vertical-align: top; border-bottom: 1px solid #CBCBCB; padding: 0.2em; font-size: 12px; }
.events tr.remindme { background-color: #F1F1F1; }

.events td.date {  }
.events td p { margin-bottom:0; }
.events p a { text-decoration: none; line-height: 15px; }
.events a:link { line-height: auto; }
.events a:hover { text-decoration: underline; line-height: 15px; }
.events .reminder { text-align: right; }
.rightalign { text-align: right; margin-top: 10px; }
.col2_form { width: 99%; }
.col2_form label { font-size: 1.1em; }
.col2_form .c2left { float: left; width: 60%; }
.col2_form .c2right { float:left; width: 39%; }

/* shareprice */
#details {  border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; width:99%; }
#shareprice { color: #686868; }
#shareprice h2, #shareprice h3 { font-size: 1.1em; }

/* shareprice and dividend calculator */
#calc { width: 100%; color: #666; }
#calvalues { margin-top: 20px; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; padding: 5px; background-color: #FFFFFF; }
#resultbox { margin-top: 20px; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; padding: 5px; }
.result {   }

/* faqs */
.question { font-weight: bold; }

/* search */
.searchPrev { text-align: left; font-size:1.1em; }
.searchPageNos { text-align:center; font-size:1.1em; }
.searchNext { text-align: right; font-size:1.1em; }

/* kpis */
table.kpi td, table.kpi th { border-bottom: 1px solid #CBCBCB; padding: 2px; }
table.kpi td strong {  }

/* investor pack */
.investorpack { border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; }

/* right column shareprice */
.shareprice_p { padding-top:10px; }
.shareprice { color:#CC0000; font-family:Arial,Helvetica,sans-serif; font-size:24px;}

table.results { width: 100%; padding:0; margin-bottom:20px;}
.results th { text-align: left; border-bottom: 1px solid #e2e2e2;  background-color:#E8E8E8; padding:10px 5px 10px 5px;}
.results td {border-bottom: 1px solid #e2e2e2; padding:5px 5px 5px 5px;}
.results .r_type{font-size:1.1em; text-align:center;}


/* CSS Document */



/* Icon images are positioned vertically with a space of 100px after each image.  If the element the icon is attached to is greater than this height then the next icon will appear. */

.basket, .basket_add, .basket_remove, .basket_go, .book, .book_go, .book_open, .calculator, .calendar, .calendar_add, .calendar_view_day, .chart_bar, .chart_curve, .chart_line, .chart_line, .chart_pie, .date_add, .email, .error, .exclamation, .feed, .film, .html, .image, .information, .ipod_cast, .link, .map, .pdf, .xls, .pps, .doc, .zip, .phone, .picture, .printer, .report, .report_go, .rss, .sound, .telephone, .television, .transmit_blue, .vcard, .podcast { background: url('../gfx/icons_trans.gif') no-repeat; padding: 0 0 0 25px; line-height: 20px; }



.basket 			{ background-position: 0px 0px; }
.basket_add 		{ background-position: 0px -120px; }
.basket_remove 		{ background-position: 0px -240px; }
.basket_go 			{ background-position: 0px -360px; }
.book 				{ background-position: 0px -480px; }
.book_go 			{ background-position: 0px -600px; }
.book_open 			{ background-position: 0px -720px; }
.calculator 		{ background-position: 0px -840px; }
.calendar 			{ background-position: 0px -960px; }
.calendar_add 		{ background-position: 0px -1080px; }
.calendar_view_day 	{ background-position: 0px -1200px; }
.chart_bar 			{ background-position: 0px -1320px; }
.chart_curve 		{ background-position: 0px -1440px; }
.chart_line 		{ background-position: 0px -1560px; }
.chart_pie 			{ background-position: 0px -1700px; }
.date 				{ background-position: 0px -1820px; }
.date_add 			{ background-position: 0px -1940px; }
.doc 				{ background-position: 0px -3720px; }
.email 				{ background-position: 0px -2060px; }
.error 				{ background-position: 0px -2180px; }
.exclamation 		{ background-position: 0px -2300px; }
.feed 				{ background-position: 0px -2420px; }
.film 				{ background-position: 0px -2540px; }
.html 				{ background-position: 0px -2660px; }
.image 				{ background-position: 0px -2780px; }
.information 		{ background-position: 0px -2900px; }
.ipod_cast 			{ background-position: 0px -3020px; }
.link 				{ background-position: 0px -3120px; }
.map 				{ background-position: 0px -3240px; }
.pdf 				{ background-position: 0px -3360px; }
.phone 				{ background-position: 0px -3960px; }
.picture 			{ background-position: 0px -4080px; }
.podcast 			{ background-position: 0px -5039px; }
.pps 				{ background-position: 0px -3600px; }
.printer 			{ background-position: 0px -4200px; }
.report 			{ background-position: 0px -4320px; }
.report_go 			{ background-position: 0px -4440px; }
.rss 				{ background-position: 0px -4560px; }
.sound 				{ background-position: 0px -4680px; }
.telephone 			{ background-position: 0px -4800px; }
.television 		{ background-position: 0px -4920px; }
.transmit_blue 		{ background-position: 0px -5040px; }
.vcard 				{ background-position: 0px -5160px; }
.xls 				{ background-position: 0px -3480px; }
.zip 				{ background-position: 0px -3840px; }

a.basket:hover, a.basket_add:hover, a.basket_remove:hover, a.basket_go:hover, a.book:hover, a.book_go:hover, a.book_open:hover, a.calculator, a.calendar, a.calendar_add:hover, a.calendar_view_day:hover, a.chart_bar:hover, a.chart_curve:hover, a.chart_line:hover, a.chart_line:hover, a.chart_pie, a.date, a.date_add:hover, a.email:hover, a.error:hover, a.exclamation:hover, a.feed:hover, a.film:hover, a.html:hover, a.image:hover, a.information:hover, a.ipod_cast:hover, a.link:hover, a.map:hover, a.pdf:hover:hover, a.xls:hover, a.pps:hover, a.doc:hover, a.zip:hover, a.phone:hover, a.picture:hover, a.printer:hover, a.report, a.report_go, a.rss, a.sound, a.telephone:hover, a.television:hover, a.transmit_blue:hover, a.vcard:hover, a.podcast:hover{text-decoration:none;}


.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; border-bottom: 5px solid #CC0607; display: block; height: 45px; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
	.ui-tabs .ui-tabs-nav li a { float: left; padding: 24px 12px 17px 12px; text-decoration: none; font-size: 16px; line-height: 0; background-color: #900000; margin-right: 7px; color: #fff !important; position: relative; top: -4px; border-bottom: 1px solid #E1696A; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li a:hover { background-color: #CE0606; color: #fff !important; border-bottom: 1px solid #CC0607; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.calculate, .lookup { background: url(../gfx/calc.gif) no-repeat; width: 142px; height: 37px; text-indent: -9999px; border: none; cursor: pointer; float: right; font-size: 0; display:block; line-height: 0; padding: 10px 0 10px 0; }

.calculate:hover { background-position: 0 -37px; }
.calculate:active { background-position: 0 -74px; }
.lookup { background-position: -142px 0; }
.lookup:hover { background-position: -142px -37px; }
.lookup:active { background-position: -142px -74px; }
.prices { font-weight: bold; }

.resultbox.calcrow { padding: 10px 5px 10px 0; }
.calcrow { padding: 0 5px 10px 0; }

#tabs input[type=text], #tabs input.calcinput  { padding: 5px; width: 142px; border: 1px solid #B9B9B9; }
#tabs input[type=text]:hover, #tabs input.calcinput:hover { border: 1px solid #676767; }
#tabs input[type=text]:focus, #tabs input.calcinput:focus { border: 1px solid #CE0606; outline: 0; }