﻿/* Main Site Styles */
html 
{
    width:100%;
    height:100%;
}

body 
{
    width:100%;
    height:100%;
    font-family:verdana;
    font-size:11px;
    color:#6e6e6e;
    margin:0px;  
    background-color:#d5e9ed;      
}

form 
{
    margin:0px;
    padding:0px;
}

a
{
   color:#519bc6;
   text-decoration:none;
}

a:hover
{
   text-decoration:underline;
}




h1 
{
    color:#333333;
    font-size:30px;
    line-height:30px;
    margin:0px;
    padding:0px;
    margin-bottom:10px;
    margin-left:5px;
    font-family:arial;
    font-weight:normal;
}
h1 a
{
   color:#333333;
   text-decoration:none;
}
h1 a:hover
{
   text-decoration:none;
}

h2 
{
    color:#333333;
    font-size:20px;
    line-height:20px;
    margin:0px;
    margin-bottom:10px;
    padding:0px;
    font-family:arial;
    font-weight:bold;
}


h3 
{
    color:#333333;
    margin:0px;
    padding:0px;
    margin-bottom:0px;
    font-weight:bold;
}

.small
{
    color:#333333;
    font-size:10px;
    line-height:10px;
    margin:0px;
    margin-bottom:1px;
    padding:0px;
    font-family:arial;
}

.bulletLink 
{
    background-image:url(/images/global/bulletGreyBG.png);
    padding-left:20px;
    background-repeat:no-repeat;
    color:#519bc6;
    line-height:20px;
    
}

p 
{
    margin:0px;
    margin-bottom:10px;
    padding:0px!important;
}

hr 
{
    padding:0px;
    margin:0px;
    margin-bottom:5px;	
    border:none; 
    border-top:1px solid #ccc; 
    border-bottom:1px solid #fff;
}

img 
{
    border:0px;
}

.breadcrumb 
{
    padding:20px;
    color:#c6c6ca;
    display:none;
}

.breadcrumb a 
{
    color:#388dbf;
}

.button /* styles a link as a button */
{
    background-image:url(/images/buttons/buttonBG.png);
    background-position:center center;
    color:white;
    font-size:13px;
    font-family:verdana;
    width:100px;
    height:22px;
    text-align:center;
    padding-top:4px;
    display: table-cell;
    display:inline-block;
}

/* Home Page Specific Styles */
.topBannerHomePage
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background-color:Black;
}
.topBannerPackShots
{
    position:absolute;
    top:357px;
    left:0;
    width:100%;
    background-position:left center;
}
.topBannerPackShotsInner
{
    height:230px;
    width:960px;
    margin:0 auto;
}

.mainContainerHomePage
{
    width:980px;
    margin:0 auto;
    background-image:url(/images/global/bodyBG.png);
    overflow: hidden;
    padding-top:462px;
}

.accordionHolder 
{
    background-repeat:repeat-x;
    height:374px;
    width:640px;
    overflow:hidden;
}

.accordionPanel 
{
    padding:10px;
    padding-left:20px;
    font-size:12px;
}

.accordionPanel H2
{
    margin-top:10px;
    font-family:Arial;
    margin-bottom:30px;
    font-size:30px;
    line-height:30px;
    font-weight:normal;
}

.accordionButtons 
{
    clear:both;
    padding-top:20px;
    text-align:center;
}


/* Page Header and Navigation Strip */
.bannerFlash 
{
    height:230px;
    width:960px;
    margin:0 auto;    
}

.headerWithFlash 
{
    height:90px;
    width:960px;
    margin:0 auto;
    background-color:#000;
}

.header 
{
    background-image:url(/images/global/logo2.jpg);
    background-position:0px 0px;
    background-repeat: no-repeat;
    height:115px;
    width:960px;
    margin:0 auto;
    background-color:#142a47;
}

