/*================================
CSS STYLES FOR DotNetNuke
================================
PAGE BACKGROUND
background color for the header at the top of the page*/
.HeadBg
{
}
/*background color for the content part of the pages*/
BODY
{
}
/*background/border colors for the selected tab*/
.TabBg
{
}
.LeftPane
{
}
.ContentPane
{
}
.RightPane
{
}
/*text style for the selected tab*/
.SelectedTab
{
}
/*hyperlink style for the selected tab*/
A.SelectedTab:link
{
}
A.SelectedTab:visited
{
}
A.SelectedTab:active
{
}
A.SelectedTab:hover
{
}
/*text style for the unselected tabs*/
.OtherTabs
{
}
/*hyperlink style for the unselected tabs*/
A.OtherTabs:link
{
}
A.OtherTabs:visited
{
}
A.OtherTabs:active
{
}
A.OtherTabs:hover
{
}
/*GENERAL
style for module titles*/
.Head
{
}
/*style of item titles on edit and admin pages*/
.SubHead
{
}
/*module title style used instead of Head for compact rendering by QuickLinks and Signin modules*/
.SubSubHead
{
}
/*text style used for most text rendered by modules*/
.Normal
{
}
/*text style used for textboxes in the admin and edit pages, for Nav compatibility*/
.NormalTextBox
{
}
.NormalRed
{
}
.NormalBold
{
}
/*text style for buttons and link buttons used in the portal admin pages*/
.CommandButton
{
}
/*hyperlink style for buttons and link buttons used in the portal admin pages*/
A.CommandButton:link
{
}
A.CommandButton:visited
{
}
A.CommandButton:active
{
}
A.CommandButton:hover
{
}
/*GENERIC*/
H1
{
}
H2
{
}
H3
{
}
H4
{
}
H5, DT
{
}
H6
{
}
TFOOT, THEAD
{
}
TH
{
}
A:link
{
}
A:visited
{
}
A:active
{
}
A:hover
{
}
SMALL
{
}
BIG
{
}
BLOCKQUOTE, PRE
{
}
UL LI
{
list-style-type: square;
}
UL LI LI
{
list-style-type: square;
}
UL LI LI LI
{
list-style-type: none;
}
OL LI
{
}
OL OL LI
{
}
OL OL OL LI
{
}
HR
{
}
/*MODULE-SPECIFIC
text style for reading messages in Discussion*/
.Message
{
}
/*style of item titles by Announcements and events*/
.ItemTitle
{
}
/*Menu-Styles
Module Title Menu*/
.ModuleTitle_MenuContainer
{
}
.ModuleTitle_MenuBar
{
}
.ModuleTitle_MenuItem
{
}
.ModuleTitle_MenuIcon
{
}
.ModuleTitle_SubMenu
{
}
.ModuleTitle_MenuBreak
{
}
.ModuleTitle_MenuItemSel
{
}
.ModuleTitle_MenuArrow
{
}
.ModuleTitle_RootMenuArrow
{
}
/*Main Menu*/
.MainMenu_MenuContainer
{
}
.MainMenu_MenuBar
{
}
.MainMenu_MenuItem
{
}
.MainMenu_MenuIcon
{
}
.MainMenu_SubMenu
{
}
.MainMenu_MenuBreak
{
}
.MainMenu_MenuItemSel
{
}
.MainMenu_MenuArrow
{
}
.MainMenu_RootMenuArrow
{
}
/******** Rightmenu ********/
#rightmenu
{
clear: both;
float: left;
width: 135px;
margin: 0;
padding: 20px 0 0 15px;
}
#rightmenu UL
{
list-style: none;
width: 135px;
margin: 0 0 20px;
padding: 0;
font-size: 1.2em;
letter-spacing: -1px;
list-style-type: none;
}
#rightmenu LI
{
margin-bottom: 4px;
list-style-type: none;
}
#rightmenu LI A
{
font-weight: bold;
text-decoration: none;
color: #20526A;
display: block;
height: 1.1em;
padding: 2px 2px 2px 8px;
border-left: 8px solid #70A2BA;
list-style-type: none;
}
#rightmenu LI A:hover
{
color: #D88D44;
text-decoration: none;
border-left: 8px solid #D88D44;
list-style-type: none;
}
#rightmenu .current
{
border-left: 8px solid #D88D44;
list-style-type: none;
}
#rightmenu UL UL
{
font-size: 0.8em;
width: 110px;
font-weight: normal;
margin: 5px 0 8px 20px;
list-style-type: none;
}
#rightmenu UL UL LI
{
margin-bottom: 2px;
}
#rightmenu UL UL LI A
{
border: 0;
padding: 2px;
}
#rightmenu UL UL LI A:hover
{
border: 0;
padding: 2px;
text-decoration: underline;
list-style-type: none;
}
.producttitle
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
text-decoration: none;
}
.producttext
{
font-family: Tahoma, Verdana, "Trebuchet MS", Arial;
font-size: 11px;
text-decoration: none;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.systemwidgets.com/portals/0/LightBox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.systemwidgets.com/portals/0/LightBox/nextlabel.gif) right 15% no-repeat; }#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

