/* ================================
CSS STYLES FOR DeZBoy
================================
*/   
/* 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 {
background-color: #CCCCCC;
}
.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   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #666666;
}
/* style of item titles on edit and admin pages */
.SubHead    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #666666;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}
/* text style used for most text rendered by modules */
.NormalBold_grn
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #afb87a;
}
.NormalBold_Orangea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9933;
}
.Normal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}
.NormalBold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
color: #333333;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
color: #333333;
}
A.CommandButton:visited  {
color: #333333;
}
A.CommandButton:active   {
color: #666666;
}
A.CommandButton:hover    {
color: #999999;
}
/* GENERIC */
H1  {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #333333;
}
H2  {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #333333;
}
H3  {
}
H4  {
}
H5, DT  {
}
H6  {
}
TFOOT, THEAD    {
}
TH  {
}
A:link  {
	color: #ee8803;
}
A:visited   {
	color: #ee8803;
}
A:active    {
	color: #febc66;
}
A:hover {
color: #da7c02;
}
SMALL   {
}
BIG {
}
BLOCKQUOTE, PRE {
}
UL LI   {
}
UL LI LI    {
}
UL LI LI LI {
}
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 {
}
td.td_head {
color: #999999;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
} 
#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(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/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; 
}