/*
	Revelation Software CSS 
	Developed by Alliance Software
	Authored by Aaron Witherow, January 2010
	
	
	==========================================================
	
	TABLE OF CONTENTS
	
		1. Reset and colours
		2. General Setup
		3. Layout
		4. Header
		5. Nav
		6. Content
		7. Footer
		8. Forms
	
	=========================================================

*/
/* 	*********************************

		1. @RESET AND COLOURS
		
	*********************************
*/
	@import url(reset.css);
	
	/*
		page colours go here for easy reference
	*/


/* 	*********************************

		2. @GENERAL SETUP
		
	*********************************
*/
	body{
		font-family:"Tahoma",Geneva,Verdana,Arial,Helvetica,sans-serif;	
		font-size:75%;
		line-height:1.5;																																
		color:#222;
	}
	
	h3,h4,h5,h6 {
		margin:0 0 1em 0;
		color:#0177a7;
	}
	h1,h2,h3,h4{font-weight:bold; line-height:1.2;}
	h1{font-size: 1.75em;}
	h2{font-size:1.3em; color:#0177a7; margin:0 0 1.2em 0;}
	h3{font-size:1.1em; color:#333; margin:0em 0 0.5em 0;}
	h3+h3{margin-top:1em;}
	h3.em{color:#0177a7;}
	h4{font-size:1.1em; color:#666; font-weight:bold; line-height:1.2; margin-bottom:0.25em; font-variant:small-caps; text-transform:lowercase;}
	h5{font-size:0.95em; margin:0.3em 0;}
	
	p{margin:0em 0 1.5em;}
	em{font-style:italic;}
	strong{font-weight:bold;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}
	.text-center{text-align:center;}
	
	ul, ol, dl{margin:1.5em 0;}																																											
	ol{list-style-type:decimal;}
	ol{margin-left:2em;}
	li{margin:0 0 0.5em;}			
	ol li{margin-left:20px;}										
	ul{list-style-type:none; padding:0;}
	ul li{background:url(../images/new/bullet-bullet.png) no-repeat left 6px; padding-left:20px;}
	.no-bullet li{	list-style-type:none; background-image:none; padding:0;}
	
	/* keep in LoVe HAte */
	a:link{color:#0177a7; text-decoration:none; border-bottom:1px dotted #0177a7;}
	a:visited{color:#0177a7; text-decoration:none; border-bottom:1px dotted #0177a7;}
	a:hover{color:#E67700; text-decoration:none; border-bottom:1px solid #E67700;}
	a:active{color:#0177a7; text-decoration:none; border-bottom:1px dotted #0177a7;}
	
	blockquote {margin:0;}
	blockquote h2{font-size:1.4em;}
	
	blockquote img{float:right; margin:3px 8px;}
	blockquote img.no-float{
		float:none;
		margin:0;
	}
	
	
	/* To force the blockquote to clear itself */
	blockquote:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	blockquote {display:inline-block;}/* Hide from IE Mac \*/
	blockquote {display:block;}/* End hide from IE Mac */
	
	cite{font-style:normal; font-weight:bold; color:#A0A0A0; font-size:0.95em;}
	
	/* generic float and clear classes */
	.left{float:left;}
	.right{float:right;}
	.clear{clear:both;}
	.clear-left{clear:left;}
	.clear-right{clear:right;}
	.no-float{float:none;}
	
	/* clearfix enables self clearing floats, add class="clearfix" to any floated element to clear itself */
	.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}/* Hide from IE Mac \*/
	.clearfix {display:block;}/* End hide from IE Mac */

	a img{border:none;}

	hr{
		border-width:1px 0 0 0;
		border-color:#F2F2F2;
		border-style:solid;
		margin:2em 0;
	}
	dt, dd{margin:0;}
	
	a:after{content:" \00BB";}
	
	a[rel=content]:after{content:'';}
	a.fancybox:after{content:'';}
	
	a.image-link:after, 
	a.image-link:after, 
	a.image-link:after,
	a.image-link, 
	a.image-link, 
	a.image-link{content:''; border:none;}
	
	
	


/*	*********************************

		3. @LAYOUT 
		
	*********************************
*/

	
	#container{
		width:960px;
		margin:0 auto;
	}
	#container{
		*position:relative;
	}
	#header{
		/*background:url(../images/new/sap-partner.png) no-repeat right 5px;*/
		margin:14px 0;
	}
	#content{

	}
	#footer{
		clear:both;
		font-size:0.9em;
		text-align:center;
		margin-top:2em;
	} 	
	
	
	
/* ********************************* 

		4. @HEADER 
		
	*********************************
*/
	
	#header h1{
		background:url(../images/new/revelation-logo.png) no-repeat;
		float:left;
		margin:0;
	}
	#header h1 a{
		text-indent:-9999em; 
		display:block; 
		width:220px;
		height:50px;
		overflow:hidden;
		border:0;
	}
	#header p{
		float:left;
		color:#a6a6a6;
		font-size:1.2em;
		position:relative;
		top:30px;
		left:420px;
		margin:0 0 0 120px;
	
	}
	
	
