/* ------------------------------------- CORE ELEMENTS ------------------------------------- */
.body { margin: 0; border-style: none; 
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
	background-color: #FFF;
	font: 12px Arial;
	color: #777777;	
}

ul,  li,  li a { vertical-align:bottom;}

tr.listItem td {
	color: #777777;	
}

td {
	border-width: 0px;	
}

a:link {color: #0C79CD; text-decoration: none;}
a:hover {color: #0C79CD; text-decoration: underline;}
a:visited {color: #0C79CD; text-decoration: none;}
a:active {color: #0C79CD; text-decoration: none;}

a.whitelinks:link {color: #FFFFFF; text-decoration: none;}
a.whitelinks:hover {color: #FFFFFF; text-decoration: underline;}
a.whitelinks:visited {color: #FFFFFF; text-decoration: none;}
a.whitelinks:active {color: #FFFFFF; text-decoration: none;}

:focus { -moz-outline-style: none; }

table {
	empty-cells: show;
	border-collapse: collapse;
	font: 12px Arial;
}
img {
	border: 0;
	border-style: none;
}

/* ------------------------------------- DIMENSIONS ------------------------------------- */
.wide {	width: 100%; }
.noHeight { height: 0px; }


/* ------------------------------------- ALIGNMENTS ------------------------------------- */
.center { text-align:center; }
.top { vertical-align: top; }
.left { text-align: left; }
.right { text-align: right; }


/* ------------------------------------- BACKGROUND COLORS ------------------------------------- */
.darkBlueBG { background-color: #0C79CD; }
.darkGreenBG { background-color: #02AC1C; }
.darkCyanBG { background-color: #00C1CC; }
.darkPurpleBG { background-color: #9C01C2; }
.darkRedBG { background-color: #CA2A02; }
.darkYellowBG { background-color: #F2EC02; }
.darkOrangeBG { background-color: #F7AE04; }
.darkBrownBG { background-color: #CFA934; }
.darkGrayBG { background-color: #777777; }

.darkerBlueBG { background-color: #0A63A5; }

.mediumBlueBG { background-color: #3391D8; }
.mediumGreenBG { background-color: #03BD1F; }
.mediumCyanBG { background-color: #16E4F5; }
.mediumPurpleBG { background-color: #C701F8; }
.mediumRedBG { background-color: #CA2A02; }
.mediumYellowBG { background-color: #FDF706; }
.mediumOrangeBG { background-color: #FBC037; }
.mediumBrownBG { background-color: #DEC270; }
.mediumGrayBG { background-color: #BBBBBB; }




.lightBlueBG { background-color: #C3D9FF; }


/* ------------------------------------- TEXT SIZES ------------------------------------- */
.xxxsmall { font-size: 6px; }
.xxsmall { font-size: 7px; }
.xsmall { font-size: 8px; }
.small { font-size: 10px; }
.medium { font-size: 14px; }
.large { font-size: 18px; }
.xlarge { font-size: 22px; }
.xxlarge { font-size: 26px; }

/* ------------------------------------- TEXT STYLES ------------------------------------- */
.bold { font-weight: bold; }
.italic { font-style: italic; }

/* ------------------------------------- FOREGROUND COLORS ------------------------------------- */
.darkBlue { color: #0C79CD; }
.darkGreen { color: #02AC1C; }
.darkCyan { color: #00C1CC; }
.darkPurple { color: #9C01C2; }
.darkRed { color: #FD3F0F; }
.darkYellow { color: #F2EC02; }
.darkOrange { color: #F7AE04; }
.darkBrown { color: #CFA934; }
.darkGray { color: #777777; }

.mediumBlue { color: #3391D8; }
.mediumGreen { color: #03BD1F; }
.mediumCyan { color: #16E4F5; }
.mediumPurple { color: #C701F8; }
.mediumRed { color: #CA2A02; }
.mediumYellow { color: #FDF706; }
.mediumOrange { color: #FBC037; }
.mediumBrown { color: #DEC270; }
.mediumGray { color: #BBBBBB; }

.white { color: #FFF; }


/* ------------------------------------- TOP NAV LAVALAMP ------------------------------------- */
/* Styles for LavaLamp menu */
.menuContainer { 
	height: 46px; 
	overflow: hidden;
	text-align: center;
}
.menuSpacer {
	height: 8px;
	line-height:0px;
	font-size: 0px;
}
.lavaLamp {
	position: relative;
	height: 100%; 
	width: 950px;
	padding: 0px; 
	margin: auto;
	overflow: hidden;
}
.lavaLamp li {
	float: left;
	list-style: none;
}
.lavaLamp li.backLava {
	background: url("https://www.rollbase.com/currentmenubg.png") no-repeat right -30px;
	width: 9px;
	height: 30px;
	z-index: 8;
	position: absolute;
}
.lavaLamp li.backLava .leftLava {
	background: url("https://www.rollbase.com/currentmenubg.png") no-repeat top left;
	height: 30px;
	margin-right: 9px;
}
.lavaLamp li a {
	position: relative; 
	overflow: hidden;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 12px Arial;
	color: #fff; 
	outline: none;
	text-align: left;
	height: 30px; 
	top: 8px;
	z-index: 30; 
	letter-spacing: 0;
	float: left; 
	display: block;
	margin: auto 15px;
}

.lavaLamp li a:hover { color:#fff; text-decoration: underline;}
.lavaLamp li a:link { color:#fff; text-decoration: none;}
.lavaLamp li a:active { color:#fff; text-decoration: none;}
.lavaLamp li a:visited { color:#fff; text-decoration: none;}

.lavaLamp li.login {
	text-align: right;
	float: right; 
}

.lavaLamp li.nav a {
	text-align: center;
	font: 18px Arial;
	float: center;
	top: 4px;
	margin: auto 12px;
}

.lavaLamp li.page {}

/* ------------------------------------- LOGO AND LINKS HEADER ------------------------------------- */
.logoContainer {
	height: 95px; 
	/*overflow: hidden;*/
}
.logoContent {
	position: relative;
	height: 100%; 
	width: 950px;
	padding: 8px; 
	margin: auto;
	/*overflow: hidden;*/
	text-align: left;
}
.logo {
	position: absolute;
	top: 12px;
	background: url("https://www.rollbase.com/rollbaselogo.png") no-repeat;
	height: 68px;
	width: 258px;
}
.linksHeaderTop {
	position: absolute;
	top: 30px;
	font: bold 16px Arial;
	width: 97%;
	text-align: right;
}
.linksHeaderBottom {
	position: absolute;
	top: 55px;
	width: 97%;
	text-align: right;
}

.newVersionInfoContainer {
	position: absolute;
	top: 111px;
	width:100%;
	overflow: hidden;
	height:30px;
	text-align: center;
	z-index:0;	
}
.newVersionInfo {
	position: relative;
	width: 320px;
	padding: 8px; 
	height: 40px; 
	margin:auto;
	text-align: center;
	background-color: #FFFF99;
	color: #000;
	overflow:hidden;
	

	-moz-border-radius:10px;
	border-radius:10px;
	
}



/* ------------------------------------- MAIN BANNER AND CAROUSEL ------------------------------------- */
.bannerContainer {
	height: 275px; 
	z-index: 20;
}
.bannerContent {
	position: relative;
	left:10px;
	height: 100%; 
	width: 950px;
	padding: 8px; 
	margin: auto;
	text-align: left;
	z-index: 20;
	overflow:hidden;
}

.bannerStaticLeft {
	position: absolute;
	top: 0px;
	height: 230px;
	width: 55%;
	color: #fff;
}
.bannerHeader {
	position: absolute;
	top: 30px;
	left: 0px;
	font: bold 28px Arial;
	text-shadow: #0A63A5 0 2px 2px;
}
.bannerText {
	position: absolute;
	top: 82px;
	width: 490px;
	left: 0px;
	font: 16px Arial;
	text-shadow: #0A63A5 0 1px 1px;
}
.bannerButtons {
	position: absolute;
	left: 10px;
	top: 194px;
}
.bannerTourButton{
	position: absolute;
	width: 142px;
	height: 41px;
	background: url("https://www.rollbase.com/takethetour.png") no-repeat;
}
.bannerOrText{
	position: absolute;
	font: italic 16px Arial;
	top: 8px;
	left: 154px;
}
.bannerTrialButton{
	position: absolute;
	width: 279px;
	height: 71px;
	top: -30px;
	left:70px;
	background: url("https://www.rollbase.com/images/getstarted.png") no-repeat;
}

.bannerOptionsContainer {
	position: absolute;
	top: 401px;
	height: 120px; 
	overflow: hidden;
}
.bannerOptionsContent {
	position: relative;
	height: 100%; 
	width: 950px;
	padding: 10px; 
	margin:auto;
	text-align: right;
}
.bannerOptionsText {
	position: relative;
	font-size: 14px;
	font-style: italic;
	color: #fff;
	text-align: left;
	text-shadow: #0A63A5 0 2px 2px;
}

.hostedcloud {
	position: absolute;
	width: 400px;
	height: 100px;	
	top: 17px;
	left: 25px;
	text-align: center;
	cursor:pointer;
}

.privatecloud {
	position: absolute;
	width: 400px;
	height: 100px;	
	top: 17px;
	left: 550px;
	text-align: center;
	cursor:pointer;
}

.bannerBottomContainer {
	position: absolute;
	top: 501px;
	height: 36px; 
	overflow: hidden;
}
.bannerBottomContent {
	position: relative;
	height: 100%; 
	width: 950px;
	padding: 10px; 
	margin:auto;
	text-align: right;
}
.bannerBottomText {
	position: relative;
	font: bold 14px Arial;
	color: #fff;
	text-align: center;
}

.demovideo {
	position: absolute;
	width: 369px;
	height: 242px;	
	top: 10px;
	left: 565px;
	background: url("https://www.rollbase.com/images/rbfulldemo.png") no-repeat;
}

.demovideo2 {
	position: absolute;
	width: 218px;
	height: 218px;	
	top: 14px;
	left: 520px;
	background: url("https://www.rollbase.com/images/rbdemohome.png") no-repeat;
	cursor:pointer;
}

.getthebook {
	position: absolute;
	width: 182px;
	height: 221px;	
	top: 10px;
	left: 767px;
	background: url("https://www.rollbase.com/images/rbbookhome.png") no-repeat;
	cursor:pointer;
}



/* ------------------------------------- HOME TOUR ------------------------------------- */
.spotlightCustomersContainer {
	height: 430px; 
}
.spotlightCustomersContent {
	position: relative;
	height: 200px;
	width: 950px;
	padding: 0px; 
	margin: auto;
	text-align:left;
}

.homeContainer {
	position: relative;
	top: 140px;
	height: 660px; 
}

.homeContent {
	position: relative;
	width: 950px;
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px; 
	margin: auto;
	text-align:left;
	left:10px;
}


/* ------------------------------------- FOOTER ------------------------------------- */

.footerTop {
	height: 30px;
	//border-top: solid 1px #3391D8;
	//border-bottom: solid 1px #0C79CD;
	position: relative;
	background-color: #E9E9E9;
}
.footerTopText {
	position: relative;
	height: 100%; 
	width: 950px;
	padding: 8px; 
	margin: auto;
	text-align: center;
	font: bold 12px Arial;
	color: #444;
}

.footerContainer {
	height: 270px; 
}
.footerContent {
	position: relative;
	height: 100%; 
	width: 950px;
	padding: 8px; 
	margin: auto;
	text-align: left;
	z-index: 20;	
	left: 10px;
}

.footerBottomContainer {
	height: 130px; 
	overflow: hidden;
}
.footerBottomContent {
	position: relative;
	height: 100%; 
	width: 950px;
	padding: 8px; 
	margin: auto;
	text-align: left;
	z-index: 20;
	overflow: hidden;
	left: 10px;
}

.footerBottomAddress {
	position: absolute;
	top: 20px;
	line-height: 18px;
}

.footerBottomContact {
	position: absolute;
	top: 20px;
	left: 170px;
	line-height: 18px;
}

.footerBottomCopyright {
	position: absolute;
	top: 20px;
	left: 790px;
	line-height: 18px;
	text-align: right;
}

.footerContentCol1 {
	position:absolute;
	top:20px;
	left:10px;
}

.footerContentCol2 {
	position:absolute;
	top:20px;
	left:413px;
}

.footerContentCol3 {
	position:absolute;
	top:20px;
	left:565px;
}

.footerContentCol4 {
	position:absolute;
	top:20px;
	left:746px;
}

.footerContentTitle {
	color: #FFF;
	font: bold 16px Arial;
}

.feedburnerFeedBlock {
	color: #FFF;
	margin-left: 0px; 
	padding-left: 0px;
	line-height: 20px;
	width: 330px;
	margin:0;
}

.feedburnerFeedBlock ul {
	padding: 0;
	margin-left: 15;
	margin-top: 5;
	
}

.feedburnerFeedBlock li a:hover { color:#fff; text-decoration: underline;}
.feedburnerFeedBlock li a:link { color:#fff; text-decoration: underline;}
.feedburnerFeedBlock li a:active { color:#fff; text-decoration: underline;}
.feedburnerFeedBlock li a:visited { color:#fff; text-decoration: underline;}

#creditfooter {
	display:none;
}

.footerContentSiteMap {
	color: #FFF;
	margin-left: 0px; 
	padding-left: 0px;
	line-height: 20px;
	width: 110px;
	margin:0;	
}

.footerContentSiteMap ul {
	list-style: none;
	padding: 0;
	margin-left: 2;
	margin-top: 5;
}

.footerContentSiteMap li a:hover { color:#fff; text-decoration: underline;}
.footerContentSiteMap li a:link { color:#fff; text-decoration: underline; }
.footerContentSiteMap li a:active { color:#fff; text-decoration: underline; }
.footerContentSiteMap li a:visited { color:#fff; text-decoration: underline; }

.footerContentSocial {
	color: #FFF;
	margin-left: 0px; 
	padding-left: 0px;
	line-height: 20px;
	width: 200px;
	margin:0;	
}

.footerContentSocial ul {
	list-style: none;
	padding: 0;
	margin-left: 2;
	margin-top: 5;
}

.footerContentSocial li a:hover { color:#fff; text-decoration: underline;}
.footerContentSocial li a:link { color:#fff; text-decoration: underline;}
.footerContentSocial li a:active { color:#fff; text-decoration: underline;}
.footerContentSocial li a:visited { color:#fff; text-decoration: underline;}

.foot_links a.social{ float: left; margin-right: 10px; display: block;width: 32px;height: 32px;background: url('https://www.rollbase.com/images/social_sprite.jpg') no-repeat 0px 0px;text-indent:-5000px;}
.foot_links a.twitter:hover{background-position:-32px 0px}
.foot_links a.facebook{background-position:-64px 0px}
.foot_links a.facebook:hover{background-position:-96px 0px}
.foot_links a.linkedin{background-position:0px -32px}
.foot_links a.linkedin:hover{background-position:-32px -32px}

.grid_2{ margin-right:9px;}

/* ------------------------------------- PAGE TITLE AND MENUS ------------------------------------- */

.pageTitleContainer {
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
	position: relative;
	z-index: 45;
}
.pageTitle {
	position: relative;
	height: 52px; 
	width: 930px;
	margin: auto;
	text-align: left;
	font: bold small-caps 24px Helvetica;
	color: #0C79CD;
	background-color:#E9E9E9;
	z-index: 45;
}
.pageTitleText {
	position: absolute;
	top: 10px;
	left: 14px;
	z-index: 45;
}
.pageContainer {
	overflow:hidden;
	text-align:center;
}
.page {
	position: relative;
	width: 962px;
	margin: auto;
	text-align: center;
	font: bold 12px Arial;
	background-color: #fff;
	overflow:hidden;
}
.pageInner { 
	margin: 0; 
	background: #fff;
	padding: 10px; 
}
.pageInnerContent { 
	position: relative;
	margin: 0; 
	background: #fff;
	padding: 10px; 
	top:5px;
}
.pageOuter {
	position: relative;
	left: 0px;
	top: 0px;
	width: 740px;
	float: left; 
	margin: 15px; 
	background: #C3D9FF; 
	padding: 8px; 
}
.pageContent {
	position: relative;
	z-index: 40;
	text-align: left;
	font: 12px Arial;
	color: #777777;
}
.figureContainer {
	width: 100%;
	border: solid 2px #DDDDDD;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:0px;
	border-style:solid;
	border-width:1px;
}
.figure {
	text-align: right;
	margin:5px;
}
.caption {
	font: 12px Arial;
	text-align: left;
	color: #777777;
	margin:5px;
}
.titleHeader {
	color: #000;  
	font: bold 16px Arial;	
}
.header {
	color: #0C79CD;  
	font: bold 14px Arial;	
	width:100%;
}
.colheader {
	color: #0C79CD;  
	font: bold 14px Arial;
}


.lavaLampVertical {
	position: relative;
	width: 190px;
	top: 40px; 
	left: 20px;
	overflow: hidden;
	background-color:#FFFFFF;
}
.lavaLampVertical li {
	list-style: none;
	border-bottom: solid 1px #C3D9FF;
	background-color: #FFFFFF;
}
.lavaLampVertical li a {
	text-decoration: none;
	font: bold 12px Arial;
	outline: none;
	text-align: left;
	z-index: 10;
	height: 30px; 
	top: 8px;
	z-index: 30; 
	display: block;
	position: relative;
	overflow: hidden;
	margin: auto 15px;
}

.blueLava li.backLava {
	background-color: #C3D9FF;
	width: 9px;
	height: 30px;
	z-index: 8;
	position: absolute;
	border-bottom: none;
}
.blueLava li a:hover, a:link, a:active, a:visited { color:#0C79CD; text-decoration: underline;}

/* -------------------------- Social Stuff -------------------------------------*/

.tweet {
	height: 50px;
	width: 90px;
	float: right;
	margin-right: 10px;
}
.linkedin {
	height: 50px;
	width: 110px;
	float: right;
	margin-right: 10px;
}

.fbook {
	height: 50px;
	width: 30px;
	float: right;
	margin-right: 10px;
}
.gplus {
	height: 50px;
	width: 30px;
	float: right;
	margin-right: 10px;
}