@import url(default.css);
/* 
================================
Skin styles for DotNetNuke
================================
*/   

.Sap-Award
{
	background-image:url(award.jpg);
	width:105px;
	height:132px;
	position:relative;
	top:6px;
	left:3px;
}
.LeftShadow
{
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.pebbletree.co.za/Portals/_default/Skins/pebbletree/leftshadow.png',sizingMethod='scale'); 
}

.LeftShadow[class]
{
background-image:url(http://www.pebbletree.co.za/Portals/_default/Skins/pebbletree/leftshadow.png); height:100%; 
}


.White
{
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.pebbletree.co.za/Portals/_default/Skins/pebbletree/white.png',sizingMethod='scale'); 
}
.White[class]
{
background-image:url(http://www.pebbletree.co.za/Portals/_default/Skins/pebbletree/white.png); 
}

.HeaderShadow
{
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.pebbletree.co.za/Portals/_default/Skins/pebbletree/headershadow.png',sizingMethod='scale'); 
}

.HeaderShadow[class]
{
background-image:url(http://www.pebbletree.co.za/Portals/_default/Skins/pebbletree/headershadow.png); 
}

.RightShadow
{
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.pebbletree.co.za/Portals/_default/Skins/pebbletree/rightshadow.png',sizingMethod='scale'); 
}
.RightShadow[class]
{
background-image:url(http://www.pebbletree.co.za/Portals/_default/Skins/pebbletree/rightshadow.png); 
}

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #dfe5f2;
}

.leftpane {
	background-color: transparent;

	width:203px;
}
.contentpane {
	background-color: transparent;

}
.rightpane {
	background-color: transparent;
		width:203px;
}

.MainMenu_MenuContainer {
	background-color:#fff; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:32px;
	background-color:#fff;
}
.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: #626262; 
	font-size: 10pt; 
	font-weight:normal;
	font-style: normal; 
	background-color: Transparent;
	font-family: Arial, Helvetica; 
		height:32px;
}
.MainMenu_MenuIcon {
background-color: #fff; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height:32px;
}
.MainMenu_SubMenu {
	background-color: #fff;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	height:32px;
}
.MainMenu_MenuBreak {
	height: 0px;
}
.MainMenu_MenuItemSel {
	background-color: #777777; 
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	font-weight:normal;
	font-family: Arial, Helvetica; 
	font-size: 10pt; 
	font-style: normal;
	height: 32px;
}
.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
		height:32px;
			background-color: #626262; 
			visibility:hidden;
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
	background-color: #626262; 
	visibility:hidden;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 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: Arial, Helvetica;
   font-size:  24px;
   font-weight: normal;
   color: #666;
   padding-bottom:4px;
}



LI{

list-style-image:url(http://www.pebbletree.co.za/Portals/_default/skins/pebbletree/bullet2.gif);
padding-left:10px;
padding-bottom:15px;
list-style-position:outside;
line-height:16px;
}

.rollover a:Link {
display:block;
width: 238px;
padding:8px 0px 0px 0px;
font: normal 13px sans-serif;
color:#044c7e;
background: url("scripts/sab.jpg") 0 0 no-repeat;
background-position: -238px 0px ;
text-decoration: none;
height:32px;
text-align:center;
outline:none; 
margin:0px;
margin-top:1px;
padding:0px;
line-height:28px;
}

.rollover a:visited {
display:block;
width: 238px;
padding:8px 0px 0px 0px;
font: normal 13px sans-serif;
color:#044c7e;
background-image:url(scripts/sab.jpg);
background-position: -238px 0px ;
text-decoration: none;
height:32px;
text-align:center;
outline:none; 
margin:0px;
margin-top:1px;
padding:0px;
line-height:28px;
}

.rollover a:hover { 
display:block;
width: 238px;
font: normal 13px sans-serif;
color:#044c7e;
background-image:url(scripts/sab.jpg);
background-position: 0px 0px ;
text-decoration: none;
height:32px;
text-align:center;
outline:none; 
margin:0px;
margin-top:1px;
padding:0px;
line-height:28px;
}

/* example_6 css */  
#example_6 {   
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 640px; /* important */  
    height: 540px; /* important */  
    margin: 0;   
    background: #fff;   
}   
  
#example_6_content {   
    position: absolute;   
    top: 0;   
    margin-left: 0;   
}   
  
#example_6_content   
#example_6_content li {   
    list-style: none;   
    margin: 0;   
    padding: 0;   
}   
    #example_6_content {   
        width: 13440px;   
    }   
    #container_bd #example_6 ul li {   
        display: block;   
        float: left;   
        margin: 0;   
        padding: 0;   
        border: none;   
        background-color: #fff;   
    }   
  
#container_bd #example_6 ul li img {   
    display: block;   
}   
  
#example_6_frame {   
    position: relative;   
    margin: 485px 131px 0 131px;   
}   
#container_bd #example_6_frame ul li {   
    margin: 0 2px;   
}   
#container_bd #example_6_frame ul li img{   
    border: 1px solid #9cf;   
    padding: 2px;   
}   
#container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}