/*
	--------------------------------------------------
	SITE CONTENT STYLES
	--------------------------------------------------
	Client:	Bycast
	Author:	Darren Gould
	Date:	August, 2009
		
*/


/* ===================================================================================== STYLES FOR ALL PAGES */

/* ===== Float links right ===== */

.floatLinkRight
{
	float: right;
	margin: 5px 0 0 0;
}


/* ===== Link with arrow icon ===== */
.moreLink
{
	padding-right: 12px;
	background: url(/images/icons/icon_moreArrow.gif) right 3px no-repeat;
}

#h_tabbedWrap .moreLink
{
	padding-right: 12px;
	background: url(/images/icons/icon_moreArrow.gif) right 5px no-repeat;
}


/* ===== Content Lists ===== */

#contentInt ul
{
	margin: 0;
	padding: 0 0 12px 10px;
	list-style: none;
}

#contentInt li
{
	padding: 0 0 8px 10px;
	background: url(/images/icons/list_bullet.gif) 0 5px no-repeat;
}

#contentInt li a
{
	display: inline !important;
}


/* ===== Image Borders ===== */

img.border_thin
{
	border: 1px solid #005581;
}

img.border_thin2
{
	border: 1px solid #EEE;
}

img.border_thick
{
	border: 3px solid #005581;
}

img.border_thick2
{
	border: 3px solid #EEE;
}


/* ===== Image Tagline ===== */

.imageTagline
{
	font-size: 11px;
	font-style: italic;
	color: #005581;
}


/* ===== Alternative Lists Styles ===== */

ul.nobullets
{
	padding-left: 0 !important;
}

	ul.nobullets li
	{
		padding-left: 0 !important;
		background: none !important;
	}
		
		ul.nobullets li a
		{
			display: inline !important;
		}
	
	ul.nobullets .title
	{
		font-weight: bold !important;
	}


/* ===== Disclaimer Text ===== */

.disclaimer 
{
	font-size: 11px;
	font-style: italic;
	line-height: 1.2em;
}



/* ===================================================================================== STYLES HOME PAGE */

/* ===== Flash Alternative Content ===== */

.h_flashPanelAltContent {
	position: relative;
	width: 980px;
	height: 383px;
	background: url(/images/structure/flashPanel_altBG.jpg) 0 0 no-repeat;
}

.h_flashPanelAltContent .text {
	position: absolute;
	top: 96px;
	left: 662px;
	width: 258px;
	height: 137px;
	color: #FFF;
	font-size: 14px;
	line-height: 1.6em;
}


/* ===== Tabbed Boxes ===== */

/* Overall Background */

