/* CSS Document for BreakThrough */

body {
background-color:#142052;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#666666;
}

ul {
	list-style-image:url(../images/bullet_point.jpg);
}

ul li {
	padding:0px 0px 9px 0px;
}

.greenUl {
	list-style-image:url(../images/bullet_points.png);
}

.greenUl li {
	padding:0px 0px 9px 0px;
}

body.Body {
background-color:#142052;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#666666;
}

#Body {
background-color:#142052;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#666666;
}

/*a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
}
a:hover,active {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#6E0F73;
}

a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
}

a:hover, visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
}*/

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#66A12B;
font-weight:bold;
font-size:13pt;
margin-bottom:4px;
line-height:normal;
}

.sideBar h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#66A12B;
font-weight:bold;
font-size:10pt;
}

/* This makes links inside of h1 tags (NewsLetter > on the sidebar) display properly. */
.sideBar h1 a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#66A12B;
font-weight:bold;
font-size:10pt;
}

.sideBar h1 a:hover,active {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#6E0F73;
}

.sideBar h1 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#66A12B;
font-weight:bold;
font-size:10pt;
}

.sideBar h1 a:hover, visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#6E0F73;
}

.mainContent {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../images/side_shadow.gif);
background-position:right;
background-repeat:repeat-y;
padding-left:20px;
padding-top:10px;
padding-right:15px;
height:710px;
line-height:150%;
width:100%;
text-align:left;
}

.Normal {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
line-height:150%;
color:#535353;
}

.mainContent p {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:150%;
text-align:left;
}

.mainContent a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000099;
text-decoration:none;
line-height:150%;
}

.mainContent a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000099;
text-decoration:none;
line-height:150%;
}

.mainContent a:hover,active {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#6E0F73;
text-decoration:none;
}

.mainContent a:hover, visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#6E0F73;
text-decoration:none;
}

/* This is the class to use for the page title (ABOUT BREAKTHROUGH) on inner pages. */
.pageTitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#212F76;
font-size:10pt;
text-transform:uppercase;
}

.leftShadow {
background-color:#142052;
background-image:url(../images/left_shadow.gif);
background-position:top;
background-repeat:no-repeat;
height:328px;
width:4px;
}

.rightShadow {
background-color:#142052;
background-image:url(../images/right_shadow.gif);
background-position:top;
background-repeat:repeat-y;
width:5px;
}

.innerMainDS {
background-image:url(../images/side_shadow.gif);
background-position:right;
background-repeat:repeat-y;
height:11px;
}

.newsTitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#212F76;
font-size:9pt;
text-transform:uppercase;
}

#dnn_dnnPAGETITLE_lblPageTitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#212F76;
font-size:9pt;
text-transform:uppercase;
}


hr.sideDivider {
color:#666666;
width:180px;
text-align:center;
}

div.sideNews {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:15px;
padding-right:15px;
text-align:left;
line-height:150%;
} 

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#212F76;
font-weight:bold;
font-size:10pt;
margin-bottom:4px;
}

.mainTable {
background-color:#FFFFFF;
}

.topBand {
background-color:#6E0F73;
/*background-image:url(../images/topBand.jpg); this isn't set here because its different from home to inner.*/
height:24px;
color:white;
text-align:right;
padding-right:20px;
}

/* Note: The widths of the following two classes control the sizing for the main content area and the side bar.
They must add up to 900, and the three banner images' combined width must = the width of homeRolloverBanner  */
.homeRolloverBanner {
width:679px;
height:168px;
background-image:url(../images/side_shadow.gif);
background-position:right;
background-repeat:repeat-y;
padding-bottom:0px;
margin-bottom:0px;
}

.sideBar {
background-color:#E8F5D9;
width:221px;
}

.sidebarlink {
color: #212F76;
}

.footer {
padding-left:17px;
padding-right:20px;
height:30px;
background-image:url(../images/side_shadow.gif);
background-position:right;
background-repeat:repeat-y;
}

.footerDivider {
height:31px;
background-image:url(../images/side_shadow.gif);
background-position:right;
background-repeat:repeat-y;
}

