﻿	html {
		overflow-Y: scroll;
	}


	#sbHomeLogo {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 900px;
		margin-top: -5px;
		margin-bottom: -5px;
		z-index: 1001;
		position: relative;
	}
	
	#sbHomePitch {
		position: absolute;
		margin-top: -105px;
		margin-left: 50px;
		padding-top: 5px;
		padding-left: 5px;
		width: 360px;
		text-align: left;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 13px;
		line-height: 19px;
		color:#666;
		z-index: 1100;
	}
	
	#sbHomeBanner {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 925px;
		height: 51px;
		background-image: url(images/sb_home_banner.png);
		background-repeat: no-repeat;
		text-align: left;
		position: relative;
		z-index: 1050;
	}
	
		#sbHomeBannerText {
			padding: 8px 0 0 50px;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 20px;
			color:#FFF;
		}
		
		#sbHomeBannerButtons {
			position: absolute;
			left: 745px;
			top: -18px;
			z-index: 1200;
		}
	
	#sbHomeBox {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 800px;
	}
	
		#sbHomeBox #sbWhatsNew {
			width: 780px;
			background-image:url(images/sbWhatsNewBack.png);
			background-repeat: repeat-x;
			min-height: 80px;
			border: 1px solid #CCC;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			margin: 25px 0 10px 10px;
		}
		
		#sbHomeBox #sbWhatsNewText {
			background-image: url(images/news.png);
			background-repeat: no-repeat;
			background-position: 12px 10px;
			padding: 10px 10px 10px 74px;
			text-align: left;
			color:#666;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 13px;
		}
		
		#sbHomeBox #sbIntroText {
			width: 724px;
			margin: 25px 0 20px 20px;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 12px;
			text-align: left;
			color: #666;
			background-image:url(images/sb_icon.png);
			background-repeat: no-repeat;
			padding-left: 60px;
		}
	
		#sbHomeBox table {
			width: 100%;
			border: none;
			margin-left: 10px;
			margin-top: 30px;
		}
		
		#sbHomeBox table td {
			width: 250px;
			height: 160px;
			padding: 5px;
			vertical-align: top;
		}
		
		#sbHomeBox .sbHomeBoxTitle{
			margin: 25px 20px 20px 80px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			color: #000;
			text-align: left;
		}
		
		#sbHomeBox .sbHomeBoxText{
			margin: 0 30px 0 30px;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 13px;
			color: #666;
			text-align: left;
		}
		

		


	
		#sbLegal {
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			margin: 6px;
			border: 1px dashed #69C;
			padding: 10px;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 12px;
			color: #69C;
		}
		
		#sbCredits {
			margin-left: auto;
			margin-right: auto;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 11px;
			color: #69C;
			text-align: center;
		}



		#sbHomeSmallPitch {
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 13px;
			color: #666;
			text-align: left;
			background-color: #f3f3f3;
			margin-left: auto;
			margin-right: auto;
			width: 836px;
			padding: 5px 30px 15px 30px;
		}
		
			#sbHomeSmallPitch H3 {
				color: #666;
				border-bottom: 1px dashed #CCC;
				font-size: 15px;
				margin: 20px 0 5px 0;
				padding-bottom: 5px;
			}
			
			#sbHomeSmallPitch a {
				color: #333;
				text-decoration: none;
			}
			
			#sbHomeSmallPitch a:hover {
				color:#06F;
			}
		
	.eiRoundBox {
		width: 300px;
		border: 2px solid #CCC;
		background-color: #f1f1f1;
		margin: 10px;
		padding: 8px;
		color: #000000;
		font-size: 12px;
		text-align: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.eiTablePricing {
		font-size: 14px;
	}
	
		.eiTablePricing td {
			padding: 6px;
		}
		
		.eiTablePricing td.eiTableTdDivider {
		border-right: 1px solid #E9EEFE;
		}
	
		.eiTablePricing td.eiTableTdDividerR {
		padding-left: 20px;
		}
		
	.eiPromoMessage {
		width: 90%;
		background-color: #E9EEFE;
		border: 1px solid  #CCC;
		background-image: url(images/pcSmallIcon_money.png);
		background-repeat: no-repeat;
		background-position: 4px 4px;
		margin: 10px 0 15px 10px;
		padding: 8px 10px 8px 30px;
		color: #000000;
		font-size: 12px;
		text-align: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.eiErrorMessage {
		width: 90%;
		background-color: #FFC;
		border: 1px solid #F90;
		background-image:url(images/pcv4_st_icon_error_small.png);
		background-repeat: no-repeat;
		background-position: 8px 8px;
		margin: 10px 0 15px 10px;
		padding: 8px 10px 8px 30px;
		color: #000000;
		font-size: 12px;
		text-align: left;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	.eiAlertMessage {
		width: 86%;
		background-color: #FFC;
		border: 1px solid #CCC;
		background-image: url(../subscriptionbridge/images/sb_alert.gif);
		background-repeat: no-repeat;
		background-position: 8px 8px;
		margin: 10px 0 15px 10px;
		padding: 8px 10px 8px 50px;
		color: #000000;
		font-size: 12px;
		text-align: left;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius; 4px;
	}
	
	.sbFormSubmit {
		border: 1px solid #CCC;
		background-color: #f5f5f5;
		padding: 12px;
		color: #333;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius; 4px;
	}
	
/* Special styles */
	#sbTradeShow {
		position: absolute;
		top: -64px;
		left: 736px;
		z-index: 3000;
		border: none;
	}
	
	#sbTradeShow img {
		border: none;
	}
	
		#sbrequests label {
			width: 200px;
			text-align: right;
			float: left;
			line-height: 2em;
			vertical-align: middle;
			padding-right: 5px;
		}

		#sbrequests .sbDivField {
			clear: both;
			margin-bottom: 8px;
		}
		
		#sbrequests .sbInputField {
			border: 1px #ccc solid;
			background-color: #f1f1f1;
			color: #666; 
			padding: 5px; 
			font-size: 12px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		
		#sbrequests .sbTextField {
			border: 1px #ccc solid;
			background-color: #f1f1f1;
			color: #666; 
			padding: 5px; 
			font-size: 12px;
            font-family: Tahoma, Geneva, sans-serif;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		
		#sbrequests .sbSelectField {
			border: 1px #ccc solid;
			background-color: #f1f1f1;
			color: #666; 
			padding: 5px; 
			font-size: 12px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		
		#sbrequests .sbFormButton {
			border: 1px #ccc solid;
			background-color: #FFF;
			color: #777; 
			padding: 5px; 
			font-size: 15px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		
		#sbrequests .sbSubmitButton {
			border: 1px #ccc solid;
			background-color: #036;
			padding: 8px 12px; 
			font-size: 16px;
			color: #FFF;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}


	fieldset {
		margin-bottom: 10px;
		padding: 10px;
		border: 1px solid #CCC;
		width: 95%;
	}
	
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(images/black_arrow.png);
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
a {
	border:0;
	cursor:pointer;
}

