/* 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 { 
	padding:1px;
	padding-top:1px;

}
.ContentPane { 
	padding:5px;
	padding-top:1px;
}
.RightPane { 
	padding:1px;
	padding-top:1px;

}
/* text style for the selected tab */
.SelectedTab {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    text-decoration: none;
}
/* hyperlink style for the selected tab */
a:link.SelectedTab {
    text-decoration:    none;
    color:white;
}
a:visited.SelectedTab {
    text-decoration:    none;
    color:#eeeeee;
}
a:active.SelectedTab {
    text-decoration:    none;
    color:#eeeeee;
}
a:hover.SelectedTab {
    text-decoration:    none;
    color:#ffffff;
}
/* text style for the unselected tabs */
.OtherTabs {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    text-decoration: none;
}    
/* hyperlink style for the unselected tabs */
a:link.OtherTabs {
    text-decoration: none;
    color:navy;
}
a:visited.OtherTabs {
    text-decoration: none;
    color:navy;
}
a:active.OtherTabs {
    text-decoration: none;
    color:#eeeeee;
}
a:hover.OtherTabs {
    text-decoration: none;
    color:#cccccc;
}

/* GENERAL */
/* style for module titles */
.Head {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight: bold;
    color: #2C3580;
	text-decoration:none;
}

.SilverHead {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight: bold;
    color: #FBFBFD;
	text-decoration:none;
}

/* style of item titles on edit and admin pages */
.SubHead {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}
/* text style used for most text rendered by modules */
.Normal {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
	color: #202020;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.NormalRed {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #ff0000
}
.NormalBold {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #202020;
}

.NormalOrange {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #F5A505;
}

.NormalOrangeBold {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: Bold;
    color: #F5A505;
}

.NormalBlue {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #333399;
}

.NormalBlueBold {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: Normal;
    color: #333399;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 0.8 em;
    font-weight: normal;
}    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
a:link.CommandButton {
    text-decoration:    underline;
    color: #003366;
}
a:visited.CommandButton {
    text-decoration:    underline;
    color: #003366;
}

a:active.CommandButton {
    text-decoration:    underline;
    color: #003366;
}

a:hover.CommandButton {
    text-decoration:    underline;
    color: #ff0000;
}    
/* GENERIC */
H1 {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  1.5 em;
    font-weight:    normal;
    color: Navy;
}
H2 {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  1.2 em;
    font-weight:    normal;
    color: Navy;
}
H3 {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  1.0 em;
    font-weight:    normal;
    color: Navy;
}
H4 {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}
H5, DT {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}
H6 {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}
TFOOT, THEAD {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  12px;
    color: #003366;
}
TH {
    vertical-align: baseline;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #003366;
}
A:link {
    text-decoration: underline;
    color: #BD0000;
}
A:visited {
    text-decoration: underline;
    color:  #BD0000;
}
A:active {
    text-decoration: underline;
    color: #BD0000;
}
A:hover {
    text-decoration: none;
    color: #FF0000;
}
SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}
BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}
UL LI {
    list-style-type:    square ;
}
UL LI LI {
    list-style-type:    disc;
}
UL LI LI LI {
    list-style-type:    circle;
}
OL LI {
    list-style-type:    decimal;
}
OL OL LI {
    list-style-type:    lower-alpha;
}
OL OL OL LI {
    list-style-type:    lower-roman;
}
HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
	
}
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}
.ModuleTitle_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}
.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}
.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}
.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}
.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}
.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
/*=================================================================*/
/* Solpart Main Menu                                               */
/*=================================================================*/

/*=================================================================*/
/* Overall menu container                                          */
/*                            
 	Use background-color: Transparent; to get no color set
	Use Margin to set outside border
	User border-top etc. sto set outside border with colours  
*/
.MainMenu_MenuContainer {
	height: 18px;
	margin: 0px;
	background-color: Transparent;
	border-bottom: 0px solid Transparent;
	border-top: 0px solid Transparent;
	border-left: 20px Transparent;
	border-right: 0px solid Transparent;
}

/*=================================================================*/
/* Overall menu container                                          */
/*                                                                 */
.MainMenu_MenuBar {
	height:18px;
}

/*=================================================================*/
/* Root Menu Item     			                                   */
/*                                                                 */
/* Note: Applies to Root items only
		Use to set font style & Colours
*/

.MainMenu_RootItem{
	cursor: hand;
	color: White;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	border-bottom: 0px solid Transparent;
	border-top: 0px solid Transparent;
	border-left: 0px solid Transparent;
	border-right: 0px solid Transparent;

}

/*=================================================================*/
/* Root Menu Item  Hover	                                       */
/*                                                                 */
/* Note: Applies to Root items only on mouse over
		Use to set font style & Colours
*/
.MainMenu_RootItemSelected{
	background-color:#EEEEEE;
	color:navy;
	cursor: hand;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	border-bottom: 0px solid Transparent;
	border-top: 0px solid Transparent;
	border-left: 0px solid Transparent;
	border-right: 0px solid Transparent;

}



/*=================================================================*/
/* Menu Item     		                                           */
/*                                                                 */
/* Note: Applies to Root and child items
		Use to set font style & Colours
		Also use to set background colour of child items
*/

