﻿/* This Style Sheet is for Screen-specific layout styles. For fonts and other styles that pertain to all media, see Basic.css */

html {
	overflow-y: scroll;
	height: 100%;
}

body {
	height: 100%;
	background: #d4d4d4 url(../Images/bg_Body.gif) repeat-x 0 0;
}

body.Body_Home {
	background: #d4d4d4 url(../Images/bg_Body_Home.gif) repeat-x 0 0;
}

/* Elements */
a.ArrowLink {
	padding-left: 10px;
	background: url(../Images/bullet_L3Nav_Sub.gif) no-repeat 0 5px;
}

ul {
	list-style: none;
}

ul.ArrowList li {
	margin-bottom: 15px;
	padding-left: 10px;
	background: url(../Images/bullet_L3Nav_Sub.gif) no-repeat 0 5px;
}


/* Styles by site structure */
div.CenteringWrapper {
	width: 986px;
	margin: 0px auto;
}

div.CenteringWrapper_Home {
	width: 996px;
	margin: 0px auto;
}

div.FlashHolder_Home {
	float: left;
	width: 996px;
	height: 704px;
}

div.TopRow {
	float: left;
	width: 986px;
	height: 50px;
	background: url(../Images/bg_TopRow.gif) no-repeat 0 0;
}

div.TopNavHolder {
	float: left;
	width: 728px;
	height: 50px;
	padding: 0 0 0 258px;
}

