/* Custom Styles
---------------------------------------------------*/

aside.right {
	background:transparent url('/innovate/img/sidebar-bkg.png') no-repeat 0 -250px; 
}

aside.right .highlight-inner h1 {
	line-height: 1.4;
    margin: 1em 0;
    text-transform: uppercase;
    color: #000000;
    font-size: 1.1em;
}
aside.right .highlight-outer {
		min-height:0;
}
aside.right .highlight-inner p {
	margin-bottom: 0;
   }
 aside.right .highlight-outer, .highlight-outer{
	background-color: #ECECEC;
    border: 1px solid #CCC;
    border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
aside.right .highlight-inner, .highlight-inner{
	border-left: 1px solid #FFF;
    border-radius: 8px;
    border-top: 1px solid #FFF;
    padding: 1em;
}
aside.right .highlight-inner img{
	display:inline;
	margin: 0 1em 0 0;
}
aside.right .highlight-inner img+a{
	display:inline;
}
.box-idea img {
	margin-left: 25%;
}
ul.key {
	list-style-type: none;
	margin-left:.5em;
}
ul.key li {
	padding-bottom:.5em;
}
ul.key li i {
	padding-right:.5em;
}
.resources ul.collateral {
	background: transparent url('/promo/liberate/img/i-datasheets-64x64.png') no-repeat 0 0;
	padding-left:80px;
}
.resources ul.video {
	background: transparent url('/promo/liberate/img/i-video-64x64.png') no-repeat 0 0;
	padding-left:80px;
}
.support li.groups {
	background: transparent url('/promo/liberate/img/i-groups-32x32.png') no-repeat 0 0;
	 margin-bottom: 1em;
    min-height: 35px;
    padding-left: 40px;
}
.support li.video {
	background: transparent url('/promo/liberate/img/i-video-32x32.png') no-repeat 0 0;
	 margin-bottom: 1em;
    min-height: 33px;
    padding-left: 40px;
}
.support li.reference {
	background: transparent url('/promo/liberate/img/i-reference-32x32.png') no-repeat 0 0;
	 margin-bottom: 1em;
    min-height: 33px;
    padding-left: 40px;
}
.resources ul.webinars {
	background: transparent url('/promo/liberate/img/i-webinar-64x64.png') no-repeat 0 0;
	padding-left:80px;
	min-height: 70px;
}
.page blockquote{
	border-left: none;
	clear:both;
}
.page.testimonials blockquote{
	margin-bottom:0em;
	padding-left:0;
}
.page.testimonials blockquote:first-child{
	margin-top:2em;
}
#testimonials blockquote #cornell_link{
	float: right;
    margin-left: 1em;
    width: 30%;
}
.page section{
	margin-bottom:2em;
}
.bqstart {
     float: left;
     height: 45px;
     margin-top: -30px;
     padding-top: 45px;
     padding-right: 10px;
     margin-bottom: -50px;
     font-size: 500%;
     color: #ccc;
 }
.bqend {
	color: #CCCCCC;
    display: inline-block;
    font-size: 500%;
    padding-top: 25px;
    vertical-align: top;
 }
