/* ------------------------------------- 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;	
}

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;}

: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; }

.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; }

/* ------------------------------------- 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; }
.lavaLamp li a:active { color:#fff; }
.lavaLamp li a:visited { color:#fff; }

.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: 280px;
	padding: 8px; 
	height: 40px; 
	margin:auto;
	text-align: center;
	background-color: #CCFF99;
	color: #000;
	overflow:hidden;
}



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

.bannerStaticLeft {
	position: absolute;
	top: 0px;
	height: 260px;
	width: 55%;
	color: #fff;
}
.bannerHeader {
	position: absolute;
	top: 40px;
	font: bold 29px Arial;
}
.bannerSubHeader {
	position: absolute;
	top: 95px;
	font: bold 20px Arial;
}
.bannerText {
	position: absolute;
	top: 128px;
	font: 16px Arial;
}
.bannerButtons {
	position: absolute;
	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: 183px;
	height: 41px;
	left: 180px;
	background: url("https://www.rollbase.com/tryitforfree.png") no-repeat;
}

.bannerBottomContainer {
	position: absolute;
	top: 401px;
	height: 82px; 
	overflow: hidden;
}
.bannerBottomContent {
	position: relative;
	height: 100%; 
	width: 950px;
	padding: 8px; 
	margin:auto;
	text-align: right;
}
.carouselNavMenu {
	position: absolute;
	top: 30px;
	left: 330px;
	width: 200px;
	text-align: right;
	z-index:30;
}
.carousel {
	position: absolute;
	top: -22px;
	width: 414px;
	left: 525px;
	height: 68px;
	color: #fff;
	text-align: left;
	z-index:30;
}
.carouselUL {
	padding: 0;
	margin-left: 0;
	margin-top:0;
	list-style:none;
}

/* ------------------------------------- HOME TOUR ------------------------------------- */
.homeTourContainer {
	height: 430px; 
}
.homeTourContent {
	position: relative;
	height: 200px;
	width: 950px;
	padding: 0px; 
	margin: auto;
	text-align:left;
}
.homeTourContent .tourThumb1 {
	position: absolute;
	left: 5px;
	top: 25px;
	background: url("https://www.rollbase.com/tourthumb1.png") no-repeat;
	width: 202px;
	height: 119px;	
}
.homeTourContent .tourThumb2 {
	position: absolute;
	left: 225px;
	top: 25px;
	background: url("https://www.rollbase.com/tourthumb2.png") no-repeat;
	width: 202px;
	height: 119px;
}
.homeTourContent .tourThumb3 {
	position: absolute;
	left: 445px;
	top: 25px;
	background: url("https://www.rollbase.com/tourthumb3.png") no-repeat;
	width: 202px;
	height: 119px;
}
.homeTourContent .tourThumb4 {
	position: absolute;
	left: 665px;
	top: 25px;
	background: url("https://www.rollbase.com/tourthumb4.png") no-repeat;
	width: 202px;
	height: 119px;	
}
.homeTourContent .tourThumbLink {
	position: absolute;
	left: 876px;
	top: 68px;
	background: url("https://www.rollbase.com/tourthumbtake.png") no-repeat;
	width: 52px;
	height: 42px;
}

.tourImage {
	position: absolute;
	width: 202px;
	height: 119px; 
}
.tourThumbTitle {
	position: absolute;
	top: 128px;
	color: #0C79CD;
	text-transform: uppercase;
	font: bold 13px Arial;
}
.tourThumbText {
	position: absolute;
	top: 146px;
}

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


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

.footerTop {
	height: 30px;
	border-top: solid 1px #3391D8;
	border-bottom: solid 1px #0C79CD;
	position: relative;
	background-color: #E9E9E9;
}
.cloudIcon {
	position: absolute;
	top: 4px;
	left: 198px;
	background: url("https://www.rollbase.com/smallcloud2.gif") no-repeat;
	height: 50px;
	width: 100px;
	z-index: 50;
}
.footerTopText {
	position: relative;
	height: 100%; 
	width: 950px;
	padding: 8px; 
	margin: auto;
	text-align: center;
	font: bold 12px Arial;
	color: #444;
}

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

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

.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:626px;
}

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

.feedburnerFeedBlock {
	color: #FFF;
	margin-left: 0px; 
	padding-left: 0px;
	line-height: 20px;
	width: 350px;
	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; }
.feedburnerFeedBlock li a:active { color:#fff; }
.feedburnerFeedBlock li a:visited { color:#fff; }

#creditfooter {
	display:none;
}

.footerContentSiteMap {
	color: #FFF;
	margin-left: 0px; 
	padding-left: 0px;
	line-height: 20px;
	width: 300px;
	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; }
.footerContentSiteMap li a:active { color:#fff; }
.footerContentSiteMap li a:visited { color:#fff; }

.footerContentInTheNews {
	position: absolute;
	left:-8px;
	background: url("https://www.rollbase.com/rollbaseinthenews.png") no-repeat;
	width: 316px;
	height: 270px;	
}


/* ------------------------------------- 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;
}
.cloudsIcon {
	position: absolute;
	top: -16px;
	left: 850px;
	background: url("https://www.rollbase.com/clouds2.gif") no-repeat;
	height: 76px;
	width: 85px;
	z-index: 50;
}
.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; 
}
.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;
	padding: 0px;
}
.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;	
	border-bottom:solid 1px #CCC;
	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;}