/*	SASOR.CO.ZA
	CSS definition
	JDS 2005
*/

.message
{
  padding: 0.2em;
  margin: 0 0 0.5em 0;
  height: 17px;
}

.message p
{
  font-size: 100%;
  padding: 0;
  margin: 0;
}

.message-error
{
  border: 1px dashed #f00;
  padding-left: 24px;
  color: #600;
  background: #fff0f0 url(../images/error.png) 3px 3px no-repeat;
}

.message-info
{
  border: 1px dashed #00f;
  padding-left: 24px;
  color: #006;
  background: #f0f0ff url(../images/info.png) 3px 3px no-repeat;
}

.message-success
{
  border: 1px dashed #0f0;
  padding-left: 24px;
  color: #060;
  background: #f0fff0 url(../images/success.png) 3px 3px no-repeat;
}

.message-logout
{
  border: 1px dashed #cb8011;
  padding-left: 24px;
  color: #784c0a;
  background: #feebcf url(../images/logout.png) 3px 3px no-repeat;
}

.message-status
{
  border: 1px dashed #d6a404;
  padding-left: 24px;
  color: #AA8303;
  background: #fffebb url(../images/status.png) 3px 3px no-repeat;
}

.message-help
{
  border: 1px dashed #6699cc;
  padding-left: 24px;
  color: #336699;
  background: #ddeeff url(../images/help.png) 3px 3px no-repeat;
}


body {
margin:0;
padding:0; 
font-family:verdana, arial, sans-serif; 
font-size:80%; 
color:#666666; 
text-align:center;
background-color:#FFFFFF;
background-image: url(back.jpg);
}

p {
margin:0.2em 0 1.2em 0; 
padding:0.3em;
}

h1 {
padding:0; 
margin:0;font-size:250%; 
font-weight:normal; 
font-style:italic; 
color:#CF8339; 
font-family: "Trebuchet MS", verdana, arial;
}

h2 {
color:#CF8339;
border-bottom: 1px solid #CF8339;
font-size:100%; 
font-weight:normal; 
margin:0.2em; 
padding:0;
padding-top:1em; 
font-style:normal; 
font-family: "Trebuchet MS", arial, Georgia, verdana;
}

div {
margin:0; 
padding:0; 
display:block;
}


a:link, a:visited {
color:#044FA4; 
text-decoration:none;
}

a:hover {
color:#2A96FA;
text-decoration:underline;
}

a:active {
color:#82BEFC; 
text-decoration:underline;
}



.container {
background-color:#FFFFFF; 
margin:0 auto 0 auto; 
padding:0; 
width:800px;

border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
background-image: url(fademiddle.jpg);
background-repeat: no-repeat;
background-position: left 143px;
}

.titleblock {
padding:0;
margin:0; text-align:left;
valign: middle;
height:143px;
background:#FBB05B;
background-image: url(right2.jpg);
background-repeat:no-repeat;
background-position:right center;

}

.titleblock p {
text-indent:4em; 
color:#3B4471;
}



ul.navbar {
list-style-type:none; 
float:left; 
display:block; 
width:120px; 
line-height:1.7em; 
text-align: left;

margin:0; 
padding:10px; 

border-right: 1px solid #BBBBBB;

}

ul.navbar h2 {
font-size: 8pt;
font-style: normal;
width:120px;
}

ul.navbar li {
display:inline;
}


a.nav:link, a.nav:visited {
display:block; 
/*float:left; */
width:120px; 
margin:0; 
text-decoration:none; 
color:#000000;
padding: 0 5px 0 5px;
}

a.nav-sel:link, a.nav-sel:visited {
display:block; 
/*float:left; */
width:120px; 
margin:0; 
text-decoration:none; 
color:#000000;
padding: 0 5px 0 5px;
font-weight: bold;
}

a.nav:hover {
display:block; 

padding: 0; 
margin:0; 
text-decoration:none; 
background: none;
padding: 0 5px 0 5px; 
color:#666666;

}

a.nav:active {
display:block; 

padding: 0 .5em 0 .5em; 
margin:0; 
text-decoration:none; 

color:#666666;
background: url(menuh.gif) no-repeat right top; 
}



.rightcontainer {
float:right; 

width:13em; 
margin:1em 0 0 0; 
padding:0;

}

.rightbox {
margin:0.5em; 
padding:0.3em; 
border:1px solid #999999; 
text-align:left;
font-size: 8pt;
font-family: Verdana, Arial, 'Microsoft Sans Serif';
background-image: url(right.jpg);

background-position:right center;
}

.rightcontainer h2 {
text-align:left; 
padding:0 0 0 1.5em;

}

.linkbox a {
display:block;
}



.content {

text-align:justify; 
margin:1.2em 13.5em 0 0; 
padding:1em 1ex 1em 12em;


}

.content h2 {
text-indent:3em;
}

.content h3 {
text-align: left;
font-size: 10pt;
}



.footer {
color:#999999; 
font-size:75%; 
margin:2.5em 0.2em 0.5em 0.5em; 
padding:0.8em; 
border-top:1px solid #999999; 
text-align:left; 
clear:both;


}

.footer .right {
float:right; 
clear:right; 
text-align:right;
}

.footer p {
margin:0;
}