@import url(main.css);
/*@import url(topbar.css);*/
@import url(middle.css);
/*@import url(footer.css);*/
@import url(forms.css);
@import url(screen.css);
@import url(base.css);
@import url(datatable.css);

/* Portal */

/* Theme */

/* general page elements */

a:link, a:visited {
	color: #6db33f;
	text-decoration: none;
}
a:hover, a:active {
	color: #6db33f;
	text-decoration: underline;
}


/* layout */


/* default to artistic/calendar/timeline layout */

#container
{
	width: 782px;
}

.layout-artistic #alpha,
.layout-calendar #alpha
{
			width: 315px; /* 285px + 15px + 15px */
	
	
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

.layout-artistic #beta,
.layout-calendar #beta
{
	width: 465px;
	
}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 210px; margin: 15px 0; }
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */

.content-nav { margin-top: 0; }

.date-header
{
	margin: 0 0 10px 0;
	border-bottom: 1px solid #333333;
	padding: 3px 3px 3px 0px;
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	
	
}



.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	margin: 0 0 10px 0;
	border-bottom: 1px solid #333333;
	padding: 3px;
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header
{
	margin: 1px 0 20px 0;
	border: 0;
	line-height: 20px;
	color: #000000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: large;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header a
{
	text-decoration: none;
	font-weight: bold;
}

.entry-header a:link { color: #000000; }
.entry-header a:visited { color: #000000; }
.entry-header a:hover { color: #000000; }
.entry-header a:active { color: #000000; }

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content
{
	margin: 10px 0;
}

.entry-content p { text-align: left; }

.entry-footer,
.trackback-footer,
.comment-footer
{
	margin: 0 0 10px 0;
	border-top: 1px dotted #999999;
	padding: 3px;
	color: #999999;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: normal;
	text-align: left;
	font-weight: bold;
	
	
}

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 80%;
}

/* fixes bug in ie win */
img.image-full
{
	width: 100%;;
}


/* modules */

	.module a
	{
		text-decoration: none;
		font-weight: inherit;
	}

	.module a:link { color: #; }
	.module a:visited { color: #; }
	.module a:hover { color: #; }
	.module a:active { color: #; }


.module-header
{
	margin: 5px 0;
	border-bottom: 1px solid #999999;
	padding: 3px 3px 3px 0px;
	color: #666666;
	font-family: Verdana, 'Trebuchet MS', sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: bold;
	

	letter-spacing: .1em;
	text-align: left;
}

/*	text-transform: uppercase; */


.module-content
{
	margin: 5px 0 20px 0;
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: 100%;
	
	
	
	text-align: left;
}

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module img,
.module-photo img
{
	border: 0px solid #EEEEEE;
}

.module-photo .module-content
{
	text-align: left;
}

.module-powered { text-align: left; }

.module-calendar .module-header
{
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	border-bottom: 1px solid #999999;
	text-align: left;
	font-weight: bold;
	
	text-transform: uppercase;
	padding: 3px;
	letter-spacing: .3em;
}

.module-calendar th,
.module-calendar td
{
	text-align: center;
	font-weight: normal;
}

.typelist-thumbnail img { margin: 0; }

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 420px; }

.module-recent-photos .module-content { padding: 2px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item
{
	width: 70px; /* ie mac fix */
	height: 70px; /* for appearance with varying image border widths */
	margin: 0 2px 2px 0;
}

.module-tipjar-r2 .tipjar-button
{
			float: left;
	
}


/* moblog1 tweaks */

		
	

	.layout-moblog1 #alpha
	{
		width: 200px;
		
	}

	.layout-moblog1 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #beta
	{
					width: 380px;
		
		
	}

	.layout-moblog1 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #gamma
	{
		width: 200px;
		
	}

	.layout-moblog1 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* moblog2 tweaks */

		
	

	.layout-moblog2 #alpha
	{
		width: 100px;
		
	}

	.layout-moblog2 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #beta
	{
					width: 350px;
		
		
	}

	.layout-moblog2 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #gamma
	{
		width: 190px;
		
	}

	.layout-moblog2 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #delta
	{
		width: 140px;
		
	}

	.layout-moblog2 #delta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 .module-photo img { width: 100px; height: auto; }


/* timeline tweaks */

	.layout-timeline #alpha
	{
					width: 390px; /* 285px + 15px + 15px */
		
		
	}

	.layout-timeline #beta
	{
		width: 390px;
		
	}

	.layout-timeline #beta #gamma { width: 175px; }
	.layout-timeline #beta #delta { width: 170px; }




/* Custom */

.content-header
{
                 font-size: 15px;
                 padding: 0px 0px 15px 0px;
}
.bold_text{
                font-weight: bold;
}



/* FLICKERBOX STYLES FOR NEW DESIGN */

/*------------------------------------------------------------------------------
HTML
------------------------------------------------------------------------------*/
html {
	background: #DBDBDB;
}
body {
	color: #666;
/*	font-size: 14px;*/
	padding-bottom: 100px;
	font-family: droid-sans, sans-serif;
/*	line-height: 1.4;*/
	overflow: auto;	
}
/*------------------------------------------------------------------------------
MAIN CONTENT
------------------------------------------------------------------------------*/
#wrap1 {
	padding-top:100px;
	padding-bottom: 50px;
	background: #e6e6e6 url('/_media/noise_bg.png');
}

#wrap2 {
	background: none;
}
/*------------------------------------------------------------------------------
GRID
------------------------------------------------------------------------------*/
.container {float: left;width:100%;}
.container:before, .container:after,
.wrapper:before, .wrapper:after,
.wrapper-inside:before, .wrapper-inside:after,
.white-box:before, .white-box:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.container:after,
.wrapper:after,
.wrapper-inside:after,
.white-box:after {
  clear: both;
}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20 {float:left;margin-right:20px;}
.span-1 {width:26px;}
.span-2 {width:72px;}
.span-3 {width:118px;}
.span-4 {width:164px;}
.span-5 {width:210px;}
.span-6 {width:256px;}
.span-7 {width:302px;}
.span-8 {width:348px;}
.span-9 {width:394px;}
.span-10 {width:440px;}
.span-11 {width:486px;}
.span-12 {width:532px;}
.span-13 {width:578px;}
.span-14 {width:624px;}
.span-15 {width:670px;}
.span-16 {width:716px;}
.span-17 {width:762px;}
.span-18 {width:808px;}
.span-19 {width:854px;}
.span-20 {width:900px;margin-right:0;}
.append-1 {padding-right:46px;}
.append-2 {padding-right:92px;}
.append-3 {padding-right:138px;}
.append-4 {padding-right:184px;}
.append-5 {padding-right:230px;}
.append-6 {padding-right:276px;}
.append-7 {padding-right:322px;}
.append-8 {padding-right:368px;}
.append-9 {padding-right:414px;}
.append-10 {padding-right:460px;}
.append-11 {padding-right:506px;}
.append-12 {padding-right:552px;}
.append-13 {padding-right:598px;}
.append-14 {padding-right:644px;}
.append-15 {padding-right:690px;}
.append-16 {padding-right:736px;}
.append-17 {padding-right:782px;}
.append-18 {padding-right:828px;}
.append-19 {padding-right:874px;}
.prepend-1 {padding-left:46px;}
.prepend-2 {padding-left:92px;}
.prepend-3 {padding-left:138px;}
.prepend-4 {padding-left:184px;}
.prepend-5 {padding-left:230px;}
.prepend-6 {padding-left:276px;}
.prepend-7 {padding-left:322px;}
.prepend-8 {padding-left:368px;}
.prepend-9 {padding-left:414px;}
.prepend-10 {padding-left:460px;}
.prepend-11 {padding-left:506px;}
.prepend-12 {padding-left:552px;}
.prepend-13 {padding-left:598px;}
.prepend-14 {padding-left:644px;}
.prepend-15 {padding-left:690px;}
.prepend-16 {padding-left:736px;}
.prepend-17 {padding-left:782px;}
.prepend-18 {padding-left:828px;}
.prepend-19 {padding-left:874px;}
.border {border:1px solid #ccc;}
.colborder {padding-right:9px;margin-right:10px;border-right:1px solid #ccc;}

/*------------------------------------------------------------------------------
STRUCTURE
------------------------------------------------------------------------------*/

.page-wrap {
	width: 980px;
	margin: 0 auto;
}
.wrapper-outer {
	width: 970px;
	margin: 0 auto;
}
.wrapper-outer-alt {
	width: 960px;
	margin: 0 auto;
}
.wrapper {
	width: 900px;
	margin: 0 auto;
}
.wrapper-inner {
	width: 860px;
	margin: 0 auto;
	padding: 0 20px;
}

/*------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------*/
#header {
	position: fixed;
	top: 0;
	left: 50%;
	z-index: 999;
	height: 100px;
	width: 980px;
	margin-left: -490px;
	-webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, .4);
	box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, .4);
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
	background: #5d9540; /* Old browsers */
	background: -moz-linear-gradient(top,  #5d9540 0%, #4c7a35 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d9540), color-stop(100%,#4c7a35)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5d9540 0%,#4c7a35 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5d9540 0%,#4c7a35 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5d9540 0%,#4c7a35 100%); /* IE10+ */
	background: linear-gradient(top,  #5d9540 0%,#4c7a35 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d9540', endColorstr='#4c7a35',GradientType=0 ); /* IE6-9 */

	}

#header a.logo {
	width: 125px;
	height: 100px;
	display: block;
	background: url('/_media/logos/zuora_header.png') no-repeat 0 100%;
}

#supernav {
	margin: 0 0 20px;
}

#main-nav,
#main-nav li,
#supernav ul,
#supernav li {
	padding: 0;
	margin: 0;
	list-style:none !important; 
	list-style-image: none !important;
	}

#supernav li {
	font-family: proxima-nova,sans-serif;
	float: right;
	width: 81px;
	margin: 0;
	font-size: 13px;
	color: #c9ebb7;
	}
#supernav li a {
	display: block;
	font-size: 13px;
	color: #c9ebb7;
	font-weight: normal;
	width: 81px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	}
#supernav li a.last {
	color: #fff;
	text-transform: uppercase;
	background: url('/_media/login_bg.png') no-repeat;
	
	}
#supernav li a:hover {
	text-decoration: underline;
	}