/*	*********************************

		5. @NAVIGATION
		
	*********************************
*/

	/*
	=================================
	Important for accessibility, skip
	navigation link initially hidden
	but shown on focus using keyboard
	=================================
	*/
	#skip a, #skip a:hover, #skip a:visited {
		position:absolute;
		left:-9999em;		
		overflow:hidden;
	}
	#skip a:active, #skip a:focus{
		position:static;
	}
	
	/* === Main navigation bar === */
	
	#nav{
		padding:0;
		margin:1em 0 0 0;
		border:0;
		width:960px;
		position:relative;
	}
	#nav a:after{content:'';}
	#nav ul.menu{ 
		height:3em; 
		margin:0;  
		list-style-type:none; 
		padding:0; }
		
	#nav ul li{
		float:left;
		margin:0px 3px 0 0;
		padding:0;
		background:none;
		z-index:100; }
		
	#nav ul li a{
		display:block; 
		line-height:1.5em; 
		padding:0.4em 1.006em; 
		text-align:center; 
		width:108px; 
		color:#a6a6a6; 
		text-decoration:none; 
		font-weight:bold; 
		background:url(../images/new/nav-bg.png) repeat-x bottom; 
		border:1px solid #e5e5e5; }
		
	#nav ul.menu li a:hover{
		color:#fff; 
		background:#0177a7 url(../images/new/nav-semi-trans-gradient.png) no-repeat center 1px; 
		border:1px solid #0177a7; }
		
	#nav li:hover{position:relative; z-index:100;}
	#nav ul li:hover > ul a, 
	#nav ul li:hover > a{
		color:#fff; 
		background:#0177a7 url(../images/new/nav-semi-trans-gradient.png) no-repeat center 1px; 
		border:1px solid #0177a7; }
		
	#nav ul li:hover > ul a, 
	#nav ul.menu li ul li a:hover{
		background-image:url(../images/new/nav-sub-shadow-bg.png); 
		background-repeat:repeat-x; 
		background-position:bottom; }
		
	#nav li ul{
		position:absolute;
		visibility:hidden;
		margin:0;
		padding:0;
		width:122px;
		z-index:100; }
		
	#nav li ul li{
		padding:0;
		margin:0;
		border-top:1px solid #fff;
		width:134px; }
		
	#nav li ul li a{
		display:block;
		margin:0 0px;
		padding:3px 5px 5px;
		font-weight:normal;
		zoom:1;
		min-width:122px;
		text-align:left; }
		
	#nav li:hover ul{ visibility:visible; }
	
	/* === Breadcrumbs === */
	
	#nav ol.breadcrumbs{
		margin:1em 0 1.5em 0;
		overflow:hidden;
		padding:0;
		color:#a6a6a6;
		list-style-type:none;}
		
	#nav ol.breadcrumbs li{
		padding:0em 1em 0em 0.65em;
		background:url(../images/common/breadcrumg.png) no-repeat right 7px;
		float:left;
		margin:0;s }
		
	#nav ol.breadcrumbs li:first-child{padding-left:4px;}
	#nav ol.breadcrumbs li.current{
		background-image:none;
		color:#0177a7; }
		
	#nav ol.breadcrumbs li a{
		font-weight:normal;
	}
	
	/* === Top Links & Social icons === */
	
	#container #top-nav li{list-style-type:none; position:absolute; top:0; left:0; width:100%; padding:0; text-align:right; background:#ccc;}
	#top-nav li a{padding:0 30px;}

	#nav .social-networks{
		position:absolute;
		right:0;
		width:120px;
		top:25px;
		z-index:1;
	} 
	#nav .social-networks li{
		float:right;
		margin:0 0 0 2px;
	}
	#nav ul.social-networks li a, #nav ul.social-networks li a:hover{
		background:none;
		width:27px;
		height:30px;
		display:block;
		border:0;
		padding:0;
		margin:0;
		text-indent:-9999em;
		background:url(../images/new/social-networks.png) no-repeat 0 0;
		overflow:hidden;
	}
	#nav ul.social-networks li.twitter a, #nav ul.social-networks li.twitter a:hover{
		background-position:-53px 0;
	}
	#nav ul.social-networks li.facebook a, #nav ul.social-networks li.facebook a:hover{
		background-position:-27px 0;
	}
	#nav ul.social-networks li.linkedin a, #nav ul.social-networks li.linkedin a:hover{
		background-position:-80px 0;
	}
	#fancybox-close{
		border:none;
	}
	#fancybox-close:after{content:'';}

	
	
	