.topBanner 
{
	background-position:0px 0px;
	background-position : 0px -5px;
    background-image:url(/images/global/HeaderBG.gif);
    background-repeat:repeat-x;
    background-color:#193558;
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

.topNavStrip
{
    height:37px;
    background-image:url(/images/global/topNavBG.png);
    background-repeat:repeat-x;
}

.topNavContainer
{
    width:960px;
    margin:0 auto;    
}

.sf_searchBox label {
	display:none;
}

.topNavSearch 
{
    padding-left:10px;
    padding-right:5px;
    padding-top:5px;
    border-right:1px solid #235277;
    float:right;
    height:30px;
    width:250px;
}
.sf_searchText
{
    margin-top:2px;
    float:left;
}
.sf_searchSubmit
{
    margin-left:10px;
	margin-right:10px;
	float:right;
	width:70px;
	/*background-image:url(/images/topnav/SearchButton.png);*/
}
.errorMsg
{
    color:Red;
    font-weight:bold;
}
.loginPanel 
{
    padding-top:30px;
    padding-right:20px;
    width:auto;
    color:#a0afb2;
    display:inline;
    float:right;    
}
.loginPanel a 
{
    color:#aaa;
    font-weight:bold;
    text-decoration:none;
}
.loginPanel a.gray 
{
    text-decoration:none;
}
.loginPanel a:hover 
{
    text-decoration:underline;
} 


/* Right Panel */
.rightNav
{
    float:right;
    width:290px;
    height:100%;
    padding-left:20px;
    padding-right:10px;
    padding-top:10px;
    display: inline;
}

.rightNavOuterFloating
{
    margin-right:10px;
    margin-left:10px;
    float:right;
    width:290px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#CECECE;
}
.rightNavInnerFloating
{
	background-image:url(/images/global/rightNavBG.png);
    background-repeat:repeat-y;
    padding-left:20px;
    padding-right:10px;
    padding-top:10px;

	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#CECECE;
}

.rightNav h2 
{
    color:#333333;
    font-size:19px;
    line-height:19px;
    margin:0px;
    padding:0px;
    margin-top:30px;
    margin-bottom:10px;
    font-family:arial;
    font-weight:normal;
}

.rightNav h3 
{
    font-family:arial;
    margin-top:0px;
    margin-bottom:5px;
    color:#519bc6;
}

/* Main Content Area Styles*/
.mainContainer 
{
    width:980px;
    margin:0 auto;
    background-image:url(/images/global/bodyBG.png);
    overflow: hidden;
    padding-top:152px;
}

.mainContentInner 
{
    background-position:640px 0px;
    background-repeat:repeat-y;
    height:100%;
    float:left;
    width:960px;
    margin-left:10px;
    display: inline;
}

.mainContentInnerWithRightNav
{
	background-image:url(/images/global/rightNavBG.png);
    background-position:640px 0px;
    background-repeat:repeat-y;
    height:100%;
    float:left;
    width:960px;
    margin-left:10px;
    display: inline;
}

.mainContent 
{
    height:100%;
    width:960px;
    float:left;
    font-size:12px;
    line-height:18px;
}

.mainContentWithRightNav 
{
    height:100%;
    width:640px;
    float:left;
    font-size:12px;
    line-height:18px;
    margin:0px;
    padding:0px;	
 }

.shadowPanel 
{
    background-image:url(/images/Global/ShadowPanel.png);
    background-repeat:repeat-x;
    min-height:250px;
    background-position:left bottom;
    padding:10px 20px;
    color:#333333;
}
.shadowPanelHome
{
    background-image:url(/images/Global/ShadowPanel.png);
    background-repeat:repeat-x;
    min-height:250px;
    background-position:left bottom;
    padding:10px 0px;
    color:#333333;
}
.shadowPanel H1
{
}

/* Footer styles */
.quickLinks 
{
    position:relative;
    float:left;
    width:920px;
    margin:0 auto;
    height:auto;
    background-color:#4292c1;
    color:#333333;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    
}

.quickLinksHolder 
{
    width:153px;
    float:left;
    text-align:left;
    height:auto;
}

.quickLinksHeader 
{
    color:White;
    font-size:13px;
    font-weight:bold;
    margin-bottom:10px;
}
.quickLinks ul 
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
.quickLinks li 
{
    line-height:20px;
}
.quickLinks li a 
{
     color:#333333;
     text-decoration:none;

}
.quickLinks li a:hover 
{
     text-decoration:underline;
}


.footer 
{
    clear:both;
    width:984px;
    margin:0 auto;
    background-image:url(/images/global/footerBG.png);
    height:76px;
    text-align:center;
    color:White;
    padding-top:30px;
}


.footer a
{
    color:White;    
}














/* Unused ??? */
.splitContent 
{
    position:relative;
    float:left;
    width:920px;
    margin:0 auto;
    height:auto;
    color:#4d4d4d;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:20px;
    background-color:white;
    font-size:12px;    
}
.splitLeft {
    width:50%;float:left;
}
.splitRight{
    width:50%;float:left;
}
.splitContent H1
{
}
.splitContent H2
{
}



/* ?? */
.sf_listTitle, .sf_listTitle a, .sf_newsTitle, .sf_newsTitle a {
    color:#333333;
    font-size:19px;
    line-height:19px;
    margin:0px;
    padding:0px;
    margin-top:30px;
    margin-bottom:10px;
    font-family:arial;
    font-weight:normal;
}

.sf_newsDate {
display:none;
}

.sf_readMore a {
    background-image:url(/images/global/bulletGreyBG.png);
    padding-left:20px;
    background-repeat:no-repeat;
    color:#519bc6;
    line-height:20px;
}

.sf_newsAuthor {
display:none;
}

.sf_postCategory {
display:none;
}

.sf_postTags {
display:none;}



/* styles for tables on the site (probably needs some work) */
.basicTable 
{
    border-color:-moz-use-text-color #CCCCCC;
    border-style:none solid;
    border-width:0 1px;
}
.basicTable th 
{
    background-color:#2B4E8E;
    border-bottom:1px solid #788BBB;
    border-top:1px solid #788BBB;
    color:#FFFFFF;
    padding:5px;
    text-align:center;
    vertical-align:middle;
}
.basicTable td 
{
    border-bottom:1px solid #CCCCCC;
    padding:5px;
}

.basicTableHighlightRow
{
}
.basicTableHighlightRow h4
{
	padding:0px;
	margin:5px 0px 5px 0px;
}


/* Styles for the pack shots on the in the TopPackShots.ascx control*/
.topPackShots
{
    background-image:url(/images/cta/packBackground.jpg);
    background-repeat:no-repeat;
    width:960px;
    height:105px;
}

.topPackContainer {
    position:relative;
    float:left;
    width:320px;
    height:97px;
    padding-top:8px;
}

.topPackTitle
{
    color:#333333;
    position:relative;
    float:left;
    width:95px;

    font-family:Arial;
    font-size:18px;
    padding-top:10px;
}

.topPackButtonsBlue 
{
    position:relative;
    float:left;
    width:120px;

    font-family:verdana;
    font-size:9px;
    vertical-align:bottom;  
    padding-top:0px;
}

.topPackButtonsBlue p
{
    margin-bottom:2px;
}
.topPackButtonsBlue a
{
    background-image:url(/images/buttons/ButtonBlueLarge.png);
    background-repeat:no-repeat;
    color:white;
    width:137px;
    height:18px;
    text-align:center;
    text-decoration:none;
    padding-top:2px;
    display: table-cell;
    display:inline-block;
}
.topPackButtonsBlue a:hover
{
    background-image:url(/images/buttons/ButtonBlueLargeOver.png);
    background-repeat:no-repeat;
    color:white;
    width:137px;
    height:18px;
    text-align:center;
    text-decoration:none;
    padding-top:2px;
    display: table-cell;
    display:inline-block;
}


.topPackButtonsGreen
{
    position:relative;
    float:left;
    width:120px;

    font-family:verdana;
    font-size:9px;
    vertical-align:bottom;  
    padding-top:0px;
}
.topPackButtonsGreen p
{
    margin-bottom:2px;
}
.topPackButtonsGreen a
{
    background-image:url(/images/buttons/ButtonGreenLarge.png);
    background-repeat:no-repeat;
    color:white;
    width:137px;
    height:18px;
    text-align:center;
    text-decoration:none;
    padding-top:2px;
    display: table-cell;
    display:inline-block;
}
.topPackButtonsGreen a:hover
{
    background-image:url(/images/buttons/ButtonGreenLargeOver.png);
    background-repeat:no-repeat;
    color:white;
    width:137px;
    height:18px;
    text-align:center;
    text-decoration:none;
    padding-top:2px;
    display: table-cell;
    display:inline-block;
}

.topPackButtonsOrange 
{
    position:relative;
    float:left;
    width:120px;

    font-family:verdana;
    font-size:9px;
    vertical-align:bottom;  
    padding-top:0px;
}
.topPackButtonsOrange p
{
    margin-bottom:2px;
}
.topPackButtonsOrange a
{
    background-image:url(/images/buttons/ButtonOrangeLarge.png);
    background-repeat:no-repeat;
    color:white;
    width:137px;
    height:18px;
    text-align:center;
    text-decoration:none;
    padding-top:2px;
    display: table-cell;
    display:inline-block;
}
.topPackButtonsOrange a:hover
{
    background-image:url(/images/buttons/ButtonOrangeLargeOver.png);
    background-repeat:no-repeat;
    color:white;
    width:137px;
    height:18px;
    text-align:center;
    text-decoration:none;
    padding-top:2px;
    display: table-cell;
    display:inline-block;
}


/* Unused?
.allFeaturesPackShots
{
    background-image:url(/images/cta/packBackground_920.jpg);
    background-repeat:no-repeat;
    width:920px;
    height:105px;
}
.featuresPackContainer {
    position:relative;
    float:left;
    width:306px;
    height:97px;
    padding-top:8px;
}

.featuresPackTitleGrey
{
    color:#333333;
    position:relative;
    float:left;
    width:80px;

    font-family:Arial;
    font-size:18px;
    padding-top:10px;
}

.featuresPackButtons 
{
    padding-top:50px;
}

*/




/** Styles added by John **/


.show
{
	display:inline;
	visibility:visible;
}
.showblock
{
	display:block;
	visibility:visible;
}
.hide
{
	display:none;
	visibility:hidden;
}
.ScaleableRoundedHrefLeft 
{ 
	float: right; 
	width: 5px; 
	height: 24px; 
	background-image: url('/images/Global/ScaleableRoundedHrefLeft.png') ; 
	background-repeat:no-repeat;
}
.ScaleableRoundedHrefRight
{ 
	float: right; 
	width: 7px; 
	height: 24px; 
	background: url('/images/Global/ScaleableRoundedHrefRight.png') no-repeat; 
}
.ScaleableRoundedHrefMain a 
{ 
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	color:White;
	float: right; 
	height: 24px; 
	background: url('/images/Global/ScaleableRoundedHrefMain.png') repeat-x; 
}

.HeaderContainer
{
	width:960px;
	padding-bottom:10px;
	background-image:url(/images/accordion/bg.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	color:#333333;
	margin-left:10px;
	margin-top:10px;
}
.HeaderContent
{
	width:450px; 
	float:left;
	padding-right:20px;
	padding-left:20px;
	border:0px solid red;
	line-height:18px;
}

.HeaderScreenShot
{
	width:400px;
	float:left;
	text-align:center;
	margin:0 auto;
	border: 0px solid black;
}
#HeaderProductName
{
	color:#999;
	margin-bottom:10px;
}
.mylightbox
{
	border: 0px solid #fff;
}


#ContentContainer h1
{
	margin-bottom:20px;
}

.productFeaturesMainContent
{
    height:100%;
    width:100%;
    float:left;
    font-size:12px;
    line-height:18px;
    margin:0px;
    padding:0px;	
    border:1px solid red;
 }
#FlashBannerContainer
{
	width:100%;
	text-align:center;
	padding: 5px 0;
}
#ContentContainer
{
	width:960px;
	margin-left:10px;
}
#FlashBannerContainer
{
	width:100%;
	display:block;
}

#SplashContainer
{
	margin:10px;
	width:940px;
	display:block;
}

.SplashContent
{
	float:left;
	display:inline;
	line-height:20px;
}
#SplashLeftContent		
{
	width:320px;	
}
#SplashRightContent		
{
	width:620px;
}
.ProductFeatureInformation				
{	
	float:left;
	display:inline;
	width:300px;	
	padding:5px;
	font-size:12px;
	line-height:18px;
	color:#333333;
}
#ProductFeatureInformationContainer		
{	
	margin: 0 10px;
}
#ProductFeatureInformationLeftContent	{	}
#ProductFeatureInformationCenterContent	{	}
#ProductFeatureInfomationRightContent	{	}

#ProductFeatureInformationContainer h3
{
	margin-top:15px;
	margin-bottom:10px;
	font-size:16px;
	font-family:"Century Gothic",Verdana,Arial,Helvetica,sans-serif;
	line-height: 20px;
}
.FeaturePageDownloadButton
{
	/***
	border: 1px solid #00288D;
	background-color:#F3F5FC;
	margin: 2px 0;
	***/
	width:100%;
	text-align:center;
}


.reCodeBlock
{
	font-size:0.8em;
}

.ReasonsToUseHighlight
{
	background-color:#F3F5FC;
	border-bottom:5px solid #2B4E8E;
	border-left:5px solid #2B4E8E;
	border-right:5px solid #2B4E8E;
	color:#2B4E8E;
	height:200px;
}

.ReasonsToUseHighlight h3 {
	background-color:#2B4E8E;
	color:#FFFFFF;
	display:block;
	margin:0;
	padding:10px;
}

pre, blockquote {
	background-color:#FAFAFA;
	border-color:#888888;
	border-style:dashed dashed dashed solid;
	border-width:1px 1px 1px 5px;
	color:#333333;
	display:block;
	font-size:0.8em;
	margin-left:20px;
	padding:7px;
}


/*** XML Databinding information ***/
.example {
background-color:#FFFEE1;
border:1px solid #999999;
padding:15px;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color:#2B4E8E;
	color:#FFFFFF;
}

.CollapsiblePanelTab {
	-moz-user-select:none;
	-x-system-font:none;
	background-color:#2B4E8E;
	border-bottom:0 solid #CCCCCC;
	color:#FFFFFF;
	cursor:pointer;
	font-family:sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin:0;
	padding:2px;
}


.DefaultSkin h2
{
	margin-top:15px;
	margin-bottom:10px;
}

/*** XML Compression Example Highlighting ***/

.highlight-pre {
	background-color:#EFEFF7;
	clear:both;
	font-family:"Andale Mono","Courier New",Courier,monospace;
	font-size:10pt;
	margin-bottom:1em;
	margin-top:5px;
	padding:0.4em;
}
.highlight-keyword {
	color:#0000FF;
}
.highlight-comment {
	color:#006633;
}
.highlight-literal {
	color:#CC0000;
}
.highlight-title {
	border-bottom:1px solid gray;
	font-size:8.5pt;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:1em;
	padding-bottom:3px;
}
.highlight-copycode {
	cursor:pointer;
	float:right;
	font-weight:normal;
	padding-right:10px;
}

a.moreinfo
{
	background-image:url('/Images/icons/information.png');
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:18px;
}

a.downloadButton 
{
	background-position:left center;
	background-repeat: no-repeat;
	background-image:url('/Images/Buttons/Download.png?width=128');
    display: table-cell;
    display:inline-block;
	width:128px;
	height:56px;
}

a:hover.downloadButton
{
	background-image:url('/Images/Buttons/Download_Over.png?width=128');
}


.rightFloatMenuContainer
{
	position:relative; 
	left:20px; 
	top:-10px;  
/*	width:270px; */
	
	margin-left:20px; 
	margin-bottom:5px; 
	float:right; 
	background-color:#f4f4f4;
	font-size:11px;
	
	border-left:1px solid #cecece;
	border-bottom:1px solid #cecece;
}

.rightFloatMenuInner
{
	padding:5px; 
	padding-left:20px; 
	padding-right:20px; 
	
	border-left:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

.rightFloatMenuContainer h2 
{
    color:#333333;
    font-size:19px;
    line-height:19px;
    margin:0px;
    padding:0px;
    margin-top:10px;
    margin-bottom:10px;
    font-family:arial;
    font-weight:normal;
}

.rightFloatMenuContainer h3 
{
    font-family:arial;
    margin-top:5px;
    margin-bottom:5px;
}

h2.sub 
{
	color:#999;
	font-size:26px;
	margin-top:20px;
	margin-bottom:30px;
	padding-left:5px;
	font-weight:normal;
}

/*** Purchase Page Main Sections ***/
.purchasePage_EditionSectionWrapper 
{ 
	width:600px; 
	padding-top:20px;
	margin-bottom:10px;
}
.purchasePage_EditionSectionMainWrapper
{
	width:100%;
}
.purchasePage_EditionSectionFooter     
{
	width:100%;
	padding: 5px 0px;
	text-align:center;
	color:#519bc6;
}
/*** Purchase Page Floated inner divs ***/
.purchasePage_EditionSectionImage
{
	display:inline;
	float:left;
	width:120px;
}
.purchasePage_EditionSectionContentWrapper
{
	display:inline;
	float:left;
	width:470px;
	padding:5px;
}
.purchasePage_EditionSectionPurchaseForm
{
	margin:10px 0px;
}   	

.bulletlist p
{
	display:block;
	margin:0px;
	padding:0px;
}	

/*** Purchase Page Section Specific **/
/*** Starter Edition ***/
#purchasePage_StarterEdition.purchasePage_EditionSectionWrapper
{
	background-color:#f2fcfe;
}
#purchasePage_StarterEdition h2
{
	color: #4f9ac6;
	padding-left:5px;
}    
/*** Designer Edition ***/
#purchasePage_DesignerEdition.purchasePage_EditionSectionWrapper
{
	background-color:#fafef6;
}
#purchasePage_DesignerEdition h2
{
	color: #699942;
	padding-left:5px;
}    
/*** Developer Edition ***/
#purchasePage_DeveloperEdition.purchasePage_EditionSectionWrapper
{
	background-color:#fdf5eb;
}
#purchasePage_DeveloperEdition h2
{
	color: #e6b77d;
	padding-left:5px;
}    
/*** - ***/

.Product_AddButtonWrapper
{
	padding:0px;
	margin:0px;
	margin-left:72px;
}


a.logoClick
{
	float:left;
}


.bulletlist p
{
	display:inline;
	padding:0px;
	margin:0px;
}
    
h2.Form         { padding: 5px; margin-top:20px;} 
h3.Form         { margin:0px;margin-bottom:15px; margin-top:20px; padding:4px; background-color:#eee;}
h4.Form         { margin:0px; margin:5px 0px; }
.td_top         { border-top:1px dotted #ccc; }
.td_bottom      { border-bottom:1px solid #ccc; }
.td_content     { border-bottom:1px dotted #ccc; }

.pleasenote p, .pleasenote h3
{
	padding:5px 0px;
	font-size:10px;
	font-style:italic;
	line-height:16px;
	color:#333;
	font-family:verdana;
	display:inline;
}
.pleasenote h3 
{ 
	font-style:italic; 
	display:inline;
	font-weight:normal;
}



.table-style {
border-color:-moz-use-text-color #CCCCCC;
border-style:none solid;
border-width:0 1px;
}
.table-style th {
background-color:#2B4E8E;
border-bottom:1px solid #788BBB;
border-top:1px solid #788BBB;
color:#FFFFFF;
padding:5px;
text-align:center;
vertical-align:middle;
}
.table-style td {
border-bottom:1px solid #CCCCCC;
padding:5px;
}