/* Social Media icons */
.social-bar {
	position: fixed;
	top: 132px;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 999;
	}
.social-bar li {
	width: 41px;
	margin: 0;
	border-bottom: 1px solid #323232;
	}
.social-bar li.last {
	border-bottom: none;
	}
.social-bar li a,
.social-bar li span {
	width: 41px;
	height: 41px;
	background-image: url( '/_media/icons_socialmedia.png');
	background-repeat: none;
	padding: 0;
	cursor: pointer;
	}

.social-bar a.googleplus {
	background: none;	
	}
.social-bar a.facebook {
	background-position: 0 0;	
	}
.social-bar a.twitter {
	background-position: -41px 0;	
	}
.social-bar a.linkedin {
	background-position: -82px 0;	
	}
.social-bar a.contact {
	background-position: -123px 0;	
	}

.social-bar a.facebook:hover {
	background-position: 0 -41px;	
	}
.social-bar a.twitter:hover {
	background-position: -41px -41px;	
	}
.social-bar a.linkedin:hover {
	background-position: -82px -41px;	
	}
.social-bar a.contact:hover {
	background-position: -123px -41px;	
	}
			
/*------------------------------------------------------------------------------
MAIN NAV
------------------------------------------------------------------------------*/
ul#main-nav {
	margin: 0;
	}	