/*	********************************* 
		
		6. @CONTENT 
		
	*********************************
*/
	
	#main-content, #secondary-content, #tertiary-content{
		border-color: #666666 #f2f2f2;
		border-width:1px;
		border-style:solid;
	}
	#main-content{
		width:675px;			
		margin:0;
		float:left;	
		padding:20px 35px; 
	}
	#secondary-content{
		float:right;
		width:180px;
	}
	#tertiary-content{
		width:180px;
		float:left;
		margin-right:32px;
	}
	a[href="#top"]{
		display:block;
		text-align:right;
	}
	 
	
	/* == Shadows for Good Browsers */
	.boxshadow #main-content,
	.boxshadow #secondary-content,
	.boxshadow #tertiary-content,
	.boxshadow .home #secondary-content, 
	.boxshadow #home-boxes li{
   	box-shadow: #ddd 2px 3px 15px;
   	-moz-box-shadow: #ddd 2px 3px 15px;
   	-webkit-box-shadow: #dddddd 2px 3px 15px;
	}
	
	/* === Home Page === */
	.home #main-content{ width:393px; }
	.home #secondary-content{
		width:393px;
		padding: 20px 35px;
		margin:0;
	}
	#home-boxes{
		clear:both;	
		margin:2em 0;
		overflow:hidden;
	}
	#home-boxes li{
		float:left;
		width:208px;
		border-color:#666 #f2f2f2;
		border-width:1px;
		border-style:solid;
		padding:12px;
		margin-left:8px;
		min-height:130px;
		background:none;
		position:relative;
	}
	#home-boxes li a.hm-box-link{
		position:absolute;
		bottom:12px;
	}
	#home-boxes li:first-child{ margin-left:0; }
	#hm-video{ margin:-20px -35px 20px -34px;	}
	
	.hm-call-to-action-buttons{ overflow:hidden;	margin:1.5em 0 1em; }
	.hm-call-to-action-buttons li{
		background:none;
		float:left;
		padding:0;
		margin-right:15px;
	}
	.hm-call-to-action-buttons li a, 
	a.button{
		background:url(../images/new/hm-buttons-sprite-whbg.png) no-repeat;
		display:block;
		width:175px;
		height:25px;
		text-decoration:none;
		text-indent:15px;
		line-height:2.2;
		border:0;
	}
	.hm-call-to-action-buttons li a:after, 
	a.button:after{
		content:'';
	}
	.hm-call-to-action-buttons li a:hover, 
	.button:hover{	background-position:-200px 1px; color:#fff; }
	.home .hm-case-study-quote{ width:50%; float:left; }
	.hm-case-study-button{ text-align:center;	float:right; }
	.hm-case-study-button .button{ text-align:left;	margin:2em 0 0 0;	}
	
	.hm-main-heading span{
		font-size:0.9em;
	}
	
	/* == One Column Layout */
	
	.one-col #main-content{ width:890px; }
		
	/* == Two Column Layout == */
	
	
	/* == Three Column Layout */
	.three-col #main-content{ width:460px;	}
	
	.call-links{
		list-style-type:none;
		margin:0;
		padding:1em 0;
		background:#dfdfdf;
		border-top: 3px solid #dad9d9;
		border-left: 2px solid #dad9d9;
	}
	.call-links li{background:none; padding:0;}
	.call-links a{
		display:block;
		height:26px;
		width:155px;
		text-decoration:none;
		text-indent:10px;
		line-height:1.9;
		color:#0177a7;
		margin:0 auto;
		border:0;
	}
	.call-links a:after{content:'';}
	.call-links a:hover{ background:url(../images/new/call-buttons-sprite.png) no-repeat 0 -57px; color:#fff; }
	.cl-white-papers a{ background:url(../images/new/call-buttons-sprite.png) no-repeat; }
	.cl-contact-consultant a, .cl-view-demo a{ background:url(../images/new/call-buttons-sprite.png) no-repeat 0 -29px; }
	
	.rotating-quotes h3{
		background:#008ab9 url(../images/new/semi-trans-bg.png) no-repeat center 1px;
		margin:-12px -12px 12px -12px;
		color:#fff;
		text-align:center;
		padding:6px;
		border: 2px solid #0080ad;
		border-width:1px 2px 3px;
	}
	.rotating-quotes{ padding:12px; }
	.rotating-quotes .rq-next{	text-align:right;	display:block; border:none;	}
	.rotating-quotes strong{ color:#a0a0a0; }
	
	.tertiary-submenu{
		margin:0;
		padding:0px;
		list-style-type:none;
	}
	#tertiary-content h3{
		background:#008ab9 url(../images/new/semi-trans-bg.png) no-repeat center 1px;
		color:#fff;
		text-indent:12px;
		margin:0;
		padding:6px 0;
		border: 2px solid #0080ad;
		border-width:1px 2px 3px;
	}
	.tertiary-submenu li{
		border-bottom:1px solid #e5e5e5;
		padding:0.5em 0 0.5em 0;
		margin:0;
		text-indent:12px;
		background:none;
	}
	.tertiary-submenu li a{ display:block; border-bottom:0; }
	
	.tc-boxes{
		padding:10px 12px 0;
		border-top:1px solid #666666;
		color:#a0a0a0;
	}
	.tc-btm-box{ background:#dfdfdf url(../images/new/tc-boxes-bottom-bg.png) repeat-y;	border-top:1px solid #666; padding:10px;	}
	.tc-btm-box h4{color:#222;}
	
	
	
	/* === Page Specific === */
	
	/* rev_comments.html, affiliations.html, rev-visuals.html, case-studies.html */
	dl.rev-comments, 
	dl.affiliations,
	dl.visuals,
	dl.story{
		border-bottom:1px solid #F2F2F2;	
	}
	dl.rev-comments dt, 
	dl.affiliations dt,
	dl.visuals dt,
	dl.story dt{
		float:left;
		width:110px;
		text-align:center;
		display:block;
	}
	dl.rev-comments dd, 
	dl.affiliations dd,
	dl.visuals dd,
	dl.story dd{
		float:left;
		width:525px;
	}
	dl.affiliations dt{width:180px;}
	dl.affiliations dd{width:265px;}

	dl.visuals dt{width:230px; text-align:left;}
	dl.visuals dd{width:435px;}	
	
	dl.story dt{width:120px;}
	dl.story dd{width:340px;}
	
	/* Sales Partners */
	
	.sales-partners-list{
		overflow:hidden;
		margin:3em 0;		
	}
	.sales-partners-list li{
		width:300px;
		float:left;
		min-height:200px;
		list-style-type:none;
		background-image:none;
		padding:0;
		margin-left:20px;
	}

	/* Contact Us */
	.form dd{
		margin:0;
	}
	
	.contact-vcard .vcard{
		width:310px;
		float:left;
	}
	.contact-vcard .vcard.first{
		margin-right:29px;
	}
	.contact-breakout, .contact-vcard{
		padding:12px;
		border:1px solid #f2f2f2;
		margin:0 0 1em;
		overflow:hidden;
	}
	
	.contact-breakout{
		width:306px;
		float:left;
		min-height:245px;
	}
	.contact-breakout.first{
		margin-right:10px;		
	}
	#contact-form{
		clear:both;
	}
	
	/* Customers */
	ul#customers-images li{
		width:190px;
		float:left;
		height:120px;
		list-style-type:none;
		margin-left:0;
		margin:6px 0;
		text-align:center;
		background-image:none;
	}
	/* Events */
	
	.events-list li{
		background:none;
		padding:0 0 1em 160px;
		position:relative;
	}
	.events-list li img{
		position:absolute;
		left:0;
	}
	/* Rev-Trac Add-on Suite */
	.add-on-table{
		margin:1em 0 2em;
		line-height:1.1;
		width:100%;
	}
	.add-on-table th{
		text-align:left;
		font-size:0.8em;
		padding:5px 5px;
		vertical-align:middle;
		border:1px solid #777;
		
	}
	.add-on-table td{
		text-indent:-9999em;
		padding:5px 3px;
		border:1px solid #777;
	}
	.add-on-table td.yes{
		background:url(../images/new/Check_16x16.png) no-repeat center center;
	}
	.add-on-table td.limited{
		background:url(../images/new/asterisk_yellow.png) no-repeat center center;
	}
	.add-on-table .top-row th{
		text-align:center;
	}
	
	.csstransforms .add-on-table .top-row th{ height:100px; width:25px;  padding:0; position:relative;}
	.csstransforms .add-on-table .top-row th span {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		font-size:1.1em;
		display:block;
		width:80px;
		position:absolute;
		margin: 0 0 0 -15px;
 	}
	
	.add-on-table tr.alt td, 
	.add-on-table tr.alt th{
		background-color:#E6F1F7;
	}
	.add-on-table td.note{
		text-indent:0;
		text-align:right;
	}
	.add-on-table .blank{
		border:0;
	}
	/*
	.whitepaper-select li{
		background:none;
		padding:0 0 12px 50px;
		background:url(../images/new/dotted.gif) repeat-y 6px 3px;
		margin:0;
	}
	.whitepaper-select li.last{
		background:url(../images/new/dotted-arrow.png) no-repeat 5px 7px;
		overflow:hidden;
		margin:-6px 0 0 0px;
	}
	.whitepaper-select li input{
		margin-left:-50px;
		float:left;
	}
	.whitepaper-select li input.submit-button{margin-left:0px;}
	.whitepaper-select li label{ 
		display:block; 
		font-weight:bold;
	}*/
	
	.wp-list{
		margin-left:130px;
		position:relative;
		margin-bottom:2.5em;
		margin-top:1.5em;
	}
	.wp-list img{
		margin-left:-130px;
		float:left;
	}
	
	/* tips-tricks.html, faq.html */
	#tips a:after, #faq a:after{
		content:'';
	}
	#tips li{
		margin:0 0 1em;
	}
	.question{
		border-bottom:1px solid #F2F2F2;
		padding-bottom:1em;
		margin-bottom:2em;
	}
	#faq ol{
		margin-left:0;
	}
	#faq li{
		margin:0 0 1em;
	}
	
	/* news and events */
	
	.pressroom-news-list li{
		background:none;
		padding:0 0 0 100px;
		position:relative;
	}
	.pressroom-news-list li span{
		position:absolute;
		left:0px;
	}
	/* IE 7 hack to fix z-index problems */
	.pressroom-news-list li,
	.events-list li{
		*zoom:1;
		*z-index: -1;
	}
	
	/* rev-trac-comparison.html */
	
	.comparison-table{margin:1.5em 0;}
	.comparison-table th, .comparison-table td{
		padding:6px;
		border:1px solid #aaa;
		width:50%;
	}
	.comparison-table th{
		background-color:#E6F1F7;
		font-size:0.9em;
		color:#27373F;
	}
	.comparison-table tr.main-header th{
		background-color:#C3D5DF;
	}
	
	/* webinars */
	
	table#webinars{margin:1.5em 0;}
	
	table#webinars th, 
	table#webinars td{
		padding:18px 0 6px;
		border-bottom:1px solid #ccc;
	}
	table#webinars td.webinar-actions{width:30%;}
	table#webinars th{
		text-align:left;
	}
	table#webinars tr.top-row th{
		background-color:#E6F1F7;
	}
	
	#webinar-info-container{
		width:500px; 
		padding:18px;
	}
	
	/* Executives.html */
	
	.executive img{
		float:left;
		margin-right:15px;
	}
	
	/* Product Demos, whitepapers */
	
	.product-demonstrations, .whitepaper-list{
		list-style-type:none;
		margin:0;
	}
	 .product-demonstrations li, .whitepaper-list li{
		padding-left:120px;
		list-style-type:none;
		padding-bottom:1.5em;
		margin-bottom:2.5em;
		border-bottom:1px solid #efefef;
		background-image:none;
		z-index:1;
	}
	.product-demonstrations .pd-title, .whitepaper-list h3{
		margin-left:-120px;
		
	}
	.product-demonstrations li img, .whitepaper-list li img{
		margin-left:-120px;
		float:left;
	}
	span.demo-link{
		float:right;
		font-size:0.8em;
	}
	