#h_tabbedWrap
{
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background: #FFF url(/images/homepage_tabbedArea/tabbedBox_bottom.jpg) 0 bottom no-repeat;
}
	
	#h_tabbedWrapInner
	{
		margin: 0;
		padding: 0 0 10px 0;
		background: #FFF url(/images/homepage_tabbedArea/tabbedBox_contentBG.jpg) 0 0 repeat-y;
	}
		
		
		/* Tabbed Containers */
		
		#h_tabContainer1,
		#h_tabContainer2,
		#h_tabContainer3
		{
			float: left;
			margin-right: 7px;
			width: 322px;
		}
		
		#h_tabContainer3 { margin-right: 0; }
		
		
		/* Tabs */
		
		ul.hometab1,
		ul.hometab2,
		ul.hometab3
		{ 
			margin: 0 !important; 
			padding: 0;	
			width: 322px;
			height: 33px;
			list-style: none; 
		}
			
			ul.hometab1 li,
			ul.hometab2 li,
			ul.hometab3 li
			{ 
				float: left;	 
				margin: 0 !important;
				padding: 0;
				text-indent: 0;
				list-style-image: none !important; 
			}
				
				ul.hometab1 a,
				ul.hometab2 a,
				ul.hometab3 a
				{
					display: block;
					margin: 0;
					padding: 0;
					width: 161px;
					height: 33px;
					text-indent: -9999px;
					overflow: hidden;
					font-size: 1%;
				}
					
					
					/* Remove the dotted line that appears when an image is clicked */
					
					ul.hometab1 a:focus,
					ul.hometab2 a:focus,
					ul.hometab3 a:focus
					{
						outline: none;		
					}
					
					
					/* Initial link style - Background image */
					
					ul.hometab1 li.left a 	{ background-image: url(/images/homepage_tabbedArea/tab01.jpg); }
					ul.hometab1 li.right a 	{ background-image: url(/images/homepage_tabbedArea/tab01.jpg); }
					
					ul.hometab2 li.left a 	{ background-image: url(/images/homepage_tabbedArea/tab02.jpg); }
					ul.hometab2 li.right a 	{ background-image: url(/images/homepage_tabbedArea/tab02.jpg); }
					
					ul.hometab3 li.left a 	{ background-image: url(/images/homepage_tabbedArea/tab03.jpg); }
					ul.hometab3 li.right a 	{ background-image: url(/images/homepage_tabbedArea/tab03.jpg); }
					
					
					/* Initial link style - background position */
					
					ul.hometab1 li.left a,
					ul.hometab2 li.left a,
					ul.hometab3 li.left a
					{ 
						background-position: 0 0; 
					}
					
					ul.hometab1 li.right a,
					ul.hometab2 li.right a,
					ul.hometab3 li.right a
					{ 
						background-position: -161px 0; 
					}
					
					
					/* Hover styles */
					
					ul.hometab1 li.left a:hover,
					ul.hometab2 li.left a:hover,
					ul.hometab3 li.left a:hover
					{
						background-position: 0 -132px;	
					}
					
					ul.hometab1 li.right a:hover,
					ul.hometab2 li.right a:hover,
					ul.hometab3 li.right a:hover
					{
						background-position: -161px -66px;	
					}
						
						
						/* Active tab uses a class name "current". it's highlight is also done by moving the background image. */
						
						ul.hometab1 li.left a.current,
						ul.hometab2 li.left a.current,
						ul.hometab3 li.left a.current
						{
							background-position: 0 -33px;
						}
						
						ul.hometab1 li.right a.current,
						ul.hometab2 li.right a.current,
						ul.hometab3 li.right a.current
						{
							background-position: -161px -99px;
						}
		
		
		/* Panes */
		
		div.pane1 div,
		div.pane2 div,
		div.pane3 div
		{
			display: none;		
			padding: 20px 25px 10px 25px;
			height: auto;
			width: 272px;
			background: #E4E4E4 url(/images/homepage_tabbedArea/tabbedBox_contentGradient.jpg) 0 0 no-repeat;
			font-size: 20px;
		}
		
		div.pane1 div p, div.pane1 div td,
		div.pane2 div p, div.pane2 div td,
		div.pane3 div p, div.pane3 div td
		{
			font-size: 12px;
		}
			
			/* initially all panes are hidden */ 
			div.pane1 div.pane1,
			div.pane2 div.pane2,
			div.pane3 div.pane3
			{
				display:none;
			}
				
				
				/* Common Pane Styles */
				
				#h_tabbedWrap .stickyWrap
				{
					position: relative;
					margin-bottom: 15px;
				}
				
					#h_tabbedWrap .stickyIcon
					{
						position: absolute;
						left: 0;
						top: 28px;
						z-index: 10;
					}
					
					#h_tabbedWrap .stickyContentArea
					{
						margin: 0 0 20px 8px;
						padding: 8px 10px 8px 45px;
						border: 1px solid #B3B3B3;
						background: #EDEDED;
						font-size: 11px;
						font-weight: bold;
						text-align: right;
					}
				
				
				/* What's New Pane */
				
				table#whatsnew
				{
					background: transparent;
				}
					
					table#whatsnew td
					{
						padding-bottom: 15px;
						vertical-align: top;
					}
					
					table#whatsnew .date
					{
						width: 100px;
						font-weight: bold;
					}
				
				
				/* Analysts Pane */
				
				p.h_analystsContent
				{
					padding-bottom: 0.7em;
				}
				
				p.h_analystsCompany
				{
					padding-bottom: 2em;
					font-weight: bold;
				}
				
				
				/* Customers Pane */
				
				p.h_customersContent
				{
					padding-bottom: 0.7em;
				}
				
				p.h_customersDetails
				{
					padding-bottom: 2em;
					font-weight: bold;
				}
				
				
				/* Free Downloads Pane */
				
				table#freeDownloads
				{
					background: transparent;
				}
					
					table#freeDownloads td
					{
						padding-bottom: 15px;
						vertical-align: top;
					}
					
					table#freeDownloads .header
					{
						padding-right: 10px;
						width: 80px;
						text-align: right;
						font-weight: bold;
					}
					
					table#freeDownloads .videoPlayIcon
					{
						float: right;
						padding: 0 0 5px 5px;
					}