#main-nav li {
	font-family: proxima-nova,sans-serif;
	display: inline;
	padding: 0;
	padding: 0 22px;
	}	
#main-nav li a {
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	padding-bottom: 14px;
	}
#main-nav li.last a {
	color: #ffcd00;
	font-weight: bold;
	}	
#main-nav li a:hover {
	text-decoration: none;
	color: #fff;
	}

.section-subeconomy li.nav-subeconomy a,
.section-why li.nav-why a,
.section-how li.nav-how a {
	border-bottom: 10px solid #ffcd00;
}


/*------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------*/
#superfooter {
	padding-top: 40px;
	padding-bottom: 50px;
	border-bottom: 1px solid #bebebe;
	margin-bottom: 15px;
}
#footer {
	background: url('/_media/footer_bg.png') repeat-x 0 0;	
	color: #666;
}
#footer h3 {
	font-family: droid-sans, sans-serif;
	font-size: 12px;
	color: #999;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#footer h3 a {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	text-transform: none;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer li {
	font-size: 14px;
	margin-bottom: 10px;
}
#footer li a {
	color: #666;
	font-weight: normal;
}
#footer ul.social {
	margin: 0;
	padding: 0;
}
#footer ul.social li {
	background: url('/_media/icons_social_footer.png') no-repeat 0 0;	
	padding-left: 25px;
	line-height: 20px;
	float: none;
	width: auto;
	margin: 0 0 15px 0;
}
#footer ul.social li a {
	display: inline;
	background: none;
	width: auto;
	height: auto;
}
#footer ul.social li.icon-facebook {
	background-position: 0 -20px;
}
#footer ul.social li.icon-twitter {
	background-position: 0 -40px;
}
#footer ul.social li.icon-linkedin {
	background-position: 0 -60px;
}
#footer ul.social li.icon-googleplus {
	background-position: 0 -80px;
}
#footer ul.social li.icon-youtube {
	background-position: 0 -100px;
}

