/* 
======================================================
Skin styles 
By Anton and Yannick Nel  Email: anton@codewise.co.za
Last Date: 27 July 2005
======================================================
*/   

.Bee
{
	background-color: #21337B;
	background-image: url(psiber1.jpg);
	width: 100%;
	height: 110px;
	background-repeat: no-repeat;
}

.myscroll
{
	background-color: #387FB5;
	/*filter: progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#387FB5, endColorstr=#387FB5);*/
}

.bread
{
	background-color: #83b5d4;
	background-image: url(totalpayrollsol.png);
	background-repeat: no-repeat;
}

.loginpg
{
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	
}

.loginfox
{
	font-family: Tahoma, Arial, Helvetica;
    font-size:  16pt;
    font-weight:  bold;
    color: #2c5d8a;
}


.myfeet
{
	background-color: #83b5d4;
	font-family: Tahoma, Arial, Helvetica;
    font-size:  8.5pt;
    font-weight:  bold;
    color: #2c5d8a;
    text-decoration: none;
}
    
A.myfeet:link {
    text-decoration:  none;
    color:2c5d8a;
}

A.myfeet:visited  {
    text-decoration:    none;
    color:#2c5d8a;
}

A.myfeet:active   {
    text-decoration:    none;
    color:#2c5d8a;
}

A.myfeet:hover    {
    text-decoration:    none;
    color:white;
}

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #CBECEF;
}

.skinmaster {
	height: 98%;
	/*background-color: #F4F8F8;*/
	background-color: #FFFFFF;
	BORDER-RIGHT: #21337B 1px solid; 
	BORDER-TOP: #21337B 1px solid; 
	BORDER-LEFT: #21337B 1px solid; 
	BORDER-BOTTOM: #21337B 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
	/*background-image: url(watermark.bmp);*/
}
.skinheader 
{
	
}

.skingradient {
	/*BACKGROUND-IMAGE: url(watermark.bmp); HEIGHT:122px;*/
}
.controlpanel {
	width: 100%;
	background-color: #AFAFFF;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 1px;
}
.leftpane {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 1px;
}

.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 1px;
}
.rightpane {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 1px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 1px;
}
.MainMenu_MenuContainer 
{
	background-color: #21337B; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height: 16px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	border-left: #387FB5 0px solid; 
	border-bottom: #387FB5 0px solid; 
	border-top: #387FB5 0px solid; 
	border-right: #387FB5 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
}
.MainMenu_MenuIcon {
	background-color: #387FB5; 
	border-left: #387FB5 1px solid; 
	border-bottom: #387FB5 1px solid; 
	border-top: #387FB5 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #387FB5; 
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}


.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel {
	background-color: #21337B; 
	cursor: pointer; 
	cursor: hand; 
	color: #F0F0F0; 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
}
.MainMenu_MenuArrow {
	border-right: #387FB5 1px solid; 
	border-bottom: #387FB5 1px solid; 
	border-top: #387FB5 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton     {
    background: #387FB5 none; 
    color: #FFFFFF;
    font-family:Verdana, sans-serif; 
    font-size: 11px;
    font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #F5F5F5;
	BORDER-RIGHT: #387FB5 1px solid; 
	BORDER-TOP: #387FB5 1px solid; 
	BORDER-LEFT: #387FB5 1px solid; 
	BORDER-BOTTOM: #387FB5 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px
}
.TreeViewMenu_Header {
	/*BACKGROUND-IMAGE: url(gradient_LtBlue.jpg);*/
}

.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:  bold;
    color: #E0E0E0;
}

.LoginFont   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  14px;
    font-weight:  bold;
    color: #E0E0E0;
}



.AntonHead {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:  bold;
    color: #FFFFFF;
}

.CrushHeadRed   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:  bold;
    color: #FFFFFF;
}

.CrushHeadPurple   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:  bold;
    color: #FFFFFF;
}



.minibannerpane {
	padding: 0px;
}

/* Classes Replacing the Media for the Privacy, Copyright, Terms, Date Links */
.MediaTabs {
	font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
    
A.MediaTabs:link {
    text-decoration:  none;
    color:white;
}

A.MediaTabs:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.MediaTabs:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.MediaTabs:hover    {
    text-decoration:    none;
    color:yellow;
}





.MenuHdr
{ 
	font-weight: bold;
    font-size: 8.5pt;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
  padding-left: 10px; padding-bottom: 2px; 
  background-color: #f1f1f1; padding-top: 2px; cursor: default;
}
.MenuItem, .MenuItemMouseOver, .MenuItem HR
{
  font-size: 8pt; padding-left: 20px; font-weight: normal; padding-bottom: 2px;
  background-color: #f1f1f1; padding-top: 2px;
}
.MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Visited, 
.MenuItem A:Link, .MenuItemMouseOver A, .MenuItemMouseOver A:Active, 
.MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver 
  A:Link, .MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, 
.MenuHdr A:Link 
{
	font-family: Tahoma, Arial, Helvetica;
  text-decoration: none; color: black; width: 100%; padding-top: 1px;
  padding-bottom: 1px; cursor: default; cursor: pointer; 
}
.MenuItemMouseOver
{
  background-color: #cccccc!Important; 
}

.MenuAntonSelect
{ 
	font-weight: bold;
}

td.Q_Title
{
 font-family: Tahoma, Arial, Helvetica;
 font-size: 18px;
 font-weight: bold;
 color: #21337B;
 padding-bottom: 20px;
}
td.Q_Intro
{
 font-family: Tahoma, Arial, Helvetica;
 font-size: 11px;
 padding-bottom: 20px;
 color: #21337B;
}
td.Q_Question 
{
 font-weight: bold;
 font-family: Tahoma, Arial, Helvetica;
 font-size: 11px;
 border-bottom: solid 1px #9999CC;
 color: #21337B;
 padding-top: 15px;
 }
td.Q_Description 
{
 font-family: Tahoma, Arial, Helvetica;
 font-size: 11px;
 padding-top: 10px;
 width: 300px;
 vertical-align: top;
}
td.Q_Value
{
 vertical-align: top;
 padding: 5px 0px 0px 5px;
}
.Q_Value
{
 font-family: Tahoma, Arial, Helvetica;
 font-weight: bold;
 font-size: 8.5pt;
 color: green;
}