html
{
	margin: 0;
	padding: 0;
	height: 100%;
}

body
{
	background-color: #FFF;
	background-image: url(../ImagesOpenface/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	height: 100%;
}

a.topLink,  a.headerLink:visited
{
	color: #fff;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	text-decoration: none;
}

a.topLink:hover
{
	text-decoration: underline;
}

a.headerLink, a.headerLink:visited
{
	color: #fff;
	font: bold 10px Lucida Sans Unicode, Verdana, Arial Black, Sans-Serif;
	text-decoration: none;
}
a.headerLink:hover
{
	text-decoration: underline;
}

a.contentLink, a.contentLink:visited
{
	color: #000;
	font: bold 10px Lucida Sans Unicode, Verdana, Arial Black, Sans-Serif;
	text-decoration: none;
}
a.contentLink:hover
{
	text-decoration: underline;
}

img
{
	border: 0;
}

.site	
{
	padding-top: 0px;
}

.page
{
	width: 970px;
}

input.button
{
	background-image: url(../ImagesOpenface/buttonFiller.png);
	font: bold 10px verdana, arial, helvetica, sans-serif;
	padding: 0px 5px 0px 5px;
	margin: 2px 0px 2px 0px;
	width: auto;
    overflow: visible;
	height: 20px;
	border: 1px solid #eee;
}

.separator
{
	padding-top: 10px;
}

.importantmsg
{
	color: #f00;
	font-size: 10px;
}

.fixedError
{
	color: #f00;
	font-size: 10px;
}

.message
{
	color: #000;
	font-size: 12px;
}

.loginLabels
{
	color: #fff;
	font-size: 10px;
}

.loginFail
{
	position: absolute;
	top: -15px;
	left: 185px;
}

.partners
{
	background-image: url(../ImagesOpenface/partnerFooterBg.png);
	background-repeat: repeat-x;
	height: 56px;
	margin-bottom: -1px;
}

.partnersPadding
{
	padding-top: 15px;
	text-align: center;
}

.siteFooter
{
	background-repeat: repeat-x;
	height: 44px;
	width: 100%;
}

.siteFooter table td
{
	color: #ddd;
	font-size: 12px;
}

.siteFooter table
{
	padding-top: 15px;
	padding-bottom: 15px;
}

.partnerItem
{
	width: 300px;
	text-align: center;
}

.contactInfo
{
	color: #fff;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	background-image: url(../ImagesOpenface/contactInfoTop.png);
	width: 550px;
	height: 40px;
}

/* ------------------------------------------------------------------------ */
/* Full colored Rounded bordered containers - LOGIN */
.DBFrbTop, .DBFrbBottom { display:block; background:transparent; font-size:1px; }
.DBFrb1, .DBFrb2, .DBFrb3, .DBFrb4 { display:block; overflow:hidden; }
.DBFrb1, .DBFrb2, .DBFrb3 { height:1px; }
.DBFrb2, .DBFrb3, .DBFrb4 { border-left:1px solid #08428b; border-right:1px solid #08428b; }

.DBFrb1 { margin:0 5px; background:#08428b; }
.DBFrb2 { margin:0 3px; border-width:0 2px; }
.DBFrb3 { margin:0 2px; }
.DBFrb4 { height:2px; margin:0 1px; }

.DBFrbContent
{
	color: #fff;
	display: block;
	border:0 solid #08428b;
	border-width:0 1px;
	padding: 10px 10px 10px 10px;
}

.DBFrbContent, .DBFrb2, .DBFrb3, .DBFrb4 { background-color: #08428b; } /* set background color */
/* ------------------------------------------------------------------------ */
/* Full colored footer tab */
.FooterTabRbTop, .FooterTabRbBottom { display:block; background:transparent; font-size:1px; }
.FooterTabRb1, .FooterTabRb2, .FooterTabRb3, .FooterTabRb4 { display:block; overflow:hidden; }
.FooterTabRb1, .FooterTabRb2, .FooterTabRb3 { height:1px; }
.FooterTabRb2, .FooterTabRb3, .FooterTabRb4 { border-left:1px solid #9BC6F0; border-right:1px solid #9BC6F0; }

.FooterTabRb1 { margin:0 5px; background:#9BC6F0; }
.FooterTabRb2 { margin:0 3px; border-width:0 2px; }
.FooterTabRb3 { margin:0 2px; }
.FooterTabRb4 { height:2px; margin:0 1px; }

.FooterTabRbContent
{
	display: block;
	border:0 solid #9BC6F0;
	border-width:0 1px;
	padding: 5px 5px 5px 5px;
}

.FooterTabRbContent, .FooterTabRb2, .FooterTabRb3, .FooterTabRb4 { background-color: #9BC6F0; } /* set background color */
/* ------------------------------------------------------------------------ */

.title
{
	font-size: 18px;
}

.topBanner
{
	background-image: url(../ImagesOpenface/topBannerUpdated.png);
	width: 939px;
	height: 209px;
	vertical-align: top;
	text-align: right;
	position:relative;
	margin-bottom:8px;
}

.topBanner.fr
{
	background-image: url(../ImagesOpenface/topBannerUpdated_fr.png); 
}
.demoLink
{
    position:absolute;
    width:100px;
    height:42px;
    left:592px;
    top:75px;
}

a.companyAccount
{
    position:absolute;
    left:592px;
    top:182px;
    color:#fff;
    font-weight:bold;
    text-decoration:underline;
}

.topDesc
{
	padding-top: 30px;
	vertical-align: top;
}

.topSignup
{
	text-align: left;
	vertical-align: bottom;
	width: 250px;
}

.topTitle
{
	color: #85B428;
	font-size: 30px;
}

.Topprice
{
	font-size: 70px;
	letter-spacing: -5px;
}

.ToppriceDollar
{
	font-size: 26px;
	position: relative;
	top: -30px;
	left: 10px;
}

.ToppriceCh
{
	font-size: 26px;
	position: relative;
	top: -30px;
	left: 0px;
}

.ToppricePeriod
{
	font-size: 18px;
	position: relative;
	top: 0px;
	left: -30px;
}
.hPadding
{
	padding-top: 10px;
	padding-left: 20px;
	text-align: left;
}

.tagline
{
    color:#0B3666;
    font-family:"Trebuchet MS",Sans-Serif;
    font-size:28px;
    letter-spacing:12px;
    padding-bottom:0;
    padding-left:144px;
    padding-right:0;
    padding-top:37px;
    text-align:center;
    width:416px;
}

.tagline1
{
    color: #0B3666;
    padding-bottom:0;
    padding-left:125px;
    padding-right:0;
    padding-top:37px;
    text-align:left;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
}

.tagline2
{
    padding-bottom:0;
    padding-left:125px;
    padding-right:0;
    padding-top:6px;
    text-align:left;
    width:405px;    
	font-size: 11px;	
	line-height: 15px;
}
.tagline3
{
    color: #0B3666;
    padding-bottom:0;
    padding-left:125px;
    padding-right:0;
    padding-top:10px;
    text-align:left;    
	font-size: 20px;	
	font-weight: bold;	
}
.topBanner.fr .tagline
{
    letter-spacing:5px;
    width:432px;
}

.fPadding
{
	position:relative;
}

.fPadding a, .spanPkgPrice
{
	position:absolute;
	top:15px;
}

.fPadding a
{
    left:45px;
}

.spanPkgPrice
{
    right:40px;
    top:8px;
}


.pkgContentPadding
{
	padding: 5px 10px 10px 20px;
}

.pkgContentOrange
{
	background-image: url(../ImagesOpenface/pkgFillerOrange.png);
	background-repeat: repeat-y;
	width: 302px;
	padding: 2px 20px 0px 2px;
}

.orangeHeader
{
	background-image: url(../ImagesOpenface/pkgOrangeTop.png);
	width: 322px;
	height: 47px;
}

.orangeFooter
{
	background-image: url(../ImagesOpenface/pkgOrangeBottom.png);
	width: 322px;
	height: 78px;
	text-align: center;
}

.pkgContentBlue
{
	background-image: url(../ImagesOpenface/pkgFillerBlue.png);
	background-repeat: repeat-y;
	width: 317px;
	padding: 2px 0px 0px 2px;
}

.blueHeader
{
	background-image: url(../ImagesOpenface/pkgBlueTop.png);
	width: 317px;
	height: 47px;
}

.blueFooter
{
	background-image: url(../ImagesOpenface/pkgBlueBottom.png);
	width: 317px;
	height: 78px;
	text-align: center;
}

.pkgContentGreen
{
	background-image: url(../ImagesOpenface/pkgFillerGreen.png);
	background-repeat: repeat-y;
	width: 317px;
	padding: 2px 0px 0px 2px;
}

.greenHeader
{
	background-image: url(../ImagesOpenface/pkgGreenTop.png);
	width: 322px;
	height: 47px;
}

.greenFooter
{
	background-image: url(../ImagesOpenface/pkgGreenBottom.png);
	width: 322px;
	height: 78px;
	text-align: center;
}

table td
{
	font-family: Verdana, Sans-Serif;
}

.packageDescriptionsOrange
{
	list-style-image: url(../ImagesOpenface/bullet_orange.gif);
	margin: 0;
	padding-left: 15px;
	text-align: left;
}

.packageDescriptionsBlue
{
	list-style-image: url(../ImagesOpenface/bullet_blue.gif);
	margin: 0;
	padding-left: 15px;
	text-align: left;
}

.packageDescriptionsGreen
{
	list-style-image: url(../ImagesOpenface/bullet_green.gif);
	margin: 0;
	padding-left: 15px;
	text-align: left;
}

.packageDescriptionsOrange li
{
	color: #000;
	font: 11px Arial, Sans-Serif;
}

.packageDescriptionsGreen li
{
	color: #000;
	font: 11px Arial, Sans-Serif;
}


.packageDescriptionsBlue li
{
	color: #000;
	font: 11px Arial, Sans-Serif;
}


.bottomTitle
{
	color: #000;
	font-weight: bold;
	font-size: 22px;
}

.descText
{
	padding: 8px 0px 5px 0px;
	font: bold 11px Sans-Serif;
	text-align: left;
}

.price
{
	font-size: 33px;
	letter-spacing: -1.2px;
}

.pricech
{
	font-size: 20px;
}

.pricePeriod
{
	font: bold 12px Arial Narrow, Arial, Sans-Serif;
}

.spanPkgPrice
{
	/*position: relative;
	top: 15px;
	left: 0px*/
}

.middleBanLeft
{
	color: #63BCF3;
	font: 28px Arial, Sans-Serif;
	text-align: left;
	width: 270px;
}

.middleBanFeatures
{
	color: #fff;
	font: bold 12px Arial, Sans-Serif;
	text-align: left;
	width: 270px;
}

.featureSeparator
{
	padding-top: 7px;
}

.dgAlterItem
{
	font: 10px Arial, Lucida Sans Unicode, Verdana, Sans-Serif;
	background-color : #ffffff;
	vertical-align: middle;
}
.dgItem
{
	font: 10px Arial, Lucida Sans Unicode, Verdana, Sans-Serif;
	background-color: #d4e4f3;
	vertical-align: middle;
}

/* ------------------------------------------------------------------------ */
/* TOP LIST HEADER */
.headerRbTop, .headerRbBottom { display:block; background:transparent; font-size:1px; }
.headerRb1, .headerRb2, .headerRb3, .headerRb4 { display:block; overflow:hidden; }
.headerRb1, .headerRb2, .headerRb3 { height:1px; }
.headerRb2, .headerRb3, .headerRb4 { border-left:1px solid #e4f0fa; border-right:1px solid #e4f0fa; }

.headerRb1 { margin:0 5px; background:#e4f0fa; }
.headerRb2 { margin:0 3px; border-width:0 2px; }
.headerRb3 { margin:0 2px; }
.headerRb4 { height:2px; margin:0 1px; }

.headerRbContent
{
	color: #fff;
	display: block;
	border:0 solid #e4f0fa;
	border-width:0 1px;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

.headerRbContent, .headerRb2, .headerRb3, .headerRb4 { background-color: #346e9f; } /* set background color */
/* ------------------------------------------------------------------------ */
/* TOP LIST FOOTER */
.footerRbTop, .footerRbBottom { display:block; background:transparent; font-size:1px; }
.footerRb1, .footerRb2, .footerRb3, .footerRb4 { display:block; overflow:hidden; }
.footerRb1, .footerRb2, .footerRb3 { height:1px; }
.footerRb2, .footerRb3, .footerRb4 { border-left:1px solid #e4f0fa; border-right:1px solid #e4f0fa; }

.footerRb1 { margin:0 5px; background:#e4f0fa; }
.footerRb2 { margin:0 3px; border-width:0 2px; }
.footerRb3 { margin:0 2px; }
.footerRb4 { height:2px; margin:0 1px; }

.footerRbContent
{
	color: #fff;
	display: block;
	border:0 solid #e4f0fa;
	border-width:0 1px;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

.footerRbContent, .footerRb2, .footerRb3, .footerRb4 { background-color: #346e9f; } /* set background color */

/* ------------------------------------------------------------------------ */
/* Full colored Rounded bordered containers - LIGHT BLUE */
.FrbTop, .FrbBottom { display:block; background:transparent; font-size:1px; }
.Frb1, .Frb2, .Frb3, .Frb4 { display:block; overflow:hidden; }
.Frb1, .Frb2, .Frb3 { height:1px; }
.Frb2, .Frb3, .Frb4 { border-left:1px solid #e4f0fa; border-right:1px solid #e4f0fa; }

.Frb1 { margin:0 5px; background:#e4f0fa; }
.Frb2 { margin:0 3px; border-width:0 2px; }
.Frb3 { margin:0 2px; }
.Frb4 { height:2px; margin:0 1px; }

.FrbContent
{
	display: block;
	border:0 solid #e4f0fa;
	border-width:0 1px;
	padding: 10px 10px 10px 10px;
}

.FrbContent, .Frb2, .Frb3, .Frb4 { background-color: #e4f0fa; } /* set background color */

.spaces10
{
	padding: 10px 10px 10px 10px;
}

.cpTitle
{
	font-size: 16px;
	font-weight: bold;
}

.cpSubTitle
{
	/*background-image: url(../ImagesOpenface/sectionTFiller.jpg);*/
	background-color:Transparent;
	color: #073E81;
	font: normal 13px Sans-Serif;
	height: 24px;
}

.cpSubTitleContent
{
	padding: 5px 2px 2px 10px;
}

.box
{
	border: 1px solid #aaa;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

/*==========Login========================*/
.loginBox input.text
{
    width:125px;
}
/*========================================*/

.corporate_text
{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
}

.titleContent
{
	padding-left: 40px;
}

.corporate_header
{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}