.MainMenu_MenuItem {
	cursor: hand;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	border-bottom: 0px solid Transparent;
	border-top: 0px solid Transparent;
	border-left: 0px solid Transparent;
	border-right: 0px solid Transparent;
}

/*============================*/
/* Menu Item when mouse over  */
/*                            */
/* Note: Applies to Root and child items
		Use to set font style & Colours
		Also use to set background colour of child items
*/

.MainMenu_MenuItemSel {
	background-color: #EEEEEE;
	cursor: hand;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	border-bottom: 0px solid Transparent;
	border-top: 0px solid Transparent;
	border-left: 0px solid Transparent;
	border-right: 0px solid Transparent;
}

.MainMenu_SubMenu {
	z-index: 1000;
	cursor: hand;
	background-color: #ACCCDB;
	cursor: pointer; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#BCDCDB', Direction=135, Strength=3) ; 
	border-bottom: #404040 0px solid; 
	border-left: #FF8080 0px solid; 
	border-top: #FF8080 0px solid; 
	border-right: #404040 0px solid;

}

.MainMenu_SubMenuSelected  {
	background-color: #EEEEEE;
	color: navy;
	cursor: hand;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	border-bottom: 0px solid Transparent;
	border-top: 0px solid Transparent;
	border-left: 0px solid Transparent;
	border-right: 0px solid Transparent;
}


.MainMenu_MenuIcon {
	cursor: hand;
	background-color: #EEEEEE;
	text-align: center;
	width: 15;
	height: 18px;
	border-top: 0px solid #EEEEEE;
	border-bottom: 0px solid #EEEEEE;
	border-left: 0px solid #EEEEEE;
}


.MainMenu_MenuBreak {
	border-bottom: 0px solid #4EBBDC; 
	border-top: 0px solid #4EBBDC;  
	background-color: #4EBBDC; 
	height: 0px;
}

.MainMenu_MenuArrow {
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
	border-right: 1px solid #EEEEEE;
	border-bottom: 0px solid #EEEEEE;
	height: 18px;
	width: 18px;
}

.MainMenu_MenuRootArrow {
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
	height: 18px;
	width: 18px;
}

/*___________________________________________________________________________________________*/

.LogoTokens {
    font-weight: bold;
    font-size: 10px;
    color: white;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the unselected tabs */
a:link.LogoTokens {
    text-decoration: none;
    color:White;
}
a:visited.LogoTokens {
    text-decoration: none;
    color:White;
}
a:active.LogoTokens {
    text-decoration: none;
    color:#eeeeee;
}
a:hover.LogoTokens {
    text-decoration: none;
    color:red;
}

.NavBreadcrumb {
    font-weight: bold;
    font-size: 11px;
    color: navy;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the unselected tabs */
a:link.NavBreadcrumb {
    text-decoration: none;
    color:navy;
}
a:visited.NavBreadcrumb {
    text-decoration: none;
    color:navy;
}
a:active.NavBreadcrumb {
    text-decoration: none;
    color:#eeeeee;
}
a:hover.NavBreadcrumb {
    text-decoration: none;
    color:Red;
}



.FooterTokens {
    font-weight: bold;
    font-size: 9px;
    color: navy;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the unselected tabs */
a:link.FooterTokens {
    text-decoration: none;
    color:navy;
}
a:visited.FooterTokens {
    text-decoration: none;
    color:navy;
}
a:active.FooterTokens {
    text-decoration: none;
    color:#eeeeee;
}
a:hover.FooterTokens {
    text-decoration: none;
    color:red;
}

.viz_ContentPaneTop
{

}

.viz_ContentPaneMain
{
}

.viz_ContentPaneLeft
{	
   	 padding-right:1px;	
	padding-left:0px; 
}

.viz_ContentPaneRight
{
	padding-right:1px;
	padding-left:0px;	
}

#mmTop_1x3
{ width:3px; height:84px; 
    background-image: url("mmTop_1x3.jpg"); }


#mmb_1x1
{width:50%; height:12px; 
    background-image: url("mmb_1x1.jpg"); }

#mmb_1x2
{width:300px; height:12px; 
    background-image: url("mmb_1x2.jpg"); }

#mmb_1x4
{width:292px; height:12px; 
    background-image: url("mmb_1x4.jpg"); text-align:right; }

#mmb_1x5
{width:50%; height:12px; 
    background-image: url("mmb_1x5.jpg"); text-align:right; }
#mmb_2x1
{width:50%; height:26px; 
    background-image: url("mmb_2x1.jpg"); }
#mmb_2X2
{width:300px; height:26px; 
    background-image: url("mmb_2x2.jpg"); white-space:nowrap;}
#mmb_2x4
{width:292px; height:26px; 
    background-image: url("mmb_2x4.jpg"); white-space:nowrap; text-align:right;}
#mmb_2x5
{ height:26px; 
    background-image: url("mmb_2x5.jpg"); white-space:nowrap;}
#mmb_3x1
{
background-image: url("mmb_3x1.jpg"); }
#mmb_3x5
{
background-image: url("mmb_3x5.jpg"); }
 


#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(lightbox/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/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; }