/* 
	DEFAULT STYLESHEET FRO MIS ONLINE
   	JC van der Walt
   	Copyright Stylus Metrics Inc 2004
	Please keep this file updated whenever you are adding styles.
 */

BODY
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.menutext 
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#996600;
}

.menubuttonon
{
	background-color: #eeeeee;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
}

.menubuttonoff
{
	background-color: #FFFFFF;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
}

A.menuLink:link
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#996600;
	text-decoration:none;
}
A.menuLink:visited
{
  	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#996600;
	text-decoration:none;
}
A.menuLink:active
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#996600;
	text-decoration:none;
}
A.menuLink:hover
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#996600;
	text-decoration:none;
	cursor:pointer;
}

A.bodyLink:link
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#996600;
	text-decoration:none;
}
A.bodyLink:visited
{
  	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#996600;
	text-decoration:none;
}
A.bodyLink:active
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#996600;
	text-decoration:none;
}
A.bodyLink:hover
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#996600;
	text-decoration:none;
	cursor:pointer;
}

.tableTitle
{ 
	background-image: url(titleback.jpg);
	background-repeat:repeat-x;
	color:#996600;
	font-weight:bold;
	font-size: 10pt;
        padding: 2px 2px 2px 2px;
}

.onethinborder
{ 
	border: 1px silver solid;
}

.thinborderbottom
{ 
	border-bottom: 1px silver solid; 
}
.thinbordertop
{ 
	border-top: 1px silver solid; 
}
.thinbordercontent
{ 
	border-top: 1px silver solid; 
	border-left: 1px silver solid;
	border-bottom: 1px silver solid;
}

.pageTitle
{
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    FONT-SIZE: 16pt;
    COLOR: #996600;
    FONT-FAMILY: arial;
    color: #996600;
}

.menutextbold 
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#996600;
	font-weight:bold;
}
 
 
.normaltext 
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
}

.normaltextbold 
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
	font-weight:bold;
}

.smalltext
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	text-align:left;
}

.smalltexttop 
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	vertical-align:text-top;
}

.smalltextcenter
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	text-align:center;
}

.smalltextright
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	text-align:right;
}

.smalltextbold 
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	font-weight:bold;
}

.footertext
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#999999;
}

.legaltext 
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#999999;
}

.heading
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#996600;
	font-weight:bold;
}

INPUT.text
{	
	border: 1px #996600 solid;
	font-size:8pt;
	color: #996600;
	width: 150px;
}
.button_login
{
	background-color:#FFFFFF;
	font-size:8pt;
	color: #996600;
}

FORM
{
    PADDING-RIGHT: 15px;
    FONT-SIZE: 8pt;
    LINE-HEIGHT: 8pt;
    TEXT-ALIGN: justify;
    color: #996600
}
.formText
{
    PADDING-RIGHT: 15px;
    FONT-SIZE: 8pt;
    COLOR: #996600;
    LINE-HEIGHT: 8pt;
    TEXT-ALIGN: justify;
    color: #996600;
}

.formTitle
{
    PADDING-RIGHT: 0px;
    FONT-SIZE: 12pt;
    COLOR: #996600;
	line-height: 14pt;
    TEXT-ALIGN: center;
	font-weight:bolder;
	background-image: url(titleback.jpg);
}

.formHeading
{
    PADDING-RIGHT: 0px;
    FONT-SIZE: 10pt;
    COLOR: #996600;
	line-height: 12pt;
    TEXT-ALIGN: left;
    	font-weight:bolder;
	background-image: url(titleback.jpg);
}

.formHeadingCenter
{
    PADDING-RIGHT: 0px;
    FONT-SIZE: 10pt;
    COLOR: #996600;
	line-height: 12pt;
    TEXT-ALIGN: center;
	font-weight:bolder;
	background-image: url(titleback.jpg);
}

.formLabel
{
    FONT-SIZE: 8pt;
	background-color: #996600;
	text-align: right
}

.invisiblebox
{ 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color: transparent;
	color: #996600;
	border: none;
	text-align:left;
	width: 80px;
}

INPUT
{
    FONT-SIZE: 8pt;
    BACKGROUND: #ffffff;
    COLOR: #996600;
    FONT-FAMILY: arial, verdana
}
SELECT
{
    FONT-SIZE: 8pt;
    BACKGROUND: #ffffff;
    COLOR: #996600;
    FONT-FAMILY: arial, verdana;
	width: 100px;
}
SELECT.medium
{
    FONT-SIZE: 8pt;
    BACKGROUND: #ffffff;
    COLOR: #996600;
    FONT-FAMILY: arial, verdana;
	width: 200px;
}

