/* File: skin.css.  
   Written by Carl Raymond, Feb. 18 2006


  DotNetNuke processes multiple stylesheets in sequence to generate a page:

  [DNN root]/portals/_default/default.css
	Host-wide default stylesheet.  All portals (websites) running from the
same DNN installation load default.css first.  Since this stylesheet is used
by every site, making changes to it directly is not recommended.  To change the
default styles used by a site, override them in skin.css.

  [DNN root]/portals/n/Skins/[skin package name]/skin.css
	Applies to all page styles in the skin package.  A good place to
override any default styles in default.css, and the place for layout common
to all pages in a site, like banners and logos.  Text styling defaults
are also specified here.

  [DNN root]/portals/n/Skins/[skin package name]/[skin page layout name].css
	Each named skin file (either an .html file or an .ascx file) has a
corresponding stylesheet.  This is the place to put page layout logic, and to
define defaults to apply to all containers used on this page.

  [DNN root]/portals/n/Containers/[skin package name]/container.css
	Applies to all containers in the skin package.  Place styles which are
common to all containers, regardless of the skin file (page layout) chosen.

  [DNN root]/portals/n/Conatiners/[skin package name]/[skin container name].css
	Each named container file (either an .html or an .ascx file) has a
corresponding stylesheet.  When multiple containers appear on the same page,
the corresponding stylesheets are loaded in sequence.  It is important that
the style names used in the containers are all unique, so that styles used in
later containers do not override earlier containers.

	[DNN root]/portals/_default/portal.css
	As the final stylesheet processed by every page, any style defined here
will override any previous definition, and be applied to every page in a site,
regardless of the skin and container styles used.  By default, this file
defines all the styles used in default.css, but with empty style definitions.

*/

body
{	background: #f8f8f8;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
}

address
{	font-style: normal;
}

/* Overrides of DotNetNuke default host and portal styles
*/
.Normal,
.SkinObject,
.CommandButton
{	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #444C57;
}

.NormalBold
{	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #444C57;
}

.NormalDisabled
{
	color: Silver;
}

a.CommandButton:link,
a.CommandButton:visited
{	color: #DA5903;
	text-decoration: underline;
}

a.CommandButton:active,
a.CommandButton:hover
{	color:#DA5903;
	text-decoration: underline;
}

a:link,
a.SkinObject:link
{	color: #DA5903;
	text-decoration: underline;
}

a:visited,
a.SkinObject:visited
{	color: #DA5903;
	text-decoration: underline;
}

a:active,
a.SkinObject:active
{	color:#DA5903;
	text-decoration: underline;
}

a:hover,
a.SkinObject:hover
{	color:#DA5903;
	text-decoration: underline;
}

/*	SOLPARTMENU overrides.  SOLPARTMENU is rendered with nested tables.
	This is the outermost table.  This sets the overall size.
*/
.MainMenu_MenuContainer
{	background-color: white;
	margin: 0 0 24px 0;
	width: 160px;
  	height: auto;
	width: 160px;
	overflow: hidden;
}

/*	Each menu item is rendered as a 1-by-1 table within the outer table.
	This style is applied to the <tr> element containing the item.  Since
    the menu items do not wrap across lines, the menu size uses absolute
    font sizes so that they don't scale with the rest of the page.
*/
.MainMenu_MenuBar
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 9pt !important; 
	font-style: normal;
	font-weight: bold;
	line-height: 20pt;
}

/*	This <td> contains the text of the menu item.  Padding must go here. */
.MainMenu_MenuBar td
{
	padding-right: 20px;
}

/*	Dynamically applied to menu items which are not under the mouse.
*/
.MainMenu_MenuItem
{	color: #384a82; 
	background-color: white;
	text-decoration: none;
}

/*	Dynamically applied to the menu item under the mouse.
*/
.MainMenu_MenuItemSel
{	color: #384a82; 
	background-color: white;
	text-decoration: underline;
}

/* Statically applied to menu items corresponding to other pages.
*/
.RootMenu_MenuItem
{	background-image: url(images/MainMenuUnselectedWide.png);
	background-position: right center;
	background-repeat: no-repeat;
}