.footerContact {
font-weight:bold;
}

.bottomDropShadow {
background-color:#142052;
}

.loginCell {
padding-right:20px;
padding-top:11px;
font-size:8pt;
}

input.loginFormInput {
font-size:9pt;
background-color:#EEF8E0;
width: 0.95in;
}

.topLinks {
font-size:9pt;
/*padding-left:40px;*/
}

/* old styles for static menu links.
a.topLink {
color:#666666;
font-weight:normal;
text-decoration:none;
padding-right:5px;
padding-left:5px;
font-size:9pt;
}
a.topLink:hover,active {
text-decoration:none;
color:#152052;
}
*/

a.footerLinks {
font-weight:bold;
color:#666666;
padding-left:3px;
padding-right:3px;
}

a.footerLinks:hover,active {
color:#6E0F73;
font-weight:bold;
padding-left:3px;
padding-right:3px;
}

a.footerLinks:visited {
color:#666666;
font-weight:bold;
padding-left:3px;
padding-right:3px;
}

a.footerLinks:hover, visited {
color:#6E0F73;
font-weight:bold;
padding-left:3px;
padding-right:3px;
}

.footerPhone {
padding-right:3px;
font-size:8pt;
}

.copyright {
background-color:#142052;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
text-align:right;
padding-top:5px;
padding-right:20px;
}

.credit {
background-color:#142052;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
text-align:right;
}

a.credit {
background-color:#142052;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
text-align:right;
}

a.credit:hover,active {
font-size:8pt;
color:red;
text-align:right;
text-decoration:none;
}

a.credit:visited {
color:white;
font-size:8pt;
text-align:right;
}

a.credit:hover, visited {
color:red;
font-size:8pt;
text-align:right;
text-decoration:none;
}


/* =====================================
    CSS STYLES FOR HouseMenu SkinObject
   =====================================
*/

/*********************************************************************
 Standard structural CSS that typically should not need to be changed
*********************************************************************/
#houseMenuH, #houseMenuH ul { /* all submenu lists */
	padding: 0;
	margin: 0;
	margin-top: -5px;
	border: 0;
	list-style: none;
	white-space: nowrap;
	position: relative;
	z-index: 99999;
}

#houseMenuH li { /* all list items */
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

#houseMenuH li li { /* all items under the top level */
	z-index: 11113;
}

#houseMenuH a { /* all links within the menu wrapper */
	display: block;
	margin: 0; 
	border: 0;
	padding: 0;
}

#houseMenuH li li a { /* all item links under the top level */
	margin: 0;
	border: 0;
	padding: 0;
}

#houseMenuH li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#houseMenuH li li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#houseMenuH li ul { /* second-level lists */
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	z-index: 11112;
}

#houseMenuH li ul ul { /* third-and-above-level lists */
	margin: 0;
	border: 0;
	padding: 0;
}

#houseMenuH li:hover ul ul, 
#houseMenuH li:hover ul ul ul, 
#houseMenuH li.sfhover ul ul, 
#houseMenuH li.sfhover ul ul ul {
	left: -9999px;
}

#houseMenuH li:hover ul, 
#houseMenuH li li:hover ul, 
#houseMenuH li li li:hover ul, 
#houseMenuH li.sfhover ul, 
#houseMenuH li li.sfhover ul, 
#houseMenuH li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#houseMenuH iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
}

.ArrowPointer
{
	cursor: default;
}

/* Critical notes about the CSS setup for this menu 
There are several css hacks that make this menu work.
First, the arrows. The arrows are a background image, to the right of each top link.
Note the setting for background-image is overridden in sub-lists so that they don't have the arrow.
Padding places the arrow between each link. The arrow image has been modified to add some whitespace at the bottom,
which places it squarely in the middle of the link text.
Finally, a hackish CSS display:none is applied to whatever the last link is on the menu to get rid of its arrow.
Look at the source for the last link:
<li id="houseMenuHItem61"><a id="houseMenuHLink61" href="http://bt-test.sagebridgesolutions.com/ABOUTUS/tabid/61/Default.aspx" title="About Us" tabindex="1">ABOUT US</a></li>
Note how the id corresponds with the pages tabid. This specific ID needs to be styled to have no background image.
If the order or arrangement of the main pages changes, the number part of the hack must be changed so it applies
to whatever the last link is.


*/




