/*

	Abaana style sheet
	Created by Andi Topping on 18/04/2007

*/

/* STANDARDISE ACROSS BROWSERS */
html, body, div, form { padding:0px; margin:0px; }
img { border:none; }
p { padding:6px 0px; margin:0px; line-height: 125%; }
h1 { padding: 0px 0px 6px 0px; margin: 0px; font-size: 1.4em; color: #9E0205; }
h2 { padding: 0px 0px 6px 0px; margin: 0px; font-size: 1.2em; color: #FC690A; }
h3 { padding: 0px 0px 6px 0px; margin: 0px; font-size: 1.0em; color: #FC690A; }
.date { color: #999; font-weight: bold; font-size: 0.7em; }
.animage { border: 1px solid #9E0205; padding: 1px 1px; }
.thinborder { border: 1px solid #9E0205; padding: 0px 0px; }
.black { color: #666666; font-weight: bold; }
.blue { color: #4A71B7; }
.bold { font-weight: bold; color: #9E0205; }

/* SETUP OUR CANVAS */
html { background-color:#FFFFFF; color:#666666; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
body { background-color:#FFFFFF; }

/* LAYOUT */
#container { margin: 20px auto; width:880px; }
#content { margin: 10px 0px; }

/* TOPBAR STYLES */
#topbar { text-align: right; }
#topbar #image { width:400px; height:62px; float:left; margin-left:80px; }
#topbar #logo { float:left; margin: 0px 0px; }

/* TOP NAV STYLES */
#topnav { background-image:url(../images/bg_topnav.png); background-position: bottom; background-repeat:no-repeat;  height:28px; text-align: right; clear: both; }
#topnav img { padding: 0px 10px 0px 0px; }

/* MAIN IMAGE STYLES */
#header { margin: 1px 0px 1px 0px; height: 141px; }

/* BOTTOM NAV STYLES */
#bottomnav { background-image:url(../images/bg_bottomnav.png); background-position: top; background-repeat:no-repeat; clear: both; height:28px; margin: 0px 0px; padding: 0px 0px 0px 200px; }
#bottomnav img { padding: 0px 20px 0px 0px; }

/* CONTENT STYLES */
#left { float:left; width:180px; padding:0px 0px 0px 0px; color: #000000; font-size: 0.9em; }
#right { margin:0px 0px 0px 200px; }

/* LEFT STYLES */

/* RIGHT STYLES */
#right a { color: #9E0205; text-decoration:none; font-weight: bold; }
#right a:hover { text-decoration: underline; font-weight: bold; }

/* FOOTER STYLES */
#footer { clear: both; text-align:center; font-size: 1em; color: #999999; }
#footer a, #footer a:hover { color: #999999; text-decoration:none; }
#footer .copyright { font-size: 0.8em; }
#footer hr { height:1px; margin:0px 220px -5px 220px; border: none 0; border-top: 1px solid #999999; width: 440px; text-align:center; }

/* FORM STYLES */
label { width: 150px; float:left; color:#333333; font-style: italic; font-size: 1.05em; margin: 0px 0px 0px 10px; }
div.submit { padding-left:265px; line-height:200%; }

/* SIDEBOX STYLES */
.sidebox { margin: 0px 0px 25px 0px; }
.sidebox li { list-style-image:url(../images/bullet_point.png); margin: 0px 0px; padding: 0px 0px; }
.sidebox a, .sidebox a:hover { color: #000000; text-decoration:none; }
.sidebox form { padding: 10px 10px; width: 150px; }
.sidebox .button { padding: 5px 0px; }
.sidebox input[type="text"] { width: 150px; }
.sidebox #icons { padding: 0px 0px 10px 0px; text-align: center; }

/* NEWSBOX STYLES */
.news { border-bottom: 1px solid #E0E0E0; }
.more a, .more a:hover { color: #FC690A; text-decoration: none; font-weight: bold; }
.news .header { margin: 0px 0px; padding: 2px 7px 1px 7px; background-image:url(../images/bg_news.png); background-repeat: no-repeat; color: #333333; text-decoration: none; font-weight: bold; height:16px; }
.news img, .row0 img, .row1 img { border: 1px solid #9E0205; padding: 1px 1px; }
/*.row0 { background-color: #E9E9E9; height: 105px; padding: 5px 5px; }
.row1 { background-color: #FFFFFF; height: 105px; padding: 5px 5px; }*/

/* KEY FACTS */
#keyfacts { margin: 10px 0px; }
#keyfacts th { color: #FFFFFF; background-color:#9E0205; text-align:left; padding: 5px 5px; }
#keyfacts .border { border: 1px solid #9E0205; padding: 0px 5px; }

/* GENERAL STYLES */
.message { background-color: #9E0205; border: 2px dashed #FFFFFF; color:#FFFFFF; font-weight: bold; text-align:center; padding: 10px 10px; }
.details strong { color:#9E0205; font-weight: bold; }

/* Hover Transparent Window */
.highlightit img{ border: 1px solid #CCCCCC; padding: 1px 1px; }
.highlightit:hover img{ border: 1px solid #ff3366; padding: 1px 1px; }
.highlightit:hover{ color: #ff3366; border: 0px ; /* Dummy definition to overcome IE bug */ }

/* LOCATION MAP */
#locationMap { width:75%; height: 325px; margin: 0px auto; }
#locationMap #locationContent { border: 1px solid #9E0205; margin: 2px 0px 0px 0px; padding: 5px 5px; height: 283px; }
#locationMap #locationTop { background-color: #9E0205; color: #FFFFFF; padding: 5px 5px; font-weight:bold; }
#locationMap #locationLeft { float: left; width: 40%; padding: 5px 5px; overflow:auto; height: 273px; }
#locationMap #locationRight { margin: 0% 0% 0% 42%; text-align:center; padding: 10px 10px; }
#locationMap #locationLeft p { padding-left: 5px; }

#filter { float: right; width: 200px; text-align: right; }

/* Accordion Styles */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	height: 12px;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	font-style:italic;
	padding:5px 0 5px 30px;
}

/* moodalbox CSS  */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(../images/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../images/closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}

/* Tool Tip Styles */

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}