/* 
	*********************************

		7. @FOOTER
		
	*********************************	
*/
	#footer ul{ text-align:center; }
	
	#footer li{
		display:inline;
		background:none;
		text-align:center;
		padding:0;
	}
	#footer a:after{
		content:'';
	}


/* 	*********************************
	
		8. @FORMS

	*********************************
*/

	.form dd{ margin-bottom:0.5em; }
	
	/* webinars, newsletter and whitepapers */
	#webinar-registration li, 
	#mktForm_2 li,
	#whitepapers li{
		background:none;
		padding:0;
		margin-bottom:0.8em;
	}
	#webinar-registration legend,
	#mktForm_2 legend,
	#whitepapers legend{	font-weight:bold;	}
	
	#webinar-registration label,
	#mktForm_2 label,
	#whitepapers label{
		display:block;
		float:left;
		width:100px;
		text-align:right;
		margin-right:20px;
		font-weight:bold;
		color:#444;
	}
	#webinar-registration input[type="text"],
	#webinar-registration textarea,
	#whitepapers textarea,
	#whitepapers input[type="text"] {	width:250px; }
	
	#webinar-registration abbr[title="required"], 
	#mktForm_2 abbr[title="required"],
	#whitepapers abbr[title="required"]{ font-size:1.2em;	}
	
	#webinar-registration .submit-button,
	#mktForm_2 .submit-button,
	#whitepapers .submit-button{
		margin-left:120px;
	}	


/* 	*********************************
	
		9. EcoHub Form

	*********************************
*/
table.extraPadding td{
	padding:5px;
}

/* 	*********************************
	
		10. Tips and Tricks Table

	*********************************
*/

	table.tipstable td {
	border: 1px solid #666;
	padding: 5px;
	}