/*******************************************************
 Presentation CSS that typically needs to be customized
*******************************************************/
#houseMenuH, #houseMenuH ul { /* all submenu lists */
	border-top: solid 0px #000;
	border-bottom: solid 0px #000;
	width: 100%;
	height: 19px;
	line-height: 10px;
	text-align:left;
}

#houseMenuH a { /* all links within the menu wrapper */
	color :#666666;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	font-weight : normal;
	text-decoration : none;
	/*text-transform: uppercase;*/
	/*background-color: transparent;*/
	padding: 1px 13px 1px 7px;
	/* top right bottom left */
	width: auto;
	height: 18px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	_width: 100%;
	height: 11px;
	_height: 100%;
	/* end hack */
}

#houseMenuH li { /* all list items */
	/*background-color:#e9f5d9;*/
	width: 144px;
	height: 17px;
	background-image:url(../images/arrow_menu.gif);
	background-position:right;
	background-repeat:no-repeat;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: auto;
	_width: 1px;
	/* end hack */
}

#houseMenuH li a:hover {
	padding: 1px 13px 1px 7px;
	color: #152052;
	/*background-color:#e9f5d9;*/
}

#houseMenuH li ul { /* second-level lists */
	font-size: 8pt;
	width: 144px; /* width of submenu, must be set so third-level list can get shifted over properly */
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: solid 0px #333;
	margin: -2px 0 0 0;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	margin: 0 0 0 0;
	/* end hack */
	line-height: 12px;
	height: auto;
	background-color:#e9f5d9;
	background-image:none;
	background-position:bottom;
	background-repeat:repeat;
	padding-left:3px;
}

#houseMenuH li ul ul { /* third-and-above-level lists */
	margin: -18px 0 0 134px;
	_margin: -17px 0 0 134px;
	/*
	margin: -31px 0 0 144px;
	_margin: -30px 0 0 144px;
	*/
	border: solid 0px #333;
	line-height: 10px;
	background-color:#e9f5d9;
	background-image:none;
	background-position:bottom;
	background-repeat:repeat;
	padding-left:3px;
	font-size: 8pt;
}

#houseMenuH li li { /* all items under the top level */
	width: 148px;
	font-size: 8pt;
	background-color:#e9f5d9;
	background-image:none;
	background-position:bottom;
	background-repeat:repeat;
	padding-left:3px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 154px;
	_width: 144px;
	/* end hack */
}

#houseMenuH li li a { /* all item links under the top level */
	background-color: #e9f5d9;
	width: 148px;
	font-size: 8pt;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 134px;
	_width: 144px;
	/* end hack */
}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#houseMenuH #houseMenuParentItem a
{ /* all links under the parent item (li) */
	color: #333; 
	background-color: #e9f5d9; 
	text-decoration: none;
}

#houseMenuH a#houseMenuParentLink
{ /* parent link itself */
	color: #333; 
	background-color: transparent; 
	text-decoration: none;
}

#houseMenuH a#houseMenuCurrentLink
{ /* current link itself */
	color: #eee; 
	background-color: #e9f5d9; 
	text-decoration: none;
}

/* hack to hide Home because menu system does not respect setting
#houseMenuH a#houseMenuHItemHome {
display:none;
}
#houseMenuH li#houseMenuHItemHome {
display:none;
}
 */

/* hack to make HOME uppercase. */
 #houseMenuH a#houseMenuHItemHome {
 text-transform:uppercase;
}
#houseMenuH li#houseMenuHItemHome {
text-transform:uppercase;
}

/* this is the hack that stop the arrow from appearing
for the last link. Change the # to the tabid of the last link in the main menu */
#houseMenuH li#houseMenuHItem61
{
	background-image:none;
}

/* when host is displayed it is the last item so hide its arrow */
#houseMenuH li#houseMenuHItem7 {
background-image:none;
}

