/* ######################################################################### */
/*   URL: www.ibn.co.za                                                      */
/*   Path: ./_css/IBN_1.3.0.css                                              */
/*   Author: tatze - www.gearz.de                                            */
/*   Version: 1.3.0  |  Date: 12.03.2010                                     */
/* ######################################################################### */


/* ######################################################################### */
/* General Output */
/* ######################################################################### */
/* @group media:all  */

@media all {
	
/* @group markups  */
/* ---------------------------------------------------------------------- */
	body {
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-align: left;
		text-decoration: none;
		font-weight: normal;
	}
	
	input {
		color: #333;
		font-size: 13px;
		background: #f4f4f4;
		border: 1px solid #999;
	}
	input.submit {
		margin: 5px;
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
		background: #e7e7e7;
	}
	
	#content table { margin-bottom: 2.5em; }
	
	p {
		margin-top: 0em;
		margin-bottom: 0.7em;
	}
	
	th, td {
		vertical-align: top;
		padding: 5px;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 13px;
	}
	th {
		background: #ccc;
		font-weight: normal;
		font-size: 1.1em;
	}
	
	h1, h2, h3, h4, h5, h6 {
		padding: 0;
		margin: 0;
		margin-bottom: 1.25em;
		font-weight: normal;
		border-bottom: 1px solid silver;
		overflow: hidden;
	}
	h1 { font-size: 1.4em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.2em; }
	h4 { font-size: 1.1em; }
	h5, h6 { 
		font-size: 1em;
		font-style: italic;
		margin-bottom: 0.75em;
	}
	h6 {
		border-bottom: none;
	}
	
	li, dd { padding-bottom: 0.5em; }
	dt { font-weight: bold; }
	
	ol li ol, ul li ul { margin-top: 0.75em; }
	
	ol li ol { list-style-type: lower-alpha; }
/* @end markups */
	
/* @group general text  */
/* ---------------------------------------------------------------------- */
	.large { font-size: 15px; }
	.larger {font-size: 14px; }
	.medium { font-size: 13px; }
	.smaller {font-size: 12px; }
	.small { font-size: 11px; }
	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.normal {
		font-style: normal;
		font-weight: normal;
	}
	.center { text-align: center; }
	.right { text-align: right; }
	.left { text-align: left; }
	.underline { text-decoration: underline; }
/* @end general text */

/* @group general positions  */
/* ---------------------------------------------------------------------- */
	.floatright { float: right; }
	.floatleft { float: left; }
	.clear {clear:both;}
	.top { vertical-align: top; }
	.bottom { vertical-align: bottom; }
	.middle { vertical-align: middle; }
/* @end general positions */
	
/* @group colours  */
/* ---------------------------------------------------------------------- */
	.ibn { color: #881415; }
	.offshore { color: #2F5592; }
	.recruitment { color: #48703D; }
	.red { color: red; }
	.grey { color: #888; }
/* @end colours */
	
/* @group spacing  */
/* ---------------------------------------------------------------------- */
	.autoCenter {
		margin: auto;
		padding: 10px;
		width: 580px;
	}
	.w500 { width: 500px; }
	
	.text {
		padding-bottom: 1em;
		margin-bottom: 1em ;
	}
	.text table ul {
		margin: 0;
		margin-top: 10px;
		margin-left: 20px;
		padding: 0;
	}
	.text table img {
		margin-left: 10px;
		margin-bottom: 10px;
	}
	
	.text table { border-collapse: collapse; }
	
	.listStyle td { padding: 10px; }
	.listStyleSmall { padding: 7px; }
	
	.noindent {
		margin-left: 0;
		padding-left: 0;
	}
	.smallindent {
		margin-left: 10px;
		padding-left: 10px;
	}
	.indentBlock { margin-left: 1.5em; }
	
	.indent { padding-left: 1.5em; }
	
	.spacingRight {
		padding-right: 10px;
		margin-right: 10px;
	}
	.spacingLeft {
		display: block;
		padding-left: 10px;
		margin-left: 40px;
	}
	.spacingTop {
		padding-top: 5px;
		margin-top: 5px;
	}
/* @end spacing */

/* @group tabular and borders  */
/* ---------------------------------------------------------------------- */
	.border { border: 1px solid #999; }
	.borderbottom { border-bottom: 1px solid #999; }
	.bordertop { border-top: 1px solid #999; }
	.borderleft { border-left: 1px solid #999; }
	.borderright { border-right: 1px solid #999; }
	.noborder { border: none; }
	.twocols {
		border-left: 1px solid #ccc;
		margin-left: 30px;
		padding-left: 30px;
	}
/* @end tabular and borders */
	
/* @group misc  */
/* ---------------------------------------------------------------------- */
	.nodecoration, .nodecoration:visited { text-decoration: none; }
	.mark {
		background: white;
		border: 1px solid red;
	}
	.uneven { background: #f3f3f3; }
	.printonly { display: none; }
/* @end misc */
}
/* @end media:all */


/* ######################################################################### */
/* Display Output */
/* ######################################################################### */
/* @group media:display  */

@media screen {
	
/* @group markups  */
/* ---------------------------------------------------------------------- */
	body {
		background: white;
		color: #333;
	}
	#page {
		display: block;
		width: 943px;
		background: url('../_img/page/page_bg.gif') repeat-y top left;
		text-align: left;
	}
	a, a:visited {
		color: #333;
		text-decoration: underline;
	}
	a:hover, input.submit:hover {
		color: #881415;
		cursor: pointer;
	}
/* @end markups */
	
/* @group div-ids  */
/* ---------------------------------------------------------------------- */
	#header {
		position: relative;
		z-index: 5;
		display: block;
		margin: 0;
		padding: 0;
	}
	#logo {
		display: block;
		height: 128px;
		width: 161px;
		background: url('../_img/page/logo_bg.gif') no-repeat top left;
		float: left;
	}
	#version {
		display: block;
		height: 128px;
		width: 161px;
		background: url('../_img/page/version_bg.gif') no-repeat top left;
		padding: 1px;
		float: right;
	}
	#nav {
		position: relative;
		z-index: 3;
		display: block;
		width: 619px; height: 128px;
		margin-left: 161px;
		background: url('../_img/page/nav_bg.gif') no-repeat top left;
		font-family: Arial, Verdana, sans-serif;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
	}
	#main {
		position: relative;
		z-index: 2;
		clear: both;
		text-align: center;
		display: block;
		margin: 0;
		padding: 0;
	}
	#leftContainer {
		display: block;
		width: 159px;
		font-size: 11px;
		text-align: left;
		margin: 0;
		padding: 0;
		padding-left: 1px;
		padding-right: 1px;
		float: left;
		position: relative;
		z-index: 3;
	}
	#rightContainer {
		display: block;
		width: 159px;
		font-size: 11px;
		text-align: left;
		margin: 0;
		margin-top: -2px;
		margin-right: 2px;
		padding: 0;
		padding-left: 1px;
		padding-right: 1px;
		float: right;
		position: relative;
		z-index: 3;
	}
	#ticker {
		position: relative;
		top: -2px; left: 0px;
		z-index: 1;
		overflow: hidden;
		background: white url('../_img/page/noJS.jpg') no-repeat top left;
		height: 107px;
		width: 619px;
		padding-top: 7px;
		margin: 0;
	}
	#rotator{
		position: absolute;
		top: 6px;
		left: 477px;
		z-index: 5;
		width: 290px;
		height: 90px;
	}
	#rotator img {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
	}
	#content {
		display: block;
		width: 580px;
		margin-top: -20px;
		margin-left: 181px;
		padding-bottom: 50px;
		text-align: left;
		position: relative;
		z-index: 2;
		font-size: 13px;
	}
	#footer {
		clear: both;
		display: block;
		width: 943px;
		background: white url('../_img/page/footer_bg.gif') no-repeat top left;
		font-size: 9px;
		color: #999;
		padding-top: 30px;
		text-align: center;
	}
	#footer a, #footer a:visited {
		font-size: 9px;
		color: #999;
		text-decoration: none;
	}