TEXTAREA
{
    FONT-SIZE: 8pt;
    BACKGROUND: #ffffff;
    COLOR: #996600;
    FONT-FAMILY: arial, verdana
}
.inputClear
{
    FONT-SIZE: 8pt;
    BACKGROUND: #ffffff;
    COLOR: #996600;
    FONT-FAMILY: arial, verdana
}
CHECKBOX
{
    BACKGROUND: #ffffff
}

.thin
{
    BORDER: #CCCCCC 1px solid;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    PADDING-TOP: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
    border-collapse: collapse;
}

.subtable
{
    PADDING-RIGHT:0px;
    BORDER-TOP: #CCCCCC 1px solid;
    PADDING-LEFT:0px;
	PADDING-BOTTOM:0px;
    MARGIN:0px;
    PADDING-TOP:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
    BORDER-BOTTOM: #CCCCCC 1px solid;
	background-color:#EEEEEE;
}

.subtable2
{	
	background-color:#EEEEEE;
	color:#FF0000;
    PADDING-RIGHT:0px;
    BORDER-TOP: #CCCCCC 1px solid;
    PADDING-LEFT:0px;
	PADDING-BOTTOM:0px;
    MARGIN:0px;
    PADDING-TOP:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
    BORDER-BOTTOM: #CCCCCC 1px solid;
}

.treenormal 
{ 
	color:#996600;
}

.treeselected
{ 
	font-weight:bold;
	color:#996600;
}

.rowalternate1
{
	background-color:#FFFFFF
}

.rowalternate2
{
	background-color:#F3F3F3
}
.error
{ 
	font-weight:bold;
	color:#FF0000;
}

.listhead {
	font-weight:bold;
	border-bottom: 1px silver solid;
	font-size: 16px;
	font-family: Arial;
	color: #996600;
}

.task {
	font-weight:normal;
	font-size: 12px;
	font-family: Arial;
	color:#555;
	margin-left: 20px;
}

.task a {
	font-weight:normal;
	font-size: 12px;
	font-family: Arial;
	color:#555;
	text-decoration: none;
}

.task a:hover {
	font-weight:bold;
	font-size: 12px;
	font-family: Arial;
	color:#222;
	text-decoration: none;
}
.mini {
	font-weight:normal;
	font-size: 10px;
	font-family: Arial;
	color:#888;
	font-style: italic;
	padding-left: 20px;
}

.mini a {
	font-weight:normal;
	font-size: 12px;
	font-family: Arial;
	color:#555;
	text-decoration: none;
	font-style: normal;
}

.mini a:hover {
	font-weight:bold;
	font-size: 12px;
	font-family: Arial;
	color:#222;
	text-decoration: none;
	font-style: normal;
}


.todo {
	font-weight:normal;
	font-size: 12px;
	font-family: Arial;
	color:#996600;
	padding-bottom: 10px;
}

.todo a {
	font-weight:normal;
	font-size: 12px;
	font-family: Arial;
	color:#996600;
	text-decoration: none;
	padding-bottom: 10px;
}

.todo a:hover {
	font-size: 12px;
	font-family: Arial;
	color:#996600;
	text-decoration: underline;
	padding-bottom: 10px;
}



.taskdone {
	font-weight:normal;
	font-size: 10px;
	font-family: Arial;
	color:#888	;
}


.listdesc {
	font-weight:normal;
	font-size: 10px;
	font-family: Arial;
	color:#888;
	padding-bottom: 10px;
}

/*   Skin the calendar  popup */

.dpDiv {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	}

.dpTable {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #F6F1EE;
	border: 1px solid #AAAAAA;
	}

.dpTR {
	}

.dpTitleTR {
	}

.dpDayTR {
	}

.dpTodayButtonTR {
	}

.dpTD {
	cursor: pointer;
	}

.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	}

.dpTitleTD {
	}

.dpButtonTD {
	}

.dpTodayButtonTD {
	}

.dpDayTD {
	background-image:url(buttonback.gif);
	background-position:right bottom;
	color: #900;
	}

.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}

.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}

.dpButton {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 0px solid #AF924B;
	color: #900;
	font-weight: bold;
	padding: 0px;
	}

.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 0px solid #AF924B;
	color: #900;
	
	font-weight: bold;
	}

/* Added Anton 12 Dec 2006 
#pageHeader {
 	width: 800px;
 	height: 20px; /* strange but ie6 needs this */
 	/*background-image: url("images/default/bgextension.gif"); 
	background-position: center; 
	background-repeat: repeat;
	border-top: 0px;    
	margin 0px 0px 0px 0px; 
	padding: 200px 0px 0px 0px;
	}*/