/* Tabs styling */

#sbTabs {
	width: 900px;
}

	#sbTabs .panes div {
		display:none;		
		padding: 15px 0 10px 25px;
		width:690px;
		float:right;
		border-left: 1px dashed #e1e1e1;
		min-height: 500px;
	}
	
	#sbTabs .panes h3 {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	/* root element for tabs  */
	#sbTabs ul.tabs { 
		list-style:none; 
		margin:0 !important; 
		padding:0;
		padding-top: 10px !important;

	}

	#sbTabs .tabs { 
		margin:0; 
		padding:0;
		list-style:none; 
		height:570px;
		width:170px; 
		float:left;
		border-bottom: none;
	}
	
	/* single tab */
	#sbTabs ul.tabs li { 
		float:left;	 
		text-indent:0;
		padding:0;
		margin:0 !important;
		list-style-image:none !important; 
		border-bottom: 1px dashed #e1e1e1;
	}
	
	/* link inside the tab. uses a background image */
	#sbTabs ul.tabs a { 
		display:block;
		height: 30px;  
		line-height:30px;
		width: 200px;
		text-align:right;	
		text-decoration:none;
		color:#333;
		padding:0 10px 0 0;
		margin:0px;	
		position:relative;
		top:1px;
		background-image:url(images/sbWeb-tabNav.png);
		background-repeat: repeat-y;
	}

	#sbTabs ul.tabs a:active {
		outline:none;		
	}
	
	/* when mouse enters the tab move the background image */
	#sbTabs ul.tabs a:hover {
		background-position: -420px -31px;	
		color:#fff;	
	}

	/* active tab uses a class name "current". its highlight is also done by moving the background image. */
	#sbTabs ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
		cursor:default !important; 
		color: #666 !important;
	}

	/* active tab uses a class name "current". its highlight is also done by moving the background image. */
	#sbTabs ul.tabs li a:hover {
		color: #06C !important;
	}
	
	/* initially all panes are hidden */ 
	#sbTabs .panes .pane {
		display:none;		
	}
	
	.sbBackToTop {
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px dashed #CCC;
	}
	
	.sbPaneTitle {
		color: #666;
		font-size: 16px;
		font-weight:bold;
		padding-bottom: 5px;
		border-bottom: 1px dashed #CCC;
	}