﻿/* 
================================
Upgraded and Modified by Nina Meiers - for the DNN Community
xd.com.au/ dnnskins.com/ skincovered.com
Have you seen our goodiebags? http://www.skincovered.com/ - learn how to skin your Website!
All rights remain with original designer - Original Files included in download - http://www.dnnskins.com
================================
*/ 
body { background: #e7e7e7; }

table, tr, td, p { font-family: Arial,Verdana,Tahomal;; font-size: 12px; line-height: 1.4em; }
td.topTD { background: url(bg_top.jpg) no-repeat top center; height: 311px; text-align: right; padding: 42px 65px 0 48px; font-size: 12px; }
td.topTD1 { background: url(bg_top1.jpg) no-repeat top center; height: 74px; text-align: right; padding: 42px 65px 0 48px; font-size: 12px; }
td.topTD2 { background: url(bg_top2.jpg) no-repeat top center; height: 150px; text-align: right; padding: 42px 65px 0 48px; font-size: 12px; }
td.middleTD { background: url(bg_table_main.jpg) center repeat-y; padding: 10px 85px 0 0; font-size: 12px; }
td.bottomTD { background: url(bg_footer.jpg) no-repeat bottom center; height: 120px; padding: 0 65px 55px 100px; color: #fff; text-align: right; font-size: 12px; }

label, .normal, .Normal { font-family: Arial,Verdana,Tahomal;; font-size: 12px; }

td.containerHEADL { background: url(header_cap_left.gif) bottom left no-repeat; width: 15px; padding: 0; }
td.containerHEADR { background: url(header_cap_right.gif) bottom left no-repeat; width: 15px; padding: 0; }
td.containerHEADC { background: url(header_bg.gif) repeat-x bottom; padding: 0 0 17px 5px; }
td.containerTD { padding: 10px 25px 35px 25px; }

table { padding: 0; }
select, input { font-family: Arial,Verdana,Tahomal;; font-size: 11px; color: #333; }

h3 { font-family: Arial,Verdana,Tahomal;; font-size: 12px; font-weight: bold; color: #f6f6f6; padding: 2px 0 1px 7px; background: #888; margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 5px; letter-spacing: 3px; text-transform: uppercase; }

p { margin-top: 10px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; font-size: 12px; }

/* text style for the unselected tabs */
.OtherTabs { font-size: 11px; color: #000; font-family: Arial,Verdana,Tahomal;; text-decoration: none; }

/* hyperlink style for the unselected tabs */
A.OtherTabs:link { text-decoration: none; color: #2c2c2c; background-color: transparent; border: 0; font-weight: bold; }
A.OtherTabs:visited { text-decoration: none; color: #2c2c2c; background-color: transparent; border: 0; font-weight: bold; }
A.OtherTabs:active { text-decoration: none; color: #2c2c2c; background-color: transparent; border: 0; font-weight: bold; }
A.OtherTabs:hover { text-decoration: underline; color: #2c2c2c; background-color: transparent; border: 0; font-weight: bold; }


/* SolPart Menu Style */
.MainMenu_MenuContainer { background-color: transparent; }
.MainMenu_MenuBar { cursor: pointer; cursor: hand; }
.MainMenu_MenuItem { background: transparent; cursor: pointer; cursor: hand; color: #fff; font-family: Arial,Verdana,Tahomal;; font-size: 11px; font-weight: bold; font-style: normal; border-bottom: #505052 1px solid; border-top: #505052 1px solid; padding: 2px 10px 3px 5px; }
.MainMenu_MenuItemSel { background: #eee; cursor: pointer; cursor: hand; color: #333; font-family: Arial,Verdana,Tahomal;; font-size: 11px; font-weight: bold; font-style: normal; border: 0; padding: 2px 10px 3px 5px; }
.MainMenu_MenuIcon { display: none; }
.MainMenu_SubMenu { z-index: 1000; cursor: pointer; cursor: hand; background: #505052; filter: none; border: 2px solid #f6f6f6; margin-top: 12px; padding: 2px; }
.MainMenu_MenuBreak { border-bottom: #f00 1px solid; border-left: #f00 0px solid; border-top: #f00 1px solid; border-right: #f00 0px solid; background-color: transparent; height: 6px; display: none; }
.MainMenu_MenuArrow { font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand; border-right: #505052 1px solid; border-bottom: #505052 1px solid; border-top: #505052 0px solid; display: none; }
.MainMenu_RootMenuArrow { font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand; display: none; }

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer { color: #2c2c2c; }
.ModuleTitle_MenuBar { cursor: pointer; cursor: hand; height: 21px; }

/* Module Title Menu */
.ModuleTitle_MenuItem { color: #fff; background: #8FA850; cursor: pointer; cursor: hand; font-family: Arial,Verdana,Tahomal;; font-size: 11px; font-weight: bold; font-style: normal;	 padding: 2px 10px 3px 5px; height: 21px; border-bottom: #8FA850 1px solid; border-top: #8FA850 1px solid; }
.ModuleTitle_MenuIcon { cursor: pointer; cursor: hand; color: #fff; text-align: center; padding-right: 0px; padding-left: 3px; background: transparent; display: none; }
.ModuleTitle_SubMenu { z-index: 1000; cursor: pointer; cursor: hand; color: #fff; background: #8FA850; margin-top: 5px; border: 2px solid #fff; padding: 0px 1px 1px 1px; filter: none; }
.ModuleTitle_MenuBreak { display: none; }
.ModuleTitle_MenuItemSel { color: #fff; font-family: Arial,Verdana,Tahomal;; font-size: 11px; font-weight: bold; font-style: normal; padding: 2px 10px 3px 5px; height: 21px; border: 0; background: #677E1B; }
.ModuleTitle_MenuArrow { font-family: webdings; font-size: 11px; cursor: pointer; cursor: hand; display: none; }
.ModuleTitle_RootMenuArrow { font-family: webdings; font-size: 11px; cursor: pointer; cursor: hand; display: none; }

.SelectedTab { color: #777; font-family: Arial,Verdana,Tahomal;; font-weight: normal; font-size: 11px; }

/* Item titles on edit and admin pages */
.SubHead { font-family: Arial,Verdana,Tahomal;; font-size: 12px; font-weight: bold; color: #2c2c2c; padding: 0; }

a.SubHead:link, a.SubHead:visited { color: #6E8E05; text-decoration: none; font-family: Arial,Verdana,Tahomal;; font-size: 12px; font-weight: normal; }
a.SubHead:hover { color: #2c2c2c; text-decoration: none; font-family: Arial,Verdana,Tahomal;; font-size: 12px; font-weight: normal; }

a.CommandButton:link, a.CommandButton:visited { color: #000000;	padding: 1px 5px 2px 6px; font-family: Arial,Verdana,Tahomal;; font-weight: normal; font-size: 12px; text-decoration: none; background: transparent; }
a.CommandButton:hover { color: #cccccc; padding: 1px 5px 2px 6px; font-family: Arial,Verdana,Tahomal;; font-weight: normal; font-size: 12px; text-decoration: none; background: transparent; }

a.Normal:link, a.Normal:visited { color: #6E8E05; font-family: Arial,Verdana,Tahomal;; font-weight: normal; font-size: 12px; text-decoration: none; }
a.Normal:hover { color: #2c2c2c; font-family: Arial,Verdana,Tahomal;; font-weight: normal; font-size: 12px; text-decoration: none; }

a:link, a:visited { color: #6E8E05; text-decoration: underline; }
a:hover { color: #2c2c2c; text-decoration: underline; }

.Head { font-size: 10px; color: #333; background: transparent; font-weight: bold; letter-spacing: 3px; text-transform: uppercase; padding: 0; }

.NormalRed { color: #D08D00; font-family: Arial,Verdana,Tahomal;; font-weight: bold; font-size: 12px; }
.NormalBold { font-family: Arial,Verdana,Tahomal;; font-size: 12px; font-weight: bold; }
.NormalTextBox { color: #555; padding-left: 4px; line-height: 12px; font-family: Arial,Verdana,Tahomal;; font-weight: normal; font-size: 12px; scrollbar-face-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #686868; scrollbar-3dlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-darkshadow-color: #fff; }

td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; }

/*========================================================*/
/*  Pane                                                  */
/*========================================================*/

/*Top pane  100%*/								.TopPane{ width:100%; padding:0px 0px 10px 0px; vertical-align:top; }

/*TopLeftPane   25%*/							.TopLeftPane{ width:25%; padding:7px; vertical-align:top;}
/*TopMidPane   50%*/							.TopMidPane{ width:50%; padding:7px; vertical-align:top;}
/*TopRightPane   25%*/							.TopRightPane{ width:25%; padding:7px; vertical-align:top;}

/*TopMidLeftPane   75%*/						.TopMidLeftPane{ width:65%; padding:7px; vertical-align:top;}
/*TopMidRightPane   25%*/						.TopMidRightPane{ width:35%; padding:7px; vertical-align:top;}

/*TopMiddleLeftPane  50% */						.TopMiddleLeftPane{ width:50%; padding:7px; vertical-align:top;}
/*TopMiddleRightPane  50% */					.TopMiddleRightPane{ width:50%; padding:7px; vertical-align:top;}
/*TopMiddleMid1Pane  50% */						.TopMiddleMid1Pane{ width:50%; padding:7px; vertical-align:top;}
/*TopMiddleMid1Pane  50% */						.TopMiddleMid1Pane{ width:50%; padding:7px; vertical-align:top;}
/*TopMiddleMid2Pane  50% */						.TopMiddleMid2Pane{ width:50%; padding:7px; vertical-align:top;}
/*TopLeft1Pane  33%*/							.TopLeft1Pane{ width:33%; padding:7px; vertical-align:top;}
/*TopMid1Pane   34%*/							.TopMid1Pane{ width:34%; padding:7px; vertical-align:top;}
/*TopRight1Pane 33%*/							.TopRight1Pane{ width:33%; padding:7px; vertical-align:top;}

/*TopMidLeftPane1   25%*/						.TopMidLeft1Pane{ width:25%; padding:7px; vertical-align:top;}
/*TopMidRightPane1   75%*/						.TopMidRight1Pane{ width:75%; padding:7px; vertical-align:top;}

/*TopMid1Pane		25%*/						.TopMid1Pane{ width:25%; padding:7px; vertical-align:top;}
/*TopMid1Pane		25%*/						.TopMid2Pane{ width:25%; padding:7px; vertical-align:top;}
/*TopMid1Pane		25%*/						.TopMid3Pane{ width:25%; padding:7px; vertical-align:top;}
/*TopMid1Pane		25%*/						.TopMid4Pane{ width:25%; padding:7px; vertical-align:top;}

/*Top HeaderPane  100%*/						.HeaderPane{ width:100%; padding:7px;vertical-align:top;}

/*Top NavPane    100%*/							.TopNavPane{ width:100%; padding:7px; vertical-align:top;}
/*Top BottomNavPane  100%*/						.TopNav1Pane{ width:100%; padding:7px; vertical-align:top;}
/*Top BottomNavPane  100%*/						.TopNav2Pane{ width:100%; padding:7px; vertical-align:top;}

/* TopHeaderLeftPane 50% */						.TopHeaderLeftPane{ width:50%; padding:7px; vertical-align:top;}
/* TopHeaderRightPane 50% */					.TopHeaderRightPane{ width:50%; padding:7px; vertical-align:top;}

/* TopHeaderLeft1Pane 33% */					.TopHeaderLeft1Pane{width:33%; padding:7px; vertical-align:top; }
/* TopHeaderMid1Pane 34% */		  				.TopHeaderMid1Pane{ width:34%; padding:7px; vertical-align:top;}
/* TopHeaderRight1Pane 33% */					.TopHeaderRight1Pane{ width:33%; padding:7px; vertical-align:top;}

/*Top NavPane    100%*/							.ContentPane{ width:100%; padding:7px; vertical-align:top; }

/*LeftPane   25%*/	 							.LeftPane{ width:25%; padding:7px; vertical-align:top;}
/*MidPane   50%*/								.MidPane{ width:50%; padding:7px; vertical-align:top;}
/*RightPane   25%*/								.RightPane{ width:25%; padding:7px; vertical-align:top;}

/*MidLeftPane   75%*/							.MidLeftPane{ width:75%; padding:7px; vertical-align:top;}
/*MidRightPane  25%*/							.MidRightPane{ width:25%; padding:7px; vertical-align:top;}

/*MidLeft1Pane   50%*/				 			.MidLeft1Pane{ width:50%; padding:7px; vertical-align:top;}
/*TopMidRight1Pane   50%*/						.MidRight1Pane{ width:50%; padding:7px; vertical-align:top;}

/* MidLeft2Pane 33% */		 					.MidLeft2Pane{ width:33%; padding:7px; vertical-align:top;}
/* MidMid2Pane 34% */			  				.MidMid2Pane{ width:34%; padding:7px; vertical-align:top;}
/* MidRight2Pane 33% */							.MidRight2Pane{ width:33%; padding:7px; vertical-align:top;}

/*MidLeft3Pane   25%*/				 			.MidLeft3Pane{ width:25%; padding:7px; vertical-align:top;}
/*TopMidRight3Pane   75%*/						.MidRight3Pane{ width:75%; padding:7px; vertical-align:top;}

/* BottomPane    100% */						.BottomPane{ width:100%; padding:7px; vertical-align:top;}