/* override appearance of Admin menu to make sure it does not block sub-items of the first item */
#houseMenuH li#houseMenuHItem38 {
padding-left:0px;
padding-right:0px;
background-image:none;
font-size:8pt;
display:compact;
}

/* Main Menu (solpartmenu styles)
.MainMenu_MenuContainer {
	background-color: transparent;
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: #666666; 
	font-family:Verdana; 
	font-size: 9pt; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 0px solid; 
	border-top: white 0px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
	font-weight:normal;
}
.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #e9f5d9;
	
	border-left: #EEEEEE 0px solid; 
	border-bottom: #EEEEEE 0px solid; 
	border-top: #EEEEEE 0px solid;
	
	width: 15; 
	height: 21;
}
.MainMenu_SubMenu {
	background-color: #e9f5d9;
	
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
	
}

.MainMenu_MenuBreak {

	border-bottom: #EEEEEE 0px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 0px solid;  
	border-right: #EEEEEE 0px solid; 
	
	background-color:Transparent; 
	height: 1px;
}

.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: #152052; 
	font-family: Verdana; 
	font-size: 9pt;
	font-weight:normal; 
	font-style: normal;
	background-color: Transparent;
}
 */
.topHomeBullets
{
	 vertical-align:middle;
	 text-align:left;
	 padding-left:3px;
	 padding-right:3px;
}
/*Phase-2 Chnages********************************************************************************/
.rightbarH {
	font-size:13px;
	font-weight:bold;
	line-height:21px;
	color:#152052;	
}
.rightbarH:hover,active {
	color:#6E0F73;
}
/*.rightbarH:visited {
color:#666666;
font-weight:bold;
padding-left:3px;
padding-right:3px;
}*/
.rightbarH:hover{
	color:#6E0F73;
}	

.rightbararrow{
	font-size:13px;
	color:#69b938;
	font-weight:bold;
	}
	
.righttext{
	font-size:12px;
	color:#363636;
	line-height:18px;
	}
	
.righttextitalic{
	font-size:13px;
	color:#152052;
	font-style:italic;
	line-height:18px;
	}
	
.rightname{
	color:#6e0f73;
	font-size:13px;
	}
	
