/* File: skin.css.  
   Written by Carl Raymond, Sep. 15 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: white;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

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

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

.NormalDisabled
{
	color: Silver;
}

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

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

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

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

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

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

/*	SOLPARTMENU overrides for the top menu.  SOLPARTMENU is rendered with nested tables.
	This is the outermost table.  This sets the overall size.
*/
.TopMenu_MenuContainer
{	background-color: Transparent;
	margin: 0;
	overflow: hidden;
	display: inline-table;
}

/*	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.
*/
tr.TopMenu_MenuBar
{
  font-family: Tahoma, Arial, Helvetica, sans-serif; 
  font-size: 10pt; 
  font-style: normal;
  font-weight: bold;
}

/*	This <td valign="top"> contains the text of the menu item.  Padding must go here. */
.TopMenu_MenuBar td
{
  cursor: pointer;
  cursor: hand;
}

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

/*	Dynamically applied to the menu item under the mouse.
*/
.TopMenu_MenuItemSel
{ color: white;
  background-color: transparent;
  text-decoration: underline;
}


/* Statically applied to the root menu item corresponding to an ancector of
   the current page.
*/
.TopMenu_MenuItemAncestor
{
}

/* Statically applied to the root menu item corresponding to the current page.
*/
.TopMenu_MenuItemActive
{
}

/* Dynamically applied to the root menu item under the mouse.
*/
.TopMenu_MenuItemHover
{
}

.TopMenu_MenuIcon
{	cursor: pointer; 
	cursor: hand; 
	background-color: #f0f0f0;
	text-align: center; 
	width: 15; 
}

.TopMenu_SubMenu
{	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #cdd1df;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-top: #000000 1px solid;
	border-right: #000000 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: #444C57 1px solid;
	border-left: #444C57 1px solid;
	border-top: #444C57 1px solid;
	border-right: #444C57 1px solid;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
}

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

.ModuleTitle_MenuBreak
{	border-bottom: #444C57 1px solid; 
	border-left: #444C57 0px solid; 
	border-top: #444C57 0px solid;  
	border-right: #444C57 0px solid; 
	background-color: #444C57; 
	height: 0;
}

.ModuleTitle_MenuItemSel
{	cursor: pointer; 
	cursor: hand; 
	color: white;
	background-color: #444C57;
}

.ModuleTitle_MenuArrow
{	font-family: webdings; 
	font-size: 10pt;
	font-weight: bold;
	cursor: pointer; 
	cursor: hand; 
	color: #444C57;
}

.ModuleTitle_RootMenuArrow
{	font-family: webdings; 
	font-size: 10pt;
	font-weight: bold;
	cursor: pointer; 
	cursor: hand;
}

/*
   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
{
	margin: 0;
	background: white;
	text-align: left;
}

#banner
{
	padding: 0;
	margin: 0;
}

#header
{
  position: relative;
  font-size: 10pt;
  color: White;
  height: 20px;
}

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

#home-header-left,
#header-left
{
  position: relative;
  left: 0;
  top: 0;
  margin-left: 10px;
}

#header-expander
{
  position: absolute;
  left: 180px;
  right: 0;
  top: 0;
  padding-left: 5px;
}

#home-header-right,
#header-right
{
  	float: right;
	margin-right: 10px;
	height: 20px;
}

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

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

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

#menubar
{
  height: 32px;
  width: 100%;
  font-size: 10pt;
  color: White;
  padding: 0 0 0 0;
  margin: 0 0 12px 0;
  position: relative;
}

#menubar-left
{
  position: relative;
  left: 0;
  top: 0;
  height: 32px;
  width: 180px;
  padding: 8px 0 0 0;
  background-color: white;
  color: #444c57;
}

#menubar-left .menubar-item
{
  font-size: 10pt;
  padding: 20px 5px 0 10px;
  margin: 0;
  overflow: hidden;
}

#menubar-center
{
  position: absolute;
  left: 180px;
  top: 0;
  height: 32px;
  padding: 8px 0 0 0;
  color: White;
}

#breadcrumbs p
{
  font-size: 8pt;
}

a.BreadcrumbLink
{
  font-weight: bold;
}

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

#leftArea
{
	float: left;
	width: 160px;
	margin: 0;
}


/* 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
{
  margin: 0 0 0 180px;
}


#contentArea .module-title
{
  font-size: 16pt;
  font-weight: bold;
}

#contentArea .container-title
{
  margin-bottom: 10px;
  width: auto;
}


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

#contentArea h1
{
  font-size: 13pt;
  margin: 0;
}

#contentArea h2
{
  font-size: 12pt;
  margin: 12pt 0 0 0;
}

#contentArea h3
{
  font-size: 11pt;
  font-weight: normal;
  margin: 10pt 0 0 0;
}

#contentArea h4
{
  font-size: 10pt;
  font-weight: bold;
  margin: 12pt 0 0 0;
}

#contentArea h5
{
  font-size: 10pt;
  font-weight: normal;
  margin: 12pt 0 0 0;
}

#contentArea h6
{
  font-size: 10pt;
  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: 8pt;
	font-weight: bold;
}

#leftArea .container-title,
#rightArea .container-title
{
	margin-bottom: 10px;
}

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

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

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

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

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

#leftArea h4, #rightArea h4,
#leftArea h5, #rightArea h5,
#leftArea h6, #rightArea h6
{	font-size: 8pt;
	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: 8pt;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
}

	
/* BottomArea is above the footer, and will usually be empty. */
#bottomArea
{
	clear: both;
	font-size: 8pt;
}