div.TopNavHolder a {
	display: block;
	float: left;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.TopNavHolder li {
	display: inline;
	float: left;
	height: 50px;
	margin-right: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.TopNavHolder a:hover {
	background-position: 0 -50px;
}

div.TopNavHolder a.active, div.TopNavHolder a.active:hover {
	background-position: 0 -100px;
}

div.TopNavHolder a span {
	display: none;
}

li.TopNav_About, li.TopNav_About a {
	width: 55px;
	background-image: url(../Images/TopNav_About.gif);
}

li.TopNav_Products, li.TopNav_Products a {
	width: 76px;
	background-image: url(../Images/TopNav_Products.gif);
}

li.TopNav_SaaSArchitecture, li.TopNav_SaaSArchitecture a {
	width: 145px;
	background-image: url(../Images/TopNav_SaaSArchitecture.gif);
}

li.TopNav_Solutions, li.TopNav_Solutions a {
	width: 82px;
	background-image: url(../Images/TopNav_Solutions.gif);
}

li.TopNav_ServiceAndSupport, li.TopNav_ServiceAndSupport a {
	width: 139px;
	background-image: url(../Images/TopNav_ServiceAndSupport.gif);
}

li.TopNav_News, li.TopNav_News a {
	width: 49px;
	background-image: url(../Images/TopNav_News.gif);
}

li.TopNav_Contact, li.TopNav_Contact a {
	width: 68px;
	background-image: url(../Images/TopNav_Contact.gif);
}

/* This div contains all of the content between the top nav and the footer */
div.MiddleRow {
	float: left;
	width: 100%;
	min-height: 635px;
	height: auto !important;
	height: 635px;
	padding-bottom: 40px;
	background: #fff url(../Images/bg_MiddleRow.gif) repeat-x 0 0;
}

/* This div is to center the large circular arrows background */
div.ArrowWrapper {
	float: left;
	width: 100%;
	min-height: 635px;
	height: auto !important;
	height: 635px;
	background: url(../Images/bg_ArrowWrapper.gif) no-repeat 50% top;
}

div.ArrowWrapper_Home {
	float: left;
	width: 100%;
	height: 704px;
	background: url(../Images/bg_ArrowWrapper_Home.gif) no-repeat 50% 50px;
}

/* This div wraps around all of the centered content and holds the background image behind the logo */
div.MiddleContentWrapper {
	float: left;
	width: 986px;
	min-height: 158px;
	height: auto !important;
	height: 158px;
	background: url(../Images/bg_MiddleContentWrapper.gif) no-repeat 0 0;
}

/* This div holds the logo and page title ares */
div.HeaderHolder {
	float: left;
	width: 986px;
	height: 73px;
}

div.LogoHolder {
	float: left;
	width: 246px;
	height: 58px;
	padding: 15px 0 0 15px;
}

/* This div contains the main L2 and L3 page titles and the horizontal arrow background image beneath them */
div.MainTitleHolder {
	float: left;
	width: 718px;
	height: 37px;
	padding: 36px 0 0 7px;
	background: url(../Images/bg_MainTitleHolder.gif) no-repeat 4px bottom;
}

/* This div contains the left-hand navigation */
div.LeftNavColumn {
	float: left;
	width: 218px;
	margin-right: 34px;
	padding: 120px 0 0 9px;
}

div.LeftNavColumn ul {
	float: left;
	width: 218px;
	padding-top: 1px;
	background: url(../Images/divider_L3Nav.gif) no-repeat 0 0;
}

div.LeftNavColumn li {
	text-align: right;
	padding: 4px 6px 4px 0px;
	background: url(../Images/divider_L3Nav.gif) no-repeat bottom;
}

div.LeftNavColumn a {
	display: block;
	padding-right: 13px;
	font-family: Georgia, Times New Roman, Serif;
	color: #4a5351;
	text-decoration: none;
	background: url(../Images/bullet_L3Nav_off.gif) no-repeat right;
}

div.LeftNavColumn a:hover, div.LeftNavColumn a.active, div.LeftNavColumn a.active:hover {
	color: #224a87;
	background-image: url(../Images/bullet_L3Nav_active.gif);
}

/* This div contains the flash on the Products landing page */
div.FlashHolder_Products {
	float: left;
	width: 986px;
	height: 484px;
	padding-top: 20px;
	text-align: right;
}

/* This div contains the center and right content on all pages that have the left-hand navigation area */
div.NormalWidthContentHolder {
	float: left;
	width: 725px;
}

/* This div contains the main center page content on L2 pages */
div.CenterContentHolder {
	float: left;
	width: 504px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 15px 0;
	background: #eff1f4 url(../Images/bg_CenterContentHolder.gif) no-repeat 0 0;
}

div.CenterContentHolder02 {
	float: left;
	width: 504px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin-top: 8px;
	padding-bottom: 20px;
}

div.L2ContentHolderInner {
	width: 484px;
	padding: 0 10px;
}

/* This div contains the main center page content on L3 pages */
div.L3ContentHolderOuter {
	float: left;
	width: 504px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	margin-top: 8px;
	padding-bottom: 20px;
	background: #eff1f4;
}

/* This div has padding and is meant to hold copy on L3 pages */
div.L3ContentHolderInner {
	float: left;
	width: 474px;
	padding: 15px 15px 0 15px;
}

div.L3ContentHolderInner ul {
	margin-bottom: 12px;
	padding-left: 10px;
}

div.L3ContentHolderInner ul li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../Images/bullet_circle01.gif) no-repeat 0 5px;
}

div.L3ContentHolderInner ul ul {
	margin-top: 5px;
	margin-bottom: 5px;
}

div.L3ContentHolderInner ul ul li {
	margin-bottom: 2px;
	background: url(../Images/bullet_dash01.gif) no-repeat 0 6px;
}

div.L3ContentHolderInner ul.ArrowList li {
	margin-bottom: 15px;
	padding-left: 10px;
	background: url(../Images/bullet_L3Nav_Sub.gif) no-repeat 0 5px;
}

/* L3 Page Header Images */
div.L3ImageHolder {
	float: left;
	width: 504px;
	height: 100px;
}

/* Shadow Box Content Holder as in Contact page */

/* Content Shadow Box 01 */
div.ContentShadowBox01 {
	float: left;
	width: 504px;
	margin-bottom: 20px;
	background: url(../Images/bg_ContentShadowBox01_Tile.gif) repeat-y 0 0;
}

