/*
Title: Corporate CSS for use on all Xerox webpage layouts
Created by: Tim Ottewell
Created on: 25th February 2009
Version 1.2
Modified on: 12/03/2010
Modified by: Tim Ottewell
Changes made: added classes to make a LAMP style tables and top tabbed boxes
*/

/*  ***PLEASE DO NOT CHANGE THIS PART OF THE STYLESHEET***  */
/*  If you feel additions or modifications need to be made let me know so I can apply them to the template */

body 
{
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

body.corp a
{
	color: #e67600;
}

body.corp .sidebars ul li a:hover
{
	color: #e67600;
}

body.psg a
{
	color: #E67600;
}

body.psg .sidebars ul li a:hover
{
	color: #E67600;
}

body.xog a
{
	color: #2895d5;
}

body.xog .sidebars ul li a:hover
{
	color: #2895d5;
}

body.xgs a
{
	color: #9b2583;
}

body.xgs .sidebars ul li a:hover
{
	color: #9b2583;
}

a 
{
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

p
{
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	color: #333333;
}

p.heading
{
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-weight: bold;
}

h1.pagetitle
{
	font-size: 16px;
	color: #666666;
	margin: 0px;
	margin-top: 6px;
	padding: 0px;
}

h1.contenttitle
{
	color: #333333;
	margin: 0px;
	padding-bottom: 4px;
	font-size: 16px;
}

h3
{
    color: #333333;
    font-size: 12px;
    padding: 0px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
}

h4
{
    font-size: 11px;
}

ul
{
	padding-top: 3px;
	padding-left: 15px;
	margin: 10px;
	margin-top: 2px;
	margin-bottom: 12px;
	list-style-type: square;
	color: #666666;
}

ul li
{
	padding-left: 0px;
}

ul li ul
{
	padding-top: 2px;
	padding-left: 15px;
	margin: 0px;
}

ul li ul li
{
	padding-left: 0px;
	margin: 0px;
}

img 
{
	border: none;
}

/*  Style for all tables */
table {
	width: 100%;
	border-collapse: collapse;
}

table.alternating {
	margin-top: 4px;
	margin-bottom: 15px;
}

table.alternating thead tr {
	padding: 0px;
	margin: 0px;
	background-color: #ececec;
}

table.alternating th, table.alternating td {
	font-size: 10px;
	color: #666666;
	text-align: center;
	vertical-align: top;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

table.alternating th.left, table.alternating td.left {
	text-align: left;
}

table.alternating th.right, table.alternating td.right {
	text-align: right;
}

table.alternating td {
	border-right: 1px solid #ececec;
}

table.alternating td.last {
	border: 0px;
	_padding-top: 3px;
	_padding-bottom: 3px;
}

table.alternating td.first {
	background-color: #fafafa;
}

table.alternating tr {
	background-color: #ffffff;
}

table.alternating tr.odd {
	background-color: #fafafa;
}

table.alternating tr.odd td.first {
	background-color: #f5f5f5;
}

table.alternating tr.firstRow td {
	border-top: 1px solid #ececec;
}

table.alternating tr.lastRow td {
	border-bottom: 1px solid #ececec;
}

/* Style for top tabbed container - this may need to be changed if the number of tabs you have varies */

.topTabbedContainer {
	width: 100%;
	background-color: #fafafa;
	z-index: 0;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

ul.tabbedMenuItems {
	padding: 0px;
	margin: 0px;
	height: 22px;
}

ul.tabbedMenuItems li {
    float: left;
    list-style-type: none;
	width: 246px;
	_width: 247px;
	text-align: center;
	padding-top: 2px;
    border-right: solid 1px #fafafa;
	height: 20px;
	_height: 22px;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

ul.tabbedMenuItems a, ul.tabbedMenuItems a:hover, ul.tabbedMenuItems a:visited {
	color: #FFFFFF !important;
}

ul.tabbedMenuItems li.selected {
	background-image: url('../images/2011/tab-on-bg.gif');
	background-repeat: repeat-x;
}

ul.tabbedMenuItems li.unselected {
	background-image: url('../images/2011/tab-off-bg.gif');
	background-repeat: repeat-x;
}

.arrow {
	float: left;
	margin-top: -1px;
	margin-left: 118px;
	padding: 0px;
	height: 8px;
	width: 10px;
	background-image: url('../images/2011/arrow.gif');
	background-repeat: no-repeat;
	
}

.tabContent {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
}

#pageContainer
{
	margin: 0px auto;
	width: 100%;
	background-color: #ffffff;
}

#pageHeader
{
	margin: 0px auto;
	width: 100%;
}

#container
{
	margin: 0px auto;
	width: 100%;
	overflow: visible;
	padding-top: 0px;
}

#headerBar
{
	margin: 0px auto;
	width: 100%;
	height: 30px;
}

#headerLogo
{
	/*float: left;
	background-image: url("../images/2011/xlogo.gif");
	background-repeat: no-repeat;
	width: 175px;
	height: 50px;*/
}

#headerText
{
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	float: right;
	width: 100%;
	height: 16px;
}

#navigationBar
{
	display: none;
}

/* Footer bar */

#pageFooter
{
	display: none;
}

.smalltable {
  width: 150px;
  margin-left: 150px;
}

h1 {
  font-size: 18px;
  font-weight: bold;
  color: #e67600;
}

#centreContent_740 {
  min-height: 260px;
	padding: 0;
	margin: 0;
}

textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
 .no_print {
 	display: none;
 }

 .only_print {
 	display: block;
 }

 td input {
 	max-width: 200px;
 	font-size: 11px;
 	border: 0px;
 	font-family: Arial, Helvetica, sans-serif;
 }

 #Abloesedatum {
 	margin: 0px;
 	padding: 0px;
 	min-width: 10px;
 	max-width: 55px;
 }

 input[type="radio"]{
 	margin: 0px;
 	padding: 0px;
 }

 hr {
 	margin-top: 0.5px;
 	margin-bottom: 0.5px;
 }