#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
{
	font-size: 8pt;
	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #444C57;
	border-top: 1px solid #444C57;
	width: 100%;
	margin: 50px 0 0 0;
	padding: 0;
}

#footer *
{
  margin: 0;
}

#footer .Normal,
#footer .SkinObject,
#footer p
{
    font-size: 8pt;
}

#footer .NormalBold
{
    font-size: 8pt;
  	font-weight: bold;
}


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

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

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

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

#footer a:link,
#footer a:visited
{	color: #444C57;
	text-decoration: none;
}

#footer a:hover,
#footer a:active
{	color: #444C57;
	text-decoration: underline;
}

/* Styles for the navigation links (not the menu) */
#navlinks
{
  color: #444C57;
  background-color: #d0d0d0;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
}

#navlinks div.navitem
{
  font-size: 8pt;
  font-weight: bold;
  padding: 10px 0 10px 0;
  margin: 0;
  border-top: 1px solid #a06517;
  clear: both;
}

#navlinks div.first-navitem
{
  border-top: none;
}

#navlinks div.navitem p
{
  padding: 0;
  margin: 0;
}

#navlinks div.navitem img
{
  padding: 0 5px 10px 5px;
}

#navlinks div.navitem a:link,
#navlinks div.navitem a:visited
{
  color: #444C57;
  text-decoration: none;
}

#navlinks div.navitem a:hover,
#navlinks div.navitem a:active
{
  color: #444C57;
  text-decoration: underline;
}


/* Styles for tables */
table.coverage
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 8pt;
  border: 1px solid #444c57;
  border-collapse: collapse;
}

table.coverage thead tr
{
  background: #444c57;
  color: White;
  font-size: 10pt;
}

table.coverage tbody tr.alt,
table.coverage tbody td.alt
{
  background-color: #f8f8f8;
}

#contentArea table.coverage tr
{
  padding-top: 4pt;
  padding-bottom: 4pt;
}

#contentArea table.coverage p
{
  font-weight: bold;
}

#contentArea table.coverage tbody ul
{
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 4pt;
}

#contentArea table.coverage thead p,
#contentArea table.coverage tbody p
{
  margin: 0 4pt 4pt 4pt;
}

#contentArea table.coverage tbody p.indent
{
  margin-right: 36pt;
}

#contentArea table.coverage tbody li
{
  list-style-type: disc;
  margin: 0 4pt 0 4pt;
}

#contentArea table.board tbody td
{
  padding-right: 24pt;
}

#contentArea table.board td p
{
  padding-left: 0;
  padding-right: 0;
}

#contentArea table.address td
{
  font-size: 10pt;
  padding-right: 24pt;
}

#providerlink
{
  background-image: url(Labcoat-and-stethescope.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 160px;
  height: 240px;
  border: 1px solid #444c57;
  margin-top: 10px;
  margin-bottom: 10px;
}

#providerlink p
{
  text-align:center;
  margin: 5px;
}

#providerlink a.display
{
  display: block;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 10pt;
  font-weight: bold;
  white-space:nowrap;
}

#trisharelink
{
  width: 160px;
  border: 1px solid #444c57;
  margin-top: 10px;
  margin-bottom: 10px;
}

#trisharelink p
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 10pt;
  margin: 0 10px 10px 10px;
}

#trisharelink strong
{
  color: #084a9b;
}

#trisharelink a.display
{
  display: block;
  color: #084a9b;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 11pt;
  font-weight: bold;
}

#trisharelink a:link,
#trisharelink a:visited
{
  color: #084a9b;
  text-decoration: underline;
}