#footer p {
	font-family: sans-serif;
	font-size: 12px;
	color: #666;
}
#footer p a {
	font-size: 12px;
	text-decoration: none;
	color: #666;
}
#footer p a:hover {
	text-decoration: underline;
}
#footer p.copyright {
	line-height: 2;
	color: #999;
	font-size: 11px;
}
#footer p.copyright a {
	color: #999;
	font-size: 11px;
}



/*------------------------------------------------------------------------------
GENERAL
------------------------------------------------------------------------------*/
.no-pad {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-border {border: none !important;}
.no-bold {font-weight: 400 !important;;}
.no-underline {padding-bottom: 0;border-bottom: none;}
.no-caps {text-transform: none;}
.no-height {height: auto;}
.last {margin-right:0 !important; padding-right: 0 !important;background: none;}
.prepend-top {margin-top:1.5em !important}
.prepend-top-small {padding-top:.5em}
.append-bottom {margin-bottom:2.5em;}
.vert-margin {margin-top: 15px;	margin-bottom: 15px;}
.por {position: relative;}
.poa {position: absolute;}
.underline {padding-bottom: 15px;border-bottom: 1px solid #e1e1e1;margin-bottom:30px;}
p.space {margin-bottom: 25px;} 
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
img.left {float: left; margin-right: 30px;}
img.right {float: right; margin-left: 30px;}
.float-left {float: left;}
.float-right {float: right;}
.caps {text-transform: uppercase;}
.em {font-style: italic;}
.strong {font-weight: bold;}
.light {color: #999;}
.small {font-size: 12px;}
.large {font-size: 16px;}
.x-large {font-size: 18px;}
.pad {padding: 25px;}
.bgg {background-color: #f3f4f5;}

hr {background:#e1e1e1;color:#e1e1e1;clear:both;float:none;width:100%;height:.1em;margin:20px 0;border:none;}
hr.yellow {background:#ffcd00;color:#ffcd00;}
hr.alt {margin:50px 0;}
hr.thick {background:#d7d7d7;color:#d7d7d7;height:5px;margin:50px 0 20px;}
hr.dotted {background:url('/_media/dots.png');height:1px;}
hr.space {background:#fff;color:#fff;margin:50px 0;}

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Colors */
.green {color: #5e9741;}
.yellow {color: #ffcd00;}
.gray {color: #999;}
.dk-gray {color: #333;}
.white {color: #fff;}
.black {color: #252525;}


/*------------------------------------------------------------------------------
 IE
------------------------------------------------------------------------------*/
.old_ie .clearfix, .old_ie .container {
	display: inline-block;
}
.old_ie .resource-box img.asset {
	-webkit-box-shadow: 0px 0px 8px 1px #999;
	-moz-box-shadow: 0px 0px 8px 1px #999;
	box-shadow: 0px 0px 8px 1px #999;
	}
/* Add CSS3PIE behavior to show CSS3 styles in IE6-8 */
.old_ie .pie,
.old_ie .secondary ul.tab-nav li a {
	behavior: url(/_includes/PIE.htc);
	position: relative;
}

/* Adjust gradient style to show CSS3PIE version. 
The filter property needs to be removed from some rules to make it work,
especially when combined with other css3 styles */
.old_ie .trial-button {
    -pie-background: linear-gradient(top, #0093d2 0%,#006692 100%);
	filter: none;
}
.old_ie .button a.blue {
    -pie-background: linear-gradient(top, #0093d2 0%,#006692 100%);
	filter: none;
}
.old_ie .gradient-yellow-dark {
    -pie-background: linear-gradient(top, #eabc00 0%,#ffcd00 100%);
	filter: none;
	}
.old_ie #header {
	top: -1px;
    -pie-background: linear-gradient(top, #5d9540 0%,#4c7a35 100%);
	filter: none;
}

/* ph=1 */