/* 
================================
Skin styles for Kapena Professional
================================
*/   

.pagemaster {
	width: 100%;
	height: 950px;	
	background-color: #666666;
}
.skinmaster {
	height: 100%;
	background-color: #ffffff;
	border-right: #333333 0px solid; 
	border-top: #ffffff 3px solid; 
	border-left: #333333 0px solid; 
	border-bottom: #0099cc 1px solid; 
}
.skinheader {
}
.skinheadertop {
	height:30px;
	border-right: #333333 0px solid; 
	border-top: #333333 2px solid; 
	border-left: #333333 0px solid; 
	border-bottom: #333333 2px solid; 
}    
.skinfooter {
	border-right: #333333 0px solid; 
	border-top: #333333 3px solid; 
	border-left: #333333 0px solid; 
	border-bottom: #333333 3px solid;
	background-color: #0099cc;
}
.skingradient {
	background-image: url(HBL_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #cccccc;
}
.topleftpane {
	width: 250px;
	background-color: transparent;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.topcenterpane {
	width: 225px;
	background-color: transparent;
	background-image: url(group4.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 2px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.toprightpane {
	width: 200px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.menupane {
	width: 170px;
	height: 200px;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 10px;
	background-color: #ffffff;
    background-image: url(vertical_gradient2.jpg);
    background-position: left top;
    background-repeat: repeat-x;
	font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
    font-weight: bold;
    list-style: none;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	border-right: #ff0000 0px solid; 
	border-top: #ff0000 0px solid; 
	border-left: #ff0000 0px solid; 
	border-bottom: #ff0000 0px solid;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 20px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.addresspane {
	width: 170px;
	padding-left: 5px;
	padding-right: 7px;
	padding-top: 10px;
	background-color: transparent;
	height: 100px;
}
/* ===========================
CSS Styles for the HOUSE MENU SKIN OBJECT
are below.
============================= */

#HouseMenuNav {
    background-color: #ffffff;
    background-image: url(vertical_gradient2.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    width: 170px;
    height: 200px;
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 0px;
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
    font-weight: bold;
    list-style: none;
}
#HouseMenuNav a {
    /* all links within the menu wrapper
    IE needs a width or height statement to prevent it from creating large
    gaps between each menu item */
    width: 90%;
}
#HouseMenuNav ul {
    list-style: none;
    border: 0;
    margin: 0;
    padding: 0;
}
#HouseMenuNav li {
    list-style: none;
}
#HouseMenuNav li a:link, #HouseMenuNav li a:visited {
    /*main colour of the menu links */
    margin: 0;
    display: block;
    padding: 3px 5px 5px 0.5em;
    background-color: transparent;
    color: #333333;
    text-decoration: none;
    /*add for the opera browser */
    font-weight: bold;
}
#HouseMenuNav li a:hover {
    background-color: #ffffff;
}
#HouseMenuNav ul ul {
    margin-left: 12px;
    width: 125px;
}
.StandardButton {
  background: #333333 none; 
  color: #cccccc;
  font-family: Arial, Tahoma, Verdana; 
  font-size: 10pt;
  font-weight: normal;
  height: 21px;
}
/* ================================
style for module titles
================================ */
.Head {
   font-family: Arial, Tahoma, Verdana;
   font-size:  14pt;
   font-weight: bold;
   color: #333333;
}
/* ===============================
Admin Content Pane Titles and Control Panel text
================================== */
.SubHead    {
color: #333333;
}
/* ===============================
default text style used for the main content text
eg. used by the Text / HTML module 
================================== */
.Normal
{color: #333333;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	font-size: 9pt;
}
/* ==============================
text style used for textboxes in the admin and edit pages
================================= */
.NormalTextBox {	
    font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	font-size: 9pt;
	color: #333333
}
.NormalGrey {
    color: #333333;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	font-size: 9pt;
}
.NormalBold {	
    font-family: Arial, Tahoma, Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: #333333;
}
/* ==============================
 Style for the following Skin Items (You can change the css class
associated with these objects in the skin.xml file)
- SkinItems -  Login and Register links, Breadcrumb, Copyright, Date,
- Help, Hostname, Privacy, Terms, Search
================================== */

/* This is the Date eg. any items that are not links */
.SkinItem {
	color: #ffffff;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	font-size: 9pt;
}
.SkinItem1 {
	color: #333333;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	font-size: 9pt;
}
.SkinItem2 {
	color: #333333;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	font-size: 9pt;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link {
	color: #ffffff;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	font-size: 9pt;
}
A.SkinItem:visited  {
	color: #ffffff;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	font-size: 9pt;
}
A.SkinItem:active   {
	color: #333333;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	font-size: 9pt;
}
A.SkinItem:hover    {
	color: #333333;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	font-size: 9pt;
}
/* =======================
 HTML Tag Styles 
=========================== */
H1  {font-family: Arial, Tahoma, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}
H2  {font-family: Arial, Tahoma, Verdana;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
}
H3  {font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}
H4  {font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}
H5, DT  {font-family: Arial, Tahoma, Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}
H6  {font-family: Arial, Tahoma, Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
}