/* @end div-ids */

/* @group navlist (dropdown)  */
/* ---------------------------------------------------------------------- */
	#navlist {
		position: relative;
		top: 1px;
		z-index: 120;
		display: block;
		width: 615px;
		padding: 0;
		padding-left: 1px;
		margin: 0;
		list-style: none;
		text-align: left;
		font-size: 11px;
		font-weight: bold;
	}
	#navlist li {
		position: relative;
		z-index: 130;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		padding-left: 5px;
	}
	#navlist li:hover, #navlist li.active {
		background: url(../_img/page/nav-menu_bg.png) repeat-y top left;
	}
	#navlist li.spacer {
		display: block;
		width: 5px;
		margin-right: 1px;
		background: none;
	}
	#navlist li a, #navlist li a:visited {
		display: block;
		width: 75px;
		margin-top: 5px;
		padding: 3px 5px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 5px;
		color: black;
		text-decoration: none;
		background: url(../_img/page/IBN_buttons-sprite.gif) no-repeat 0px 0px;
	}
	#navlist li a:hover { color: #881415; }
	#navlist li ul {
		position: absolute;
		left: 0px;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid black;
	}
	#navlist li ul li {
		left: 0px;
		display: none;
		margin: 0;
		text-align: left;
		border: none;
		background: url(../_img/page/nav-menu_bg.png) repeat-y top left;
	}
	#navlist li:hover ul li, #navlist li a:hover ul li {
		position: relative;
		z-index: 4;
		display: block;
	}
	#navlist li ul li a.first, #navlist li ul li a:visited.first { border-top: 1px solid black; }
	#navlist li ul li a.last, #navlist li ul li a:visited.last { margin-bottom: 15px; }
	#navlist li ul li a, #navlist li ul li a:visited {
		position: relative;
		z-index: 4;
		left: 0px;
		display: block;
		width: 100px;
		margin: 0;
		padding: 5px 9px;
		padding-left: 20px;
		padding-right: 20px;
		border: 1px solid black;
		border-top: none;
	}
	#navlist li:hover ul li a, #navlist li a:hover ul li a {
		background: #e7e7e7 url(../_img/page/IBN_buttons-sprite.gif) no-repeat 0px -52px;
	}
	#navlist li ul li a:hover {
		background: #d7d7d7;
		color: #881415;
	}