.topbluebanner{
	background-image:url(/Portals/0/buy_business_builder_banner.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:210px;
	height:249px;
	}
	
.topmaroonbanner{
	background-image:url(/Portals/0/buy_professional_banner.jpg);
	width:210px;
	height:249px;
	background-repeat:no-repeat;
	background-position:top;
	}
	
.topgreenbanner{
	background-image:url(/Portals/0/buy_gateway_banner.jpg);
	width:210px;
	height:249px;
	background-repeat:no-repeat;
	background-position:top;
	}
	
.toppoints{
	font-size:11px;
	color:#ffffff;
	list-style:none;
	line-height:19px;
	}
	
.learnmore{
	font-size:11px;
	color:#ffcc00;
	text-align:right;
	padding-right:5px;
	}
.learnmore a:link{
	color:#ffcc00;
	text-decoration:none;
	}
	
.learnmore a:hover{
	color:#ffcc00;
	text-decoration:underline;
	}
	
.learnmore a:visited{
	color:#ffcc00;
	text-decoration:none;
	}

.tableborder{
	border:1px solid #d2d2d2;
	}
	
.packages{
	border-bottom:1px solid #d2d2d2;
	background-color:#f2f6ee;
	}
	
.packagesheading{
	font-size:20px;
	color:#646464;
	font-weight:bold;
	padding-left:10px;
	}
	
.packagetxt{
	font-size:14px;
	color:#454545;
	padding-left:10px;
	}

.packagesmalltxt{
	font-size:12px;
	color:#454545;
	padding-left:10px;
	padding-right:5px;
	}
.chartheading{
	font-size:18px;
	color:#646464;
	}

.featurestable{
	border-bottom:1px solid #adadad;
	border-right:1px solid #adadad;
	background-color:#ffffff;
	}
	
.featurestable td{
	border-top:1px solid #adadad;
	border-left:1px solid #adadad;
	}

.featureheading{
	font-size:18px;
	font-weight:500;
	text-align:center;
	color:#626262;
	line-height:30px;
	}
	
.gatewaypackage{
	font-size:13px;
	color:#62a42f;
	font-weight:bold;
	text-align:center;
	}
	
.professionalpackage{
	font-size:13px;
	color:#7030a0;
	font-weight:bold;
	text-align:center;
	}
.businesspackage{
	font-size:13px;
	color:#3c4b84;
	font-weight:bold;
	text-align:center;
	}
.packagesection{
	font-size:13px;
	color:#646464;
	font-weight:bold;
	line-height:24px;
	padding-left:3px;
	}
.packagepoints{
	font-size:13px;
	color:#454545;
	line-height:24px;
	text-align:right;
	padding-right:10px;
	line-height:26px;
	}
.packagepricing{
	font-size:15px;
	color:#333333;
	font-weight:bold;
	line-height:30px;
	padding-left:3px;
	}
	
.pricinggreen{
	font-size:18px;
	font-weight:bold;
	color:#62a42f;
	text-align:center;
	}
	
.pricingpink{
	font-size:18px;
	font-weight:bold;
	color:#7030a0;
	text-align:center;
	}
	
.pricingblue{
	font-size:18px;
	font-weight:bold;
	color:#3c4b84;
	text-align:center;
	}
	
.descheading{
	font-size:16px;
	color:#646464;
	line-height:24px;
	font-weight:bold;
	}
	
.desccontent{
	font-size:12px;
	color:#454545;
	}
.upgradeheading{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#626262;
	line-height:30px;
	}

.upgradepoints{
	font-size:13px;
	color:#454545;
	line-height:24px;
	text-align:left;
	padding-left:10px;
	line-height:26px;
	}
	
.upgradegreen{
	font-size:13px;
	color:#62a42f;
	font-weight:bold;
	text-align:right;
	padding-right:4px;
	}
	
.upgradepink{
	font-size:13px;
	color:#7030a0;
	font-weight:bold;
	text-align:right;
	padding-right:4px;
	}
	
.upgradeblue{
	font-size:13px;
	color:#3c4b84;
	font-weight:bold;
	text-align:right;
	padding-right:4px;
	}
	
.upgradesavings{
	font-size:13px;
	color:Red;/*#ca8603*/
	font-weight:bold;
	text-align:right;
	padding-right:4px;
	}
	
.newssignup{
	border-bottom:4px solid #3c4b84;
	border-left:1px solid #3c4b84;
	border-right:1px solid #3c4b84;
	}
	
.signuptext{
	font-size:11px;
	color:#2c2c2c;
	}
	
.signuplabel{
	font-size:12px;
	color:#2c2c2c;
	}
	
.closex{
	font-size:11px;
	color:#2c2c2c;
	text-align:right;
	vertical-align:top;
	}
.additionalpoints{
	font-size:13px;
	color:#626262;
	line-height:24px;
	text-align:left;
	padding-left:10px;
	line-height:26px;
	font-weight:bold;
	}
.additionalsavings{
	font-size:12px;
	color:#ca8603;
	font-weight:bold;
	text-align:right;
	line-height:21px;
	}
.additionalprice{
	font-size:12px;
	color:#626262;
	font-weight:bold;
	text-align:right;
	padding-right:4px;
	line-height:21px;
	}
#tabs {
	float:left;
	background:url("../images/button_left.jpg") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	font-size:13px;
	line-height:normal;
	border-bottom:1px solid #666;
	overflow:hidden;	
	}

#tabs span {
	float:left;
	display:block;
	background:url("../images/button_right.jpg") no-repeat right top;
	padding:2px 10px 4px 6px;
	margin-right:0px;
	color:#3c4b84;
	font-size:13px;
	font-weight:bold;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs span:hover 
{
	text-decoration:underline;
}	
.contentlink{
color:#ad0cb9;/*#ca8603;*/
font-weight:bold;
text-decoration:none;
}
.contentlink a:link{
color:#ad0cb9;/*#ca8603;*/
font-weight:bold;
text-decoration:underline;
}
.contentlink a:visited{
color:#ad0cb9;/*#ca8603;*/
font-weight:bold;
text-decoration:underline;
}