aside .widget{
	text-align: center;
}
aside .upcoming-events .look{
	margin: 0.5em 0 0 1em;
}
.slideshow blockquote{
	border-left: none;
    margin: 0;
    padding: 0;
}
aside .slideshow blockquote {
	font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.1em;
    font-style: italic;
    line-height: 1.5;
    margin: 0 0 .5em;
}
aside .slideshow blockquote:before {
	content:"\201C";
	font-size:2em;
	line-height: 1;
}
aside .slideshow blockquote:after {
	content:"\201D";
	font-size: 2em;
    line-height: 1;
    vertical-align: text-top;
}
.slideshow cite {
	color:#666;
}
.slideshow cite a {
	display:block;
	text-align: center;
}
.slideshow cite span.sprite {
	float:none;
	margin: 1em auto 0;
}
cite {
	display:block;	
}
/************* Main Testimonials ************/
cite span.sprite {
	float:right;	
}
cite span.cornell {
	background-image:url(/promo/liberate/img/cornell.png);
	background-repeat:none;
}
cite span.pattern {
	background-position: 0 -63px;
    height: 49px;
    width: 160px;	
}
cite span.brightcove {
	background-image:url(/promo/liberate/img/brightcove.png);
	background-repeat:none;	
}
cite span.slacker-radio {
	background-position: 0 -283px;
    height: 103px;
    width: 163px;	
}
cite span.mainline {
	background-position: 0 -241px;
    height: 43px;
    width: 165px;	
}
cite span.intelitek {
	background-position: 0 -205px;
    height: 36px;
    width: 163px;	
}
/***** Aside Testimonials *******/
.slideshow span.sprite {
	text-align:center;	
}
.slideshow span.cornell {
	background-image:url(/promo/liberate/img/brightcove.png);
	background-repeat:none;		
}
.slideshow span.pattern {
	background-position: 0 -45px;
	height: 35px;
	width: 115px;	
}
.slideshow span.brightcove {
	background-image:url(/promo/liberate/img/brightcove.png);
	background-repeat:none;		
}
.slideshow span.slacker-radio {
	background-position: 0 -203px;
	height: 76px;
	width: 144px;	
}
.slideshow span.mainline {
	background-position: 0 -241px;
    height: 33px;
    width:144px;	
}
.slideshow span.intelitek {
	background-position: 0 -147px;
	height: 27px;
	width: 117px;	
}
img.demo {
	border:1px solid #ccc
}
.videos{
	float:right;
	width:35%;
	padding-left:1em;
}
#rh-storage-tab-content {
	padding:1em;
}
.box-idea {
	background-color: #FFFFFF;
	background-color /*\**/: #f1f1f1\9 ; /*IE8 ONLY*/
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding:.5em;
    height: 210px !important;
    margin-bottom:.5em;
}
#accordion h3.ui-accordion-header{
	font-size:1em;
	line-height: 1.1;
}
#accordion li, #accordion p {
    font-size: 0.9em;
}
#accordion li {
    margin-bottom: 0.9em;
}
#accordion h3.ui-accordion-header.ui-state-active a {
    color: #CC0000 !important;
}
.support ul {
	list-style-type:none;
}
/* Responsive
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
	width: 1003px;
	}
 
}

/* Desktop
------------------------- */
@media (max-width: 980px) {
  
}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 980px) {
	header h1 {
		font-size:220%;
		line-height:1.1;
		margin-right:.8em;
	}
	#newPromoSlides #p-four h1 {
  		font-size: 180%;
		margin-top: 1em;
	}

}
/* Small tablet portrait (600x800)
------------------------- */
@media (min-width: 600px) and (max-width: 800px) and (orientation: portrait) {
	.box-idea {
 		 min-height: 230px !important;
	}
	.box-idea h2 {
		font-size: 100%;
	}
	aside.right {
  		padding: 1.5em 0.5em;
	}
	.slideshow {
    height: 300px !important;
   }
   .slideshow-nav a span {
	  margin: 0 1em;
	}
	aside.right .highlight-inner, .highlight-inner {
 	 padding: 1em 0.4em;
	}
	aside.right {
		background:transparent url('/innovate/img/sidebar-bkg.png') no-repeat -1px 0; 
	}

}
/* Small tablet landscape (800x600)
------------------------- */
@media (min-width: 800px) and (max-width: 600px) and (orientation: landscape) {
	aside.right {
		background:transparent url('/innovate/img/sidebar-bkg.png') no-repeat 0 0; 
	}
}

/* Tablet portrait
------------------------- */
@media (min-width: 767px) and (orientation: portrait) {
	header h1 {
		font-size:175%;
		line-height:1.3;
	}
	#newPromoSlides #p-one, #newPromoSlides #p-two, #newPromoSlides #p-three, #newPromoSlides #p-four {
	  	padding-left: 1em;
 	}
 	#newPromoSlides h1 {
  		margin-right: 0.5em;
  		line-height:1.1;
  	}
  	header h2 {
  		margin: 0 0 8px;
	}
	aside.right {
		background:transparent url('/innovate/img/sidebar-bkg.png') no-repeat 0 0; 
	}
	
}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {
  /* Remove padding above jumbotron */
	body {
    	padding: 0;
	}
	header h1 {
		font-size:175%;
		line-height:1.1;
	}
	.lead {
    	font-size: 1.2em;
    	line-height: 1.2;
		margin-bottom: 0;
	}
	.resources ul {
		background: none !important;
    	padding-left: 0 !important;
	}
	footer ul.social-icons {
    	float: none;
   }
   aside.right {
		background-position: -1px -250px; 
	}
	
 	
}
/* Mobile portrait
------------------------- */
@media (max-width: 320px) {
	.hidden-320phone {
	  	display:none;
	}  
 	#newPromoSlides h1 {
  		margin-top: 1em;
	}
	#header-links {
		margin: 1.5em 3em 0 0;
	}
}