div.ContentShadowBox01 div.ContentShadowBox_Top {
	float: left;
	width: 504px;
	height: 8px;
	font-size: 0px;
	background: url(../Images/bg_ContentShadowBox01_Top.gif) no-repeat 0 0;
}

div.ContentShadowBox01 div.ContentShadowBox_Bottom {
	float: left;
	width: 358px;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 14px;
	line-height: 22px;
	padding: 18px 116px 30px 30px;
	background: url(../Images/bg_ContentShadowBox01_Bottom.gif) no-repeat 0 bottom;
}

div.ContentShadowBox02 {
	float: left;
	width: 504px;
	margin-bottom: 20px;
	background: url(../Images/bg_ContentShadowBox02_Tile.gif) repeat-y 0 0;
}

div.ContentShadowBox02 div.ContentShadowBox_Top {
	float: left;
	width: 504px;
	height: 8px;
	background: url(../Images/bg_ContentShadowBox02_Top.gif) no-repeat 0 0;
}

div.ContentShadowBox02 div.ContentShadowBox_Bottom {
	float: left;
	width: 358px;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 14px;
	line-height: 22px;
	padding: 18px 116px 30px 30px;
	background: url(../Images/bg_ContentShadowBox02_Bottom.gif) no-repeat 0 bottom;
}

/* Promos in the Center Content Areas */

/* This div holds sectional cross-link promos on L2 pages */
div.PromoRow01 {
	float: left;
	width: 484px;
	padding-bottom: 20px;
}


/* This div holds sectional cross-link promos on L3 pages */
div.PromoRow02 {
	float: left;
	width: 504px;
}