/* Statically applied to the root menu item corresponding to an ancector of
   the current page.
*/
.RootMenu_MenuItemAncestor
{
	background-image: url(images/MainMenuChildPageWide.png);
	background-position: right center;
	background-repeat: no-repeat;
}

/* Statically applied to the root menu item corresponding to the current page.
*/
.RootMenu_MenuItemActive
{
	background-image: url(images/MainMenuSelectedWide.png);
	background-position: right center;
	background-repeat: no-repeat;
}

/* Dynamically applied to the root menu item under the mouse.
*/
.RootMenu_MenuItemHover
{
	background-image: url(images/MainMenuHoverWide.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.MainMenu_MenuIcon
{	cursor: pointer; 
	cursor: hand; 
	background-color: #f0f0f0;
	/*
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	*/
	text-align: center; 
	width: 15; 
	/*height: 21;*/
}

.MainMenu_SubMenu
{	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #cdd1df;
	border-bottom: #384a82 1px solid;
	border-left: #384a82 1px solid;
	border-top: #384a82 1px solid;
	border-right: #384a82 1px solid;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
}


.ModuleTitle_MenuContainer
{	width: auto;
}

.ModuleTitle_SubMenu
{	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: white;
	border-bottom: #384a82 1px solid;
	border-left: #384a82 1px solid;
	border-top: #384a82 1px solid;
	border-right: #384a82 1px solid;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
}

.ModuleTitle_SubMenu .ModuleTitle_MenuItem,
.ModuleTitle_SubMenu .ModuleTitle_MenuItemSel
{
	border: none;
}

.MainMenu_MenuBreak,
.ModuleTitle_MenuBreak
{	border-bottom: #384a82 1px solid; 
	border-left: #384a82 0px solid; 
	border-top: #384a82 0px solid;  
	border-right: #384a82 0px solid; 
	background-color: #384a82; 
	height: 0;
}

.ModuleTitle_MenuItemSel
{	cursor: pointer; 
	cursor: hand; 
	color: white;
	background-color: #384A82;
}

.MainMenu_MenuArrow,
.ModuleTitle_MenuArrow
{	font-family: webdings; 
	font-size: 100%;
	font-weight: bold;
	cursor: pointer; 
	cursor: hand; 
	color: #384a82;
}

.MainMenu_RootMenuArrow,
.ModuleTitle_RootMenuArrow
{	font-family: webdings; 
	font-size: 100%;
	font-weight: bold;
	cursor: pointer; 
	cursor: hand;
}

/* Menu for administering modules */
/*
.ModuleTitle_MenuContainer {
	background-color: #cdd1df; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #384a82 1px solid;
	border-left: #384a82 1px solid;
	border-top: #384a82 1px solid;
	border-right: #384a82 1px solid;
}
*/
/*
   Layout and positioning for page banner and horizontal menu bar common
   to all skins.  Layout for the page content areas is handled in the
   separate page skin stylesheets.
*/

#main
{
	width: 750px;
	margin: 0 auto 0 auto;
	background: white;
	text-align: left;
}

#banner
{
	padding: 0;
	margin: 0;
	height: 92px;
}

#banner-logo
{	margin: 0;
	padding: 0;
	width: 132px;
}
	
#banner-middle
{	margin: 0;
	padding: 0;
	width: 407px;
}

#banner-dad
{	margin: 0;
	padding: 0;
	width: 211px;
}

#menubar
{
	height: 14pt;
	font-size: 10pt;
	background: #384A82;
	color: White;
}

#menubar .CommandButton,
#menubar .SkinObject,
#menubar .Normal,
#menubar .NormalBold
{	color: White;
	font-size: 10pt;
}

#menubar-left
{	margin-left: 10px;
}

#menubar-right
{	float: right;
	margin-right: 10px;
}

#menubar-left .menubar-item
{	padding-right: 10px;
}

#menubar-right .menubar-item
{	padding-left: 10px;
}

#menubar a:link,
#menubar a:visited
{	color: white;
	text-decoration: none;
	font-size: 10pt;
}

#menubar a:hover,
#menubar a:active
{	color: white;
	text-decoration: underline;
	font-size: 10pt;
}

#pageBody > *
{
	padding-left: 5px;
	padding-right: 5px;
}


/* The module title within the container title area.  Font size and weight
are defined in skin-specific stylesheets so that the various panes can
declare default styles for each module within them.  The container-specific
stylesheet can override these.
*/
.module-title
{	color: #384a82;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	color: #384a82;
}

/* Text style defaults for ContentPane.  Every page skin defines ContentPane.
   Font color is defined in container.css and may be overridden in a
   container-specific stylesheet.
*/
#contentArea .module-title
{
	font-size: 100%;
	font-weight: bold;
}

#contentArea .container-title
{
	border-bottom: 1px solid #384a82;
	margin-bottom: 10px;
	width: auto;
}


#contentArea p,
#contentArea li
{
	margin: 0 0 10px 0;
	font-size: 100%;
}

#contentArea h1
{
	color: #384a82;
	font-size: 130%;
	margin: 0;
}

#contentArea h2
{	color: #384a82;
	font-size: 120%;
	margin: 12pt 0 0 0;
}

#contentArea h3
{	color: #384a82;
	font-size: 110%;
	font-weight: normal;
	margin: 10pt 0 0 0;
}

#contentArea h4
{	color: #384a82;
	font-size: 100%;
	font-weight: bold;
	margin: 12pt 0 0 0;
}

#contentArea h5
{	color: #384a82;
	font-size: 100%;
	font-weight: normal;
	margin: 12pt 0 0 0;
}

#contentArea h6
{	color: #384a82;
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	margin: 12pt 0 0 0;
}


/* Text style defaults for RightPane and LeftPane.  Not every page skin has
   both of these.  Font color is defined in container.css and may be overridden
   in the container-specific stylesheet. */
#leftArea .module-title, #rightArea .module-title
{	font-size: 80%;
	font-weight: bold;
}

#leftArea .container-title, #rightArea .container-title
{
	border-bottom: 1px solid #384a82;
	margin-bottom: 10px;
}


#leftArea .Normal, #rightArea .Normal,
#leftArea .SkinObject, #rightArea .SkinObject,
#leftArea p, #rightArea p
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 80%;
	margin: 0 0 10px 0;
}

#leftArea .NormalBold, #rightArea .NormalBold
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 80%;
	font-weight: bold;
}

