/*User Selectable Styles*/
.Heading1,H1     {color:#4F6Da9; font-family:Tahoma,Arial,Helvetica,Sans-Serif;	 font-size:150%; font-weight:bold; margin-bottom:5px;}
.Heading2,H2     {color:#4F6Da9; font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:120%; font-weight:bold; margin-bottom:0px;}
.Heading3,H3     {color:#4F6Da9; font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:100%; font-weight:bold;}
.Normal          {color:#111144; font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:small;}
.Caption1        {color:#000066; font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:small; font-weight:bold;}
.Caption2        {color:#000000; font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:small; font-weight:normal; font-style:italic;}
.Caption3        {color:#000066; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:small;}
.Caption4		 {color:#ffffff; font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:small; font-weight:bold;}

/* User Table Colour Styles */
/* These styles define the basic properties for tables in the Alterian CMC Editor */

	/* Default Table */
	table.ImmTS_Default	{background-color:#eeeeff;} /* Overall table style */

	table.ImmTS_Default th, 
	table.ImmTS_Default td	{padding:2px; margin:2px;} /* Cell padding and spacing styles */

	table.ImmTS_Default, 
	table.ImmTS_Default th, 
	table.ImmTS_Default td	{border:1px solid black;} 
	     
	table.ImmTS_Default th	{background-color:#ccccFF; color:black;} 
	table.ImmTS_Default tr	{}
	table.ImmTS_Default td	{color:black;}

/* PMAS User Table Styles */
/* These styles define the basic PMAS properties for tables in the Alterian CMC Editor */

	/* PMAS Table */
	table.ImmTS_PMAS	{background-color:#ffffff;} 					/* Overall table style */

	table.ImmTS_PMAS th, 
	table.ImmTS_PMAS td	{padding:2px; margin:2px;} 					/* Cell padding and spacing styles */

	table.ImmTS_PMAS, 
	table.ImmTS_PMAS th, 
	table.ImmTS_PMAS td	{border:1px solid #cccccc;} 					/* Table border style */
	     
	table.ImmTS_PMAS th	{background-color:#1b468b; color:white;font-size:15px;font-family: 'Bell Gothic Std Bold', Arial, Helvetica, sans-serif;}		/* Apply style to header cells */
	table.ImmTS_PMAS tr	{vertical-align:top;}						/* Apply style to data cells */
	table.ImmTS_PMAS td	{font-size:12px; color:#333333;font-family: 'Bell Gothic Std Bold', Arial, Helvetica, sans-serif;}				/* Apply style to data cells */


/* Template Colour Styles */
/* Changes the colour of sections of the page dependant on the style sheet in use */

#header	{background-color:#7183C3;  border-bottom:1px solid #7183C3; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#687BBE', EndColorStr='#DFEFFF');}
#left	{background-color:#eeeeee; border-right:1px solid #7183C3;}

/* Mozilla Fix for problem with header section not attaching to top */
#header	{border-top:1px solid #7183C3;}

/*Side Menu Color Selection Styles */

	/* All Level Styles*/
	#sidemenu			{background-color:#eeeeee;}
	#sidemenu .head		{color:#ffffff; background-color:#687BBE;}	
	#sidemenu a			{}
	#sidemenu a:hover	{}

	/* Level 0 Styles */
	#sidemenu a.L0					{color:#000000; background:#eeeeee;}					/* defines level 0 link */
	#sidemenu a.L0 SPAN.hc			{background-image:url(../../../images/rtArwGrey.gif);}  /* defines level 0 bullet for children */
	#sidemenu a.L0 SPAN.nc			{background-image:url(../../../images/sqBltGrey.gif);}  /* defines level 0 bullet for no children */

	#sidemenu a.L0sel				{color:#000000; background:#a5a5a5;}					/* defines level 0 if selected page */
	#sidemenu a.L0sel SPAN.hc		{background-image:url(../../../images/rtArwWhite.gif);} /* defines level 0 bullet for children if selected page */
	#sidemenu a.L0sel SPAN.nc		{background-image:url(../../../images/sqBltWhite.gif);} /* defines level 0 bullet for no children if selected page*/
	#sidemenu a.L0sel:hover			{color:#000000; background:#a5a5a5;}					/* in this case effectively suppresses the hover effect for selected pages */
	
	#sidemenu a.L0:hover			{color:#000000; background:#D5DCF5;}					/* defines the level 0 hover effect */
	#sidemenu a.L0:hover SPAN.hc		{background-image:url(../../../images/rtArwGrey.gif);}  /* defines the level 0 hover bullet for children */
	#sidemenu a.L0:hover SPAN.nc		{background-image:url(../../../images/sqBltGrey.gif);}  /* defines the level 0 hover bullet for no children */
	
	/* Level 1 Styles */	
	#sidemenu a.L1					{color:#000000; background:#dddddd;}
	#sidemenu a.L1 SPAN.hc			{background-image:url(../../../images/rtArwGrey.gif);}
	#sidemenu a.L1 SPAN.nc			{background-image:url(../../../images/sqBltGrey.gif);}

	#sidemenu a.L1sel				{color:#000000; background:#a5a5a5;}
	#sidemenu a.L1sel SPAN.hc		{background-image:url(../../../images/rtArwWhite.gif);}
	#sidemenu a.L1sel SPAN.nc		{background-image:url(../../../images/sqBltWhite.gif);}
	#sidemenu a.L1sel:hover			{color:#000000; background:#a5a5a5;}
	
	#sidemenu a.L1:hover			{color: #000000; background:#D5DCF5;}	
	#sidemenu a.L1:hover SPAN.hc		{background-image:url(../../../images/rtArwGrey.gif);}
	#sidemenu a.L1:hover SPAN.nc		{background-image:url(../../../images/sqBltGrey.gif);}

	/* Level 2 Styles */
	#sidemenu a.L2					{color:#000000; background:#d5d5d5;}
	#sidemenu a.L2 SPAN.hc			{background-image:url(../../../images/rtArwGrey.gif);}
	#sidemenu a.L2 SPAN.nc			{background-image:url(../../../images/sqBltGrey.gif);}

	#sidemenu a.L2sel				{color:#000000; background:#a5a5a5;}
	#sidemenu a.L2sel SPAN.hc		{background-image:url(../../../images/rtArwWhite.gif);}
	#sidemenu a.L2sel SPAN.nc		{background-image:url(../../../images/sqBltWhite.gif);}
	#sidemenu a.L2sel:hover			{color:#000000; background:#a5a5a5;}

	#sidemenu a.L2:hover			{color: #000000; background:#D5DCF5;}	
	#sidemenu a.L2:hover SPAN.hc		{background-image:url(../../../images/rtArwGrey.gif);}
	#sidemenu a.L2:hover SPAN.nc		{background-image:url(../../../images/sqBltGrey.gif);}
	
/*Top Drop Down Menu Color Selection Styles */

	/* All Level Styles*/
	#topdropmenu			{border-top:1px solid #7183C3; background:#D5DCF5;}	
	#topdropmenu a			{}
	#topdropmenu a:hover	{}

	/* Level 0 Styles */
	#topdropmenu UL UL.L0			{}	/* level 0 "leaf" properties - not really a leaf since its the top level */
	#topdropmenu a.L0hc				{color:#2D407C; border-right:1px solid #7183C3; background:#D5DCF5 url(../../../images/dnArwGrey.gif) right center no-repeat;}  /* level 0 item with children properties. defines background color and bullet image */
	#topdropmenu a.L0nc				{color:#2D407C; border-right:1px solid #7183C3; background:#D5DCF5;} /* level 0 item with no children properties. defines background color*/
	
	#topdropmenu a.L0hc:hover		{color: #000000; background:#ffffff url(../../../images/dnArwGrey.gif) right center no-repeat;}	/* hover effect for level 0 with children */
	#topdropmenu a.L0nc:hover		{color: #000000; background:#ffffff;} /* hover effect for level 0 with no children */

	
	/* Level 1 Styles */
	#topdropmenu UL UL.L1			{border:1px solid black;}
	#topdropmenu a.L1hc				{color:#000000; background:#e5e5e5 url(../../../images/rtArwGrey.gif) right center no-repeat;}
	#topdropmenu a.L1nc				{color:#000000; background:#e5e5e5;}
	
	#topdropmenu a.L1hc:hover		{color:#000000; background:#ffffff url(../../../images/rtArwGrey.gif) right center no-repeat;}	
	#topdropmenu a.L1nc:hover		{color:#000000; background:#ffffff;}

	/* Level 2 Styles */
	#topdropmenu UL UL.L2			{border:1px solid black;}
	#topdropmenu a.L2hc				{color:#000000; background:#d8d8d8 url(../../../images/rtArwGrey.gif) right center no-repeat;}
	#topdropmenu a.L2nc				{color:#000000; background:#d8d8d8;}
	
	#topdropmenu a.L2hc:hover		{color:#000000; background:#ffffff url(../../../images/rtArwGrey.gif) right center no-repeat;}	
	#topdropmenu a.L2nc:hover		{color:#000000; background:#ffffff;}
	
#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/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../../images/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{color: #666669; font: 10px Verdana; font-weight: bold;	}
#imageData #numberDisplay{color: #666669; font: 10px Verdana; 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; }