/* This div holds one promo such as those on the Solutions L2 page, which link into the L3 pages of that section */
div.ContentPromo {
	float: left;
	display: inline;
	width: 200px;
	height: 85px;
	margin: 0 1px;
	padding: 158px 20px 0 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.PromoRow01 div.ContentPromo p {
	line-height: normal;
	margin-bottom: 8px;
}

/* This div holds promos such as the Featured Products promos on the Solutions L3 pages */
div.ContentPromo02 {
	float: left;
	width: 191px;
	height: 100px;
	padding: 81px 264px 0 49px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.ContentPromo02 p {
	line-height: normal;
	margin-bottom: 8px;
}

/* This div holds promos such as the Related Solutions promos on the Products L3 pages */
div.ContentPromo03 {
	float: left;
	display: inline;
	width: 252px;
	height: 173px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.ContentPromo a, div.ContentPromo02 a {
	text-decoration: none;
}

div.ContentPromo a:hover, div.ContentPromo02 a:hover {
	text-decoration: underline;
}

div.ContentPromo03 a {
	display: block;
	width: 252px;
	height: 173px;
}

div.ContentPromo03 a span {
	display: none;
}

div.PromoHolder_AlternateContent_OurSolutions {
	float: left;
	width: 276px;
	height: 200px;
	padding: 72px 20px 0 208px;
	background: url(../Images/Promo_AlternateContent_OurSolutions.gif) no-repeat 0 0;
}

/* Products - Related Solutions Images */
div.ProductsPromo_AssetManagers {
	background-image: url(../Images/ProductsPromo_AssetManagers.gif);
}

div.ProductsPromo_FamilyOffices {
	background-image: url(../Images/ProductsPromo_FamilyOffices.gif);
}

div.ProductsPromo_FundAdministrators {
	background-image: url(../Images/ProductsPromo_FundAdministrators.gif);
}

div.ProductsPromo_FundsOfFunds {
	background-image: url(../Images/ProductsPromo_FundsOfFunds.gif);
}

div.ProductsPromo_HedgeFunds {
	background-image: url(../Images/ProductsPromo_HedgeFunds.gif);
}

div.ProductsPromo_PEAndVC {
	background-image: url(../Images/ProductsPromo_PEAndVC.gif);
}

/* Solutions Landing Page Promo Images
div.SolutionsPromo_PEAndVC {
	background-image: url(../Images/SolutionsPromo_PEAndVC.gif);
}

div.SolutionsPromo_HedgeFunds {
	background-image: url(../Images/SolutionsPromo_HedgeFunds.gif);
}

div.SolutionsPromo_FundsOfFunds {
	background-image: url(../Images/SolutionsPromo_FundsOfFunds.gif);
}

div.SolutionsPromo_AssetManagers {
	background-image: url(../Images/SolutionsPromo_AssetManagers.gif);
}

div.SolutionsPromo_FamilyOffices {
	background-image: url(../Images/SolutionsPromo_FamilyOffices.gif);
}

div.SolutionsPromo_FundAdministrators {
	background-image: url(../Images/SolutionsPromo_FundAdministrators.gif);
}
 */
/* Solutions - Featured Products Promo Images */
div.SolutionsPromo_CMS {
	background-image: url(../Images/SolutionsPromo_CMS.gif);
}

div.SolutionsPromo_DealRoom {
	background-image: url(../Images/SolutionsPromo_DealRoom.gif);
}

div.SolutionsPromo_DueDiligence {
	background-image: url(../Images/SolutionsPromo_DueDiligence.gif);
}

div.SolutionsPromo_Events {
	background-image: url(../Images/SolutionsPromo_Events.gif);
}

div.SolutionsPromo_IRM {
	background-image: url(../Images/SolutionsPromo_IRM.gif);
}

div.SolutionsPromo_Portal {
	background-image: url(../Images/SolutionsPromo_Portal.gif);
}

div.SolutionsPromo_QMS {
	background-image: url(../Images/SolutionsPromo_QMS.gif);
}

div.SolutionsPromo_Recruiting {
	background-image: url(../Images/SolutionsPromo_Recruiting.gif);
}

/* This div contains the content to the right of the main center content */
div.RightContentHolder {
	float: left;
	width: 221px;
}

/* Promos in the Right Content Area */
div.PromoHolder01 {
	float: left;
	position: relative;
	width: 169px;
	height: 127px;
	margin-top: 45px;
	padding: 78px 10px 0 42px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.PromoHolder01 h3 {
	display: none;
}

div.PromoHolder01 p {
	color: #f8e0ca;
	font-size: 11px;
	font-family: Georgia, Times New Roman, Serif;
}

div.PromoHolder01 a {
	color: #f8e0ca;
	text-decoration: none;
	font-family: Georgia, Times New Roman, Serif;
}

div.PromoHolder01 a:hover {
	text-decoration: underline;
}

div.PromoHolder01 a.PromoLink01 {
	display: block;
	position: absolute;
	width: 85px;
	height: 18px;
	top: 152px;
	left: 98px;
}

div.PromoHolder01 a.PromoLink02 {
	display: block;
	position: absolute;
	width: 126px;
	height: 15px;
	top: 98px;
	left: 76px;
}

div.PromoHolder01 a.PromoLink02 span {
	display: none;
}

div.Promo_LearnMoreDownload {
	background-image: url(../Images/Promo_LearnMoreDownload.gif);
}

div.PromoHolder_Contact {
	width: 174px;
	padding-right: 5px;
	background-image: url(../Images/Promo_Contact.gif);
}

div.Promo_Giveaway_QMS {
	background-image: url(../Images/Promo_Giveaway_QMS.gif);
}

div.Promo_Giveaway_QMS a.PromoLink01 {
	display: block;
	position: absolute;
	width: 75px;
	height: 18px;
	top: 160px;
	left: 108px;
}
	
div.PromoHolder02 {
	float: left;
	width: 130px;
	margin-top: 43px;
	padding: 0 38px 0 52px;
	background: url(../Images/bg_PromoHolder02.gif) no-repeat 40px 18px;
}

div.PromoHolder02 h4 {
	font-size: 15px;
	color: #6d7473;
	font-style: italic;
	margin-bottom: 12px;
}

div.PromoHolder02 a {
	text-decoration: none;
}

div.PromoHolder02 a:hover {
	text-decoration: underline;
}

div.PromoHolder02 li {
	margin-bottom: 15px;
	padding-left: 11px;
	background: url(../Images/bullet_circle01.gif) no-repeat 0 6px;
}

/* Product Demo Promos */
div.PromoHolder_ViewDemo {
	position: relative;
	float: left;
	width: 193px;
	height: 147px;
	padding: 15px 0 0 18px;
}

div.PromoHolder_ViewDemo img {
	position: absolute;
}

div.PromoHolder_ViewDemo a.ViewDemoBtn img {
	top: 84px;
	left: 123px;
	z-index: 100;
	cursor: pointer;
}

.DemoBackground {
	/* The faded background when a product demo pops up */
	background: #eee url(../Images/bg_DemoBackground.gif) repeat-x 0 0;
	/*filter: alpha(opacity=90);
	opacity: 0.9;*/
}

/* Forms */
div.FormHolder01 {
	float: left;
	width: 504px;
	margin-top: 10px;
	font-size: 11px;
}

div.FormHolder01 table {
	background: url(../Images/bg_FormHolder01.gif) repeat-y 0 0;
}

div.FormHolder01 table td {
	text-align: left;
	vertical-align: top;
	padding: 0 0 12px 27px;
}

div.FormHolder01 table td.RightCell {
	padding: 0 0 12px 4px;
}

div.FormHolder01 table tr.Form01_HeaderRow td {
	width: 479px;
	height: 14px;
	padding: 36px 25px 10px 0;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	background: url(../Images/bg_Form01_HeaderRow.gif) no-repeat 0 0;
}

div.FormHolder01 table tr.Form01_FooterRow td {
	padding: 0;
}

div.FormHolder01 table tr.Form01_FooterRow td div {
	float: left;
	width: 477px;
	height: 65px;
	padding: 30px 0 0 27px;
	background: url(../Images/bg_Form01_FooterRow.gif) no-repeat 0 0;
}

label {
	font-size: 11px;
	font-weight: bold;
	font-family: Georgia, Times New Roman, Serif;
	color: #224a87;
}

input.TextBox01, input.TextBox02, input.TextBox03, textarea.TextArea01 {
	margin-top: 2px;
	padding: 1px;
	border: none;
	font-size: 11px;
	color: #717775;
	background: #eef0f3;
}

input.TextBox01, input.TextBox02, input.TextBox03 {
	height: 15px;
}

input.TextBox01 {
	width: 173px;
}

input.TextBox02 {
	width: 248px;
}

input.TextBox03 {
	width: 448px;
}

textarea.TextArea01 {
	width: 448px;
	height: 123px;
}

select.DropDown01 {
	width: 450px;
	height: 17px;
	margin-top: 2px;
	border: none;
	font-size: 11px;
	color: #717775;
	background: #eef0f3;
}

.Required {
	color: #bb5e4f;
}

/* This div contains the footer content */
div.BottomRow {
	float: left;
	width: 100%;
	height: 47px;
	padding: 17px 0 0 0;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 11px;
	color: #686767;
	background: #ececec;
}

/* This div contains the Copyright information */
div.FooterLeftContent {
	float: left;
	margin: 0 20px 0 0;
	padding: 4px 0 0 34px;
}

/* This div contains the divs that hold the contact and SO information */
div.FooterRightContent {
	float: left;
}

div.FooterContactHolder {
	float: left;
	padding: 0 20px 0 0;
}

div.FooterContactHolder img {
	margin-right: 0px;
}

div.FooterTextHolder {
	float: left;
	padding: 4px 0 0 0;
}

div.FooterTextHolder a {
	text-decoration: none;
}

div.FooterTextHolder a:hover {
	text-decoration: underline;
}

/* General Classes */

.HiddenText {
	display: none;
}

.TradeMark {
	font-family: Arial, Verdana, Sans-Serif;
}