#leftArea h1, #rightArea h1
{	font-size: 140%;
	margin: 10px 0 0 0;
}

#leftArea h2, #rightArea h2
{	font-size: 120%;
	margin: 10px 0 0 0;
}

#leftArea h3, #rightArea h3
{	font-size: 100%;
	margin: 10px 0 0 0;
}

#leftArea h4, #rightArea h4,
#leftArea h5, #rightArea h5,
#leftArea h6, #rightArea h6
{	font-size: 80%;
	font-weight: bold;
	margin: 10px 0 0 0;
}

#leftArea ol, #rightArea ol,
#leftArea ul, #rightArea ul
{
	margin: 0 0 0 10px;
	padding: 0 0 0 5px;
}

#leftArea li, #rightArea li
{
	font-size: 80%;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
}


/* Text style defaults for TopArea, BottomArea, and the footer */
#bottomArea
{
	font-size: 80%;
}


#bottomArea .Normal,
#bottomArea .SkinObject,
#bottomArea p
{	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#bottomArea .NormalBold
{	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


#footer
{
	border-top: 1px solid #444C57;
	width: 100%;
	margin: 50px 0 0 0;
}

#footer .Normal,
#footer .SkinObject
{	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #444C57;
}

#footer p
{	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #444C57;
	margin: 6px 6px 0 6px;
}

#footer .NormalBold
{	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #444C57;
}

#footer p .SkinObject,
#footer p .Normal,
#footer p .NormalBold
{	font-size: 100%;
}