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

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #999999;
}
.skinmaster {
	background-color: #cccccc;
	border-right: #666666 6px solid; 
	border-top: #666666 6px solid; 
	border-left: #666666 6px solid; 
	border-bottom: #666666 6px solid;
}
.skinheader {
    height: 100%;
    background-image: url(BLUEWINDOWS.jpg);
    background-color: #000066; 
    border-right: #000066 0px solid; 
	border-top: #000066 0px solid; 
	border-left: #000066 0px solid; 
	border-bottom: #33333 5px solid; 
    padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px 
}
.dateheader {
    border-right: #000066 0px solid; 
	border-top: #000066 0px solid; 
	border-left: #000066 0px solid; 
	border-bottom: #666666 0px solid; 
    padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px 
}
.skingradient {
	background-image: url(dark_gradient.jpg); 
	height:32px;
	border-top: #666666 5px solid;
	border-bottom: #666666 5px solid;
	padding-top: 0px;
}
.controlpanel {
	width: 100%;
	background-color: #666666;
}
.toppanese {
	width: 100%;
	background-color: transparent;
}
.uppertoppane {
	width: 100%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
	font-weight: normal;
	color: #000000
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.detailpane1 {
	width: 100%;
	background-image: url(HorizontalDkGray01.gif);
	background-repeat: repeat-y;
	padding-top: 3px;
	padding-bottom: 3px;	
/*	background-color: transparent; */
}
.detailpane2 {
	width: 100%;
	background-image: url(HorizontalDkGray02.gif);
	background-repeat: repeat-y;
	padding-top: 3px;
	padding-bottom: 3px;	
/*	background-color: transparent; */
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:23px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	/* border-right: #333333 2px solid; 
	border-top: #333333 2px solid; 
	border-left: #333333 2px solid; 
	border-bottom: #333333 2px solid; */
	font-family: Arial, Verdana, Tahoma;
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 2px 5px 1px 5px;
    height: 23px;	
}
.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 6px 10px 1px 10px;   /*explicitly set padding for root menu items*/
}
.main_dnnmenu_itemhover {  
	background-color: #669999; 
}
.main_dnnmenu_itemhover td {  
	background-color: #669999; 
}
.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #99cccc;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 3px 3px 3px 3px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}
.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 20pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 20pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
    background: #666666  none; 
    color: #ffffff;
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
    font-weight: bold;
    height: 27px;
}  
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 10px solid; 
	border-top: #7994cb 10px solid; 
	border-left: #7994cb 10px solid; 
	border-bottom: #7994cb 10px solid; 
}
.TreeViewMenu_Header {
	background-image: url(dark_gradient.jpg);
}
.Head {
   font-family: Arial, Verdana, Tahoma;
   font-size: 10pt;
   font-weight: bold; 
   font-style: normal; 
   background-color: Transparent;
   color: #000000;
}
/* ===============================
Admin Content Pane Titles and Control Panel text
================================== */
.SubHead {
    color: #003366;
}
/* ===============================
default text style used for the main content text
eg. used by the Text / HTML module 
================================== */
.Normal {
   font-family: Arial, Verdana, Tahoma;
   font-size: 10pt;
   font-weight: normal;
   color: #000000;
}
/* ==============================
text style used for textboxes in the admin and edit pages
================================= */
.NormalTextBox {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
	font-weight: normal;
	color: #000000
}
.NormalGray {
    color: #666666;
	font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
	font-weight: bold;
}
.NormalBold {	
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
	font-weight: bold;
	color: #000000;
}
/* ==============================
 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: #000000;
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
}
.SkinItem1 {
	color: #000000;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	font-size: 9pt;
}
.SkinItem2 {
	color: #000000;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	font-size: 9pt;
}
.SkinItem3 {
	color: #000000;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	font-size: 10pt;
}
.SkinItem4 {
	color: #000000;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	font-size: 9pt;
	vertical-align: middle;
}
/* This sets the style for all skin items that are links */

A.SkinItem:link {
	color: #000000;
	font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
	font-weight: bold;
	vertical-align: middle;
}
A.SkinItem:visited {
	color: #000000;
	font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
	font-weight: bold;
	vertical-align: middle;
}
A.SkinItem:active {
	color: #0000ff;
	font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
	font-weight: bold;
	vertical-align: middle;
}
A.SkinItem:hover {
	color: #0000ff;
	font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
	font-weight: bold;
	vertical-align: middle;
}
A.SkinItem2:link {
	color: #000000;
	font-family: Arial, Verdana, Tahoma;
    font-size: 9pt;
	font-weight: bold;
	vertical-align: middle;
}
A.SkinItem2:visited {
	color: #000000;
	font-family: Arial, Verdana, Tahoma;
    font-size: 9pt;
	font-weight: bold;
	vertical-align: middle;
}
A.SkinItem2:active {
	color: #0000ff;
	font-family: Arial, Verdana, Tahoma;
    font-size: 9pt;
	font-weight: bold;
	vertical-align: middle;
}
A.SkinItem2:hover {
	color: #0000ff;
	font-family: Arial, Verdana, Tahoma;
    font-size: 9pt;
	font-weight: bold;
	vertical-align: middle;
}
/* =======================
 HTML Tag Styles 
=========================== */
    H1 {
    font-family: Arial, Verdana, Tahoma;
    font-size: 13pt;
	font-weight: bold;
	color: #000000;
}
    H2 {
    font-family: Arial, Verdana, Tahoma;
    font-size: 13pt;
	font-weight: normal;
	color: #000000;
}
    H3 {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12pt;
	font-weight: normal;
	color: #000000;
}
    H4 {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11pt;
	font-weight: normal;
	color: #000000;
}
    H5, DT {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
	font-weight: normal;
	color: #000000;
}
    H6 {
    font-family: Arial, Verdana, Tahoma;
    font-size: 9pt;
	font-weight: normal;
	color: #000000;
} 
/* Styles for the main text and images within the Text/HTML module */
.imageleftside img {
    border: 1px solid #333333;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
}
.imagerightside img {
    border: 1px solid #333333;
    margin-left: 15px;
    margin-bottom: 20px;
    float: right;
}
.imageleftsidecaption {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
    font-style: italic;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.imageleftsidecaption img {
    border: 1px solid #333333;
    margin-bottom: 5px;
}
.imagerightsidecaption {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10pt;
    font-style: italic;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.imagerightsidecaption img {
    border: 1px solid #333333;
    margin-bottom: 5px;
}
.clear {
    clear: both;
}
.quoteleft {
    font-size: 12pt;
    font: italic "Times New Roman", Times, Serif;
    padding: 0 10px 0 0;
    margin: 10px 10px 10px 0;
    width: 220px;
    float: left;
    text-align: right;
    border-right: 10px solid #666666;
    color: #669999;
}
.quoteright {
    font-size: 12pt;
    font: italic "Times New Roman", Times, Serif;
    padding: 0 0 0 10px;
    margin: 10px 0 10px 10px;
    width: 220px;
    float: right;
    text-align: left;
    border-left: 10px solid #666666;
    color: #669999;
}