/* @end navlist (dropdown) */

/* @group menuitem  */
/* ---------------------------------------------------------------------- */
	.menuitem {
		display: block;
		height: 18px;
		padding-top: 3px;
		border-bottom: 1px solid black;
		font-size: 12px;
		color: white;
	}
	.menuitem a, .menuitem a:visited {
		display: block;
		height: 18px;
		color: white;
		padding-top: 3px;
		padding-left: 30px;
		margin-top: -3px;
		text-decoration: none;
		font-size: 12px;
		border-bottom: 1px solid black;
	}
	
	.menuitem a.active {
		background: url(../_img/page/menu_bg_active.png) repeat-x top left;
	}
	
	.menuitem a:hover {
		text-decoration: none;
		font-size: 12px;
	}
	.menuitem.ibn {
		background: #881415 url(../_img/page/IBN_buttons-sprite.gif) no-repeat 7px 3px;
	}
	.menuitem.ibn a:hover {
		color: #881415;
		background: #e7e7e7 url(../_img/page/IBN_buttons-sprite.gif) no-repeat 7px -53px;
	}
	.menuitem.offshore {
		background: #2F5592 url(../_img/page/IBN_buttons-sprite.gif) no-repeat 7px -221px;
	}
	.menuitem.offshore a:hover {
		color: #2F5592;
		background: #e7e7e7 url(../_img/page/IBN_buttons-sprite.gif) no-repeat 7px -277px;
	}
	.menuitem.recruitment {
		background: #48703D url(../_img/page/IBN_buttons-sprite.gif) no-repeat 7px -109px;
	}
	.menuitem.recruitment a:hover {
		color: #48703D;
		background: #e7e7e7 url(../_img/page/IBN_buttons-sprite.gif) no-repeat 7px -165px;
	}
	.menuitem.first{ border-top: 1px solid black; }

/* @end menuitem */
	
/* @group boxes (text and objects)  */
/* ---------------------------------------------------------------------- */
	.textbox h3, .objectbox h3, .textbox h4, .objectbox h4 {
		text-align: left;
		padding-left: 5px;
		padding-top: 0;
		margin-top: 0;
		padding-bottom: 0.5em;
		margin-bottom: 1em;
		font-size: 11px;
		font-weight: bold;
		border-bottom: 1px dashed #666;
	}
	.textbox h4, .objectbox h4 {
		font-size: 10px;
		border: none;
		margin-bottom: 0.5em;
		padding-bottom: 0;
	}
	.textbox h3, .textbox h4 { padding-left: 0; }
	.textbox {
		padding: 5px;
		padding-top: 10px;
		padding-bottom: 20px;
		border-bottom: 1px solid #666;
	}
	
	.objectbox {
		display: block;
		width: 159px;
		border-bottom: 1px solid #666;
		text-align: center;
		padding: 0;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.object { margin-bottom: 5px; }
	.object img { border: 1px solid #ccc; }
	.largeObject {
		display: block;
		height: 27px;
		width: 142px;
		text-align: center;
		padding-top: 8px;
	}
	.boxcorr { margin-left: -1px; }
/* @end boxes (text and objects) */

/* @group misc  */
/* ---------------------------------------------------------------------- */
	#leftContainer p, #rightContainer p { margin-bottom: 0.5em; }
	.marquee { display: none; }
	.button, .button:visited {
		color: #333;
		font-size: 13px;
		background: #e7e7e7;
		border: 1px solid #999;
		margin: 5px;
		padding: 3px;
		padding-left: 10px;
		padding-right: 10px;
		text-decoration: none;
	}
	.button.active, .button.active:visited {
		color: #881415;
		background: #e7e7e7;
		border: 1px solid #881415;
	}
	.button.active:hover, .button:hover {
		color: #881415;
		background: #ccc;
		border: 1px solid #881415;
	}
	.button.inactive, .button.inactive:visited {
		color: #888;
		background: #d7d7d7;
		border: 1px solid #999;
	}
	html:first-child>*:first-child+body #ticker {
		left: 161px;
	}
/* @end misc */
}
/* @end media:display */


/* ######################################################################### */
/* Printer Output */
/* ######################################################################### */
/* @group media:print */

@media print {
	
	body { color: black; }
	
	#nav, #version, #ticker, #leftContainer, #rightContainer, #footer, .dontprint { display: none; }
	
	#main { text-align: left; }
	
	#logo { background: white; float: right; margin: 0; margin-top: -25px; padding: 0; padding-left: 15px; padding-bottom: 10px; }
	
	#content { padding-top: 20px; }
	
	a, a:visited { color: black; }
	
	.printonly { display: inline; }
	
	th { font-weight: bold; }
	
}
/* @end media:print */