/* ===== Awards ===== */

#awardsLogos 
{
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
	
	#awardsLogos li 
	{
		float: left;
		padding-right: 73px;
	}
	
	#awardsLogos li.last
	{
		padding-right: 0;
	}
		
		
		/* Popup bubble position */
		
		#awardsLogos .bubbleInfo
		{
			position: relative;
			float: left;
		}
			
			/* Activate bubble on click */
			
			.trigger 
			{
				position: relative;
			}
				
				
				/* Popup styles */
				
				.popup 
				{
					position: absolute;
					display: none;
					width: 160px;
					margin: 0;
					padding: 0;
					border-collapse: collapse;
					z-index: 50;
				}
					
					.popup td.topleft,
					.popup td.topright
					{
						width: 12px;
						height: 12px;
						background: transparent;
					}
					
					.popup td.bottomleft,
					.popup td.bottomright
					{
						width: 12px;
						height: 19px;
						background: transparent;
					}
					
					.popup td.topleft 		{ background: url(/images/popupBubble/bubble-1.gif) top left; }
					.popup td.top			{ background: url(/images/popupBubble/bubble-2.gif) top left; }
					.popup td.topright		{ background: url(/images/popupBubble/bubble-3.gif) top right; }
					
					.popup td.left			{ background: url(/images/popupBubble/bubble-4.gif) top left; }
					.popup td.right			{ background: url(/images/popupBubble/bubble-5.gif) top right; }
					
					.popup td.bottomleft	{ background: url(/images/popupBubble/bubble-6.gif) top left no-repeat; }
					.popup td.bottom		{ background: url(/images/popupBubble/bubble-7.gif) top left repeat-x; text-align: center; }
					.popup td.bottomright	{ background: url(/images/popupBubble/bubble-8.gif) top right no-repeat;}
						
						
						/* Table that hold the display info */
						
						.popup table.popup-contents
						{
							background: #FFF;
							font-size: 10px !important;
							line-height: 1.35em;
						}



/* ===================================================================================== STYLES FOR CONTENT PAGES */

/* ===== Missing Flash Player ===== */

.flashVideoAltContent {
	position: relative;
	width: 648px;
	height: 405px;
	background: url(/images/structure/flashVideo_altBG.jpg) 0 0 no-repeat;
}

.flashVideoAltContent .text {
	position: absolute;
	padding: 20px;
	top: 66px;
	left: 171px;
	width: 306px;
	height: 243px;
	color: #333;
	font-size: 14px;
	line-height: 1.6em;
}


/* ===== Related Content ===== */

.relatedContentWrap
{
	margin: 0 0 7px 0;
	padding: 3px 0 0 0;
	width: 232px;
	border: 1px solid #E1E1E1;
	background: #FFF;
}
	
	.relatedContentWrap h4
	{
		padding: 4px 20px 9px 20px;
		border-bottom: 1px solid #E1E1E1;
		background: #FFF url(/images/structure/background_relatedContentHeader.jpg) 0 bottom repeat-x;
		text-transform: uppercase;
	}
	
	.relatedContentWrap ul
	{
		margin: 0;
		padding: 15px 20px 5px 20px;
		width: 192px;
		list-style-type: none;
	}
	
		.relatedContentWrap ul li
		{
			margin: 0;
			padding: 0 0 10px 15px;
			background: url(/images/icons/list_bullet_2.gif) 0 4px no-repeat;
			color: #4B4B4B;
		}
			
			.relatedContentWrap ul li a
			{
				display: inline;
			}
			
			.relatedContentWrap ul li.nobullet
			{
				background: none;
			}
				
				.relatedContentWrap ul li.nobullet a
				{
					display: inline;
				}



/* ===== Accordion ===== */

.accordionWrap
{
	margin: 0 0 7px 0;
	padding: 0;
	background: url(/images/accordion_side/accordion_background.jpg) 0 0 repeat-y;
}
	
	.accordionWrap ul.menu, 
	.accordionWrap ul.menu ul 
	{
		margin: 0;
		padding: 0;
		width: 234px;
		background: url(/images/accordion_side/accordion_background_footer.jpg) left bottom no-repeat;
		list-style-type: none;
	}
	
		.accordionWrap ul#menu6.menu, 
		.accordionWrap ul#menu6.menu ul 
		{
			background: url(/images/accordion_side/accordion_background_footerCurve.jpg) left bottom no-repeat;
		}
		
			.accordionWrap ul.menu a 
			{
				display: block;
				height: 46px;
				background-image: url(/images/accordion_side/accordian_headings.jpg);
				background-repeat: no-repeat;
				text-decoration: none;	
			}
			
				.accordionWrap ul.menu li 
				{
					margin: 0;
					padding: 0;
				}
				
					.accordionWrap ul.menu li a 
					{
						font-size: 1%;
						overflow: hidden;
						text-indent: -9999px;
					}
					
					/* Remove the dotted line that appears when an image is clicked */
										
					.accordionWrap ul.menu li a:focus
					{
						outline: none;		
					}
					
					.accordionWrap ul#menu1.menu li a { background-position: 0 0px; }
					.accordionWrap ul#menu2.menu li a { background-position: 0 -92px; }
					.accordionWrap ul#menu3.menu li a { background-position: 0 -184px; }
					.accordionWrap ul#menu4.menu li a { background-position: 0 -276px; }
					.accordionWrap ul#menu5.menu li a { background-position: 0 -368px; }
					.accordionWrap ul#menu6.menu li a { background-position: 0 -460px; }
					
					.accordionWrap ul#menu1.menu li a:hover, .accordionWrap ul#menu1.menu li a.current { background-position: 0 -46px; }
					.accordionWrap ul#menu2.menu li a:hover, .accordionWrap ul#menu2.menu li a.current { background-position: 0 -138px; }
					.accordionWrap ul#menu3.menu li a:hover, .accordionWrap ul#menu3.menu li a.current { background-position: 0 -230px; }
					.accordionWrap ul#menu4.menu li a:hover, .accordionWrap ul#menu4.menu li a.current { background-position: 0 -322px; }
					.accordionWrap ul#menu5.menu li a:hover, .accordionWrap ul#menu5.menu li a.current { background-position: 0 -414px; }
					.accordionWrap ul#menu6.menu li a:hover, .accordionWrap ul#menu6.menu li a.current { background-position: 0 -506px; }
					
					
						.accordionWrap ul.menu li ul {
							margin: 0;
							padding: 15px 20px 10px 20px;
							width: 194px;
						}
						
							.accordionWrap ul.menu li ul li {
								margin: 0;
								padding: 0 0 10px 15px;
								background: url(/images/icons/list_bullet_2.gif) 0 4px no-repeat;
								color: #4B4B4B;
							}
							
							.accordionWrap ul.menu li ul li.nobullet {
								background: none;
							}
							
								.accordionWrap ul.menu li ul li a {
									display: inline;
									height: auto;
									background: none;
									font-size: 12px;
									text-indent: 0;
								}
								
								.accordionWrap ul.menu li ul li .moreLink
								{
									padding-right: 12px;
									background: url(/images/icons/icon_moreArrow.gif) right 3px no-repeat !important;
								}


/* ==================== Content Containers ==================== */

.container_articles_general
{
	float: left;
	clear: both;
	width: 674px;
	margin: 10px 0 10px 0;
}
	
	.container_articles_general .date
	{
		font-weight: bold;
	}
	
	.container_articles_general .description
	{
	}
	
	.container_articles_general .location
	{
	}
	
	.container_articles_general .link
	{
	}


/* ===== People Profiles ===== */

.container_profile
{
	float: left;
	clear: both;
	margin: 0 0 40px 0;
	width: 674px;
}
	
	.container_profile .picture
	{
		float: left;
		padding: 0 24px 0 0;
		width: 120px;
		overflow: hidden;
	}
		
		.container_profile .picture img
		{
			border: 1px solid #EEE;
		}
	
	.container_profile .description
	{
		float: left;
		width: 530px;
	}
	
		.container_profile ul.keyDetails
		{
			margin: 0 0 0.75em 0 !important;
			padding: 0 !important;
			list-style: none !important;
		}
			
			.container_profile .keyDetails li
			{
				margin: 0 !important;
				padding: 0 !important;
				background: none !important;
			}
				
				.container_profile .keyDetails .name
				{
					font-weight: bold;
				}
				
				.container_profile .keyDetails .credentials
				{
					font-style: italic;
				}


/* ===== Investors with Company Logos ===== */

.container_investors_withLogo
{
	float: left;
	clear: both;
	width: 674px;
	margin: 15px 0 25px 0;
}
	
	.container_investors_withLogo .logo
	{
		float: left;
		padding: 0 24px 0 0;
		width: 215px;
	}
	
		.container_investors_withLogo .logo img
		{
			padding: 7px;
			border: 1px solid #EEE;
			background: #FFF;
		}
	
	.container_investors_withLogo .description
	{
		float: left;
		width: 427px;
	}
		
		.container_investors_withLogo ul.keyDetails
		{
			margin: 0 0 0.75em 0 !important;
			padding: 0 !important;
			list-style: none !important;
		}
			
			.container_investors_withLogo .keyDetails li
			{
				margin: 0 !important;
				padding: 0 !important;
				background: none !important;
			}
				
				.container_investors_withLogo .keyDetails .name
				{
					font-weight: bold;
				}


/* ===== Product Demo Videos ===== */

.container_videoLinks
{
	padding: 0 0 20px 0 !important;
	width: 674px !important;
}
	
	.videoLinkWrap
	{
		float: left;
		padding-right: 10px;
		width: 330px;
	}
	
	.container_videoLinks .last
	{
		padding-right: 0;
	}



/* ===== Business Needs ===== */

.container_businessNeeds 
{
	float: left;
	clear: both;
	width: 674px;
	margin: 0 0 40px 0;
}
	
	.container_businessNeeds .picture
	{
		float: left;
		padding: 0 24px 0 0;
		width: 268px;
	}
		
		.container_businessNeeds .picture img
		{
			border: 1px solid #EEE;
		}
	
	.container_businessNeeds .description
	{
		float: left;
		width: 382px;
	}
		
		.container_businessNeeds ul.keyDetails
		{
			margin: 0 0 0.75em 0 !important;
			padding: 0 !important;
			list-style: none !important;
		}
			
			.container_businessNeeds .keyDetails li
			{
				margin: 0 !important;
				padding: 0 0 0.5em 0 !important;
				background: none !important;
			}
				
				.container_businessNeeds .keyDetails .service
				{
					padding: 10px 0 10px 0;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					color: #A99A6F;
					text-transform: none;
					font-size: 14px;
				}
	


/* ===== Testimonials ===== */

.container_testimonials
{
	margin: 0 0 40px 0;
}
	
	.container_testimonials .quote
	{
		padding-bottom: 0.5em;
		font-weight: bold;
	}
	
	.container_testimonials .name
	{
		padding-bottom: 0.5em;
	}
	
	.container_testimonials .company
	{
		padding-bottom: 0.5em;
		font-style: italic;
	}


/* ===== Partners ===== */

.container_partners_storage,
.container_partners_vendors,
.container_partners_resellers
{
	float: left;
	clear: both;
	width: 674px;
	margin: 15px 0 25px 0;
}
	
	.container_partners_storage .logo,
	.container_partners_vendors .logo,
	.container_partners_resellers .logo
	{
		float: left;
		padding: 0 38px 0 0;
		width: 220px;
		overflow: hidden;
	}
	
	.container_partners_vendors .logo,
	.container_partners_resellers .logo
	{
		width: 180px;
	}
	
		.container_partners_storage .logo img,
		.container_partners_vendors .logo img,
		.container_partners_resellers .logo img
		{
			padding: 7px;
			border: 1px solid #EEE;
			background: #FFF;
		}
		
		.container_partners_vendors .logo img,
		.container_partners_resellers .logo img
		{
			padding: 0;
			background: none;
		}
	
	.container_partners_storage .description,
	.container_partners_vendors .description,
	.container_partners_resellers .description
	{
		float: left;
		width: 414px;
	}
	
	.container_partners_vendors .description,
	.container_partners_resellers .description
	{
		width: 440px;
	}
		
		.container_partners_storage .listDescription,
		.container_partners_vendors .listDescription,
		.container_partners_resellers .listDescription
		{
			font-weight: bold;
		}
		
		.container_partners_storage ul.keyDetails,
		.container_partners_vendors ul.keyDetails,
		.container_partners_resellers ul.keyDetails
		{
			margin: 0 0 0.75em 0 !important;
			padding: 0 !important;
			list-style: none !important;
		}
			
			.container_partners_storage .keyDetails li,
			.container_partners_vendors .keyDetails li,
			.container_partners_resellers .keyDetails li
			{
				margin: 0 !important;
				padding: 0 0 0.5em 0 !important;
				background: none !important;
			}
				
				.container_partners_storage .keyDetails .date,
				.container_partners_vendors .keyDetails .date,
				.container_partners_resellers .keyDetails .date
				{
					font-weight: bold;
				}
				
				.container_partners_storage .keyDetails .information,
				.container_partners_vendors .keyDetails .information,
				.container_partners_resellers .keyDetails .information
				{
				}
				
	/* ===== Strategic Council ===== */

.strategic_council
{
	float: left;
	clear: both;
	width: 674px;
}
	
	.strategic_council .logo
	{
		float: left;
		padding: 0 0 0 0;
		margin: 0;
		overflow: hidden;
		width: 265px;
	}
	
	
		.strategic_council .logo img
		{
			padding: 0;
			margin: 0;
			border: 1px solid #EEE;
			background: #red;
		}
		
	
	.strategic_council .description
	{
		margin-left: 10px;
		float: left;
		width: 395px;
	}
	


/* ===== Articles and Blogs ===== */

.container_articlesBlogs
{
	float: left;
	clear: both;
	width: 674px;
	margin: 15px 0 25px 0;
}
	
	.container_articlesBlogs .logo
	{
		float: left;
		padding: 0 38px 0 0;
		width: 200px;
		overflow: hidden;
	}
	
		.container_articlesBlogs .logo img
		{
			padding: 7px;
			border: 1px solid #EEE;
			background: #FFF;
		}
	
	.container_articlesBlogs .description
	{
		float: left;
		width: 420px;
	}
		
		.container_articlesBlogs ul.keyDetails
		{
			margin: 0 0 0.75em 0 !important;
			padding: 0 !important;
			list-style: none !important;
		}
			
			.container_articlesBlogs .keyDetails li
			{
				margin: 0 !important;
				padding: 0 0 0.5em 0 !important;
				background: none !important;
			}
				
				.container_articlesBlogs .keyDetails .date
				{
					font-weight: bold;
				}
				
				.container_articlesBlogs .keyDetails .title
				{
					font-weight: bold;
				}
				
				.container_articlesBlogs .keyDetails .information
				{
				}



/* ===== Search Results Page ===== */

		
#resultsStats
{
	margin: 0;
	padding: 0;
}
		
	#resultsStats li
	{
		margin: 0;
		padding: 0 0 5px 0;
		list-style: none;
		background: none;
		line-height: 1;
	}
	


/* ================================================== */




























/* ----- END OF TEMPLATE ----- */