html { /* it is important for IE to set the baseline font size in
	 * percentage and not in ems. IE will overscale 
	 * everything otherwise.
	 *
	 * The default baseline for browsers is 16pt font sizes.
	 * The rendering of points into pixels vary across 
	 *  browsers though.
     */  
	font-size:14px;  /* this is good for IE to get back on track */ 
	margin:0px;
	padding:0px;
}

body {
	background: #ebebeb url(../images/icons2/header-bg.png) repeat-x scroll
		left top;
	letter-spacing: 1px;
	line-height: 1.5em;
	text-align: center; 	
	font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
	letter-spacing:0px;
}

*:first-child+html body {
	background: #ebebeb url(../images/icons2/header-bg-ie.png) repeat-x
		scroll left top;
}	
* html body {	
	background: #ebebeb url(../images/icons2/header-bg-ie.png) repeat-x
		scroll left top;
}	

/* Adjusts font size for IE7. Rule ignored by other browsers. */ /*
*:first-child+html body {     
     font-size: 60%;
}

*/
body.embed {
	background: none;
	background-color: #fff;
}

/* for ie7 */
*:first-child+html body.embed {
	background: none;
	background-color: #fff;
	text-align:left;
}

/* for ie6 */
* html body.embed {
	background: none;
	background-color: #fff;
	text-align:left;
}
  		
.frevvo {
	color: #aa0011;
}

.wall {
	color: white;
	background: red;
	float: left;
}

.attention {
	background: #ffffcc;
	font-weight: bold;
	font-size: 1.2em;
}

#ie6-user {
	display: none;
}

* html #ie6-user {
	display: block;
	margin-top: 15px;
	margin-bottom: 30px;
	background-color: #ffc4af;
	padding: 5px 25px;
}

#wrapper {
	position: relative;
	width: 800px;
	margin: 0 auto;		/* left margin half width */	
	background: transparent url(../images/icons2/header-shadow.png)
		no-repeat scroll 0pt 122px;
}

* html #wrapper {
	width:820px; 	
}

.embed #wrapper {
	width:550px;
	margin:1px;
	left:0;
}

#wrapper a {
	color: #333;
}

h4 {
	font-size: 1.1em;
	font-weight: normal;
	margin-top: 5px;
}

h2 {
	font-size:1.5em;
}

a img {
	border: none;
}

/********** Main table **********/
#threecolumn {
	float:left;
	position:relative; /* important for IE6/IE7 */
}

/*
#threecolumn td {
	border: none;
}
*/ /****/
#container{
	text-align: left;
	background-color: #ebebeb;
}

.embed #container {
	background-color: #fff;
}

#center, #left, #right {
	overflow:visible;
	margin:0;	 
}

#center { /* the width of center is auto ... 
	   that is not being rendered properly in
	   IE, the background appears narrower
	   than the form. */
	background-color: #f5f5f5;
}

#center-content {
	color:#333;
	margin:5px 0;
	/*padding:20px 20px 20px 40px;*/
	padding: 10px;
	line-height: 1.6em;
}
.frevvo-app #center-content {
	padding-top: 0;
	margin: 0 auto;
	width: 580px;
}

.embed #center-content { /*	padding: 0;
	margin: 0; */
	background-color: white;
}
/* Home page - line on the top */
#tagline h1 {
	font-size: 1.7em; 	
	font-weight: normal;
	margin:0 0 0.25em 0;
}
#tagline h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
}

#tagline h3 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 0;
}

#tagline {
	margin-top: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dadada;
	clear: both;
}

#tagline h2 .accent1 {
	font-size: 0.8em;
}

.subtitle {
	font-size: 1.2em;
	color: #aa0011;
	margin-top: 30px;
}
#wrapper .subtitle a {
	color: #aa0011;
}

/* *** */

#page-message-error #center-content, #page-notfound #center-content {
	padding: 20px 0 20px 20px;
}
.message-box {
	color: #fff;
	background: #cc0000;
	padding: 0 9px;
	margin: 0 0 12px 9px;
	font-size: 1.2em;
}
#page-info .message {
	padding-right: 5em;
	margin: 10px 10px 10px 0;
}

#page-download #center-content .continue,#page-upgrade-users #center-content .continue,#page-info #center-content .continue,#page-message-error #center-content .continue,#page-messages #center-content .continue
	{
	margin-top: 1em;
	margin-right: 1em;
	color: #333;
	float: left;
	background: #fdfded;
	border: 1px solid #006600;
	padding: 0 1.5em;
	text-decoration: none;
	font-size: 0.9em;
}
#page-download #center-content .continue {
	float: none;
	padding: 0.3em 1.5em;
}

#page-download #center-content #peDownload,#page-download #center-content #seDownload
	{
	display: block;
	margin-top: 0.5em;
}

*:first-child+html #page-message-error #center-content a {
	float:left;	
	width:auto;		
	margin-left:140px;		
}

/*********** help *************/ /**** Quick help pages. ******/
.page-help #sub-menu {
	font-size: 0.8em;
}
/**** These are the pages that contained links to Videos for a feature etc. ******/
.page-help{
	background: #ebebeb;
	margin: 0;
}
.page-help #wrapper {
	background: none;
}
.page-help #center {
	width: 800px;
}
.page-help #header {
	height: 30px;
}
.help-table {
	margin-top: 30px;
}
.help-table tr {
	border-bottom: 1px solid #dadada;
}
.help-table tr td {
	padding-top: 30px;
}
.help-table .title {
	float: left;
	font-size: 1.2em;
	color: #aa0011;
}
.help-table .content {
	clear: both;
	padding-top: 20px;
}
.help-table img.main {
	float: left;
	margin-right: 30px;
}
.help-table img.icon {
}
/*********** sub menu *************/
#sub-menu ul {
	display: block;
	height: 28px;
	margin-top: 0;
	padding: 0;
}

#sub-menu li {
	display: inline;
	float: right;
	margin-left: 10px;
}

#sub-menu a {
	text-decoration: none;
	border-bottom: 1px solid #dadada;
}

#page-investors #sub-menu #investors,#page-company #sub-menu #company,#page-suggestion #sub-menu #suggestion,#page-contactUs #sub-menu #contactUs,#page-hosted #sub-menu #hosted,#page-inhouse #sub-menu #inhouse,#page-features #sub-menu #features,#page-why #sub-menu #why,#page-whichfrevvo #sub-menu #whichfrevvo,#page-about #sub-menu #about
	{
	border-bottom: 1px solid #858585;
}

/*********** tabs *************/
#tabs {
	margin: 1.5em 0px;
	float: left;
}
#tabs-headers a {
	float: left;
	text-decoration: none;
	padding: 5px 10px;
	margin-right: 5px;
	border-top: 1px solid #858585;
	border-left: 1px solid #858585;
	border-right: 1px solid #858585;
	width: 20%;
	background-color: #858585;
	color: #fff;
}
#tabs-headers .selected {
	background-color: #ebebeb;
	color: #333;
}
#tabs-contents {
	background-color: #ebebeb;
	border: 1px solid #858585;
	padding: 12px 20px;
	clear:both;
	/* I don't know why the FUCK IE6/7 need this but it works and the other browsers don't seem to mind.
	   I am sure it will come back to bite us in the ASS later.
	   IT DID COME AND BITE US IN THE ASS ÐÊTicket #4598.
	margin-top: -1.5em;
	 */
}

/*********** home *************/
#home-table {
	border-collapse: collapse;
}
#home-content {
	vertical-align: top;
	padding-right: 30px;
}
#home-message {
	padding: 0 70px 0 20px;
	float: left;
	line-height:1.8em;
}

#home-message p,#home-message .home-list {
	width: 100%;
	font-size: 1.1em;
	margin: 10px 0;
}
#home-message ul {
	font-size: 0.9em;
	margin: 0;
	list-style-image: url(../images/icons/bullet_go.gif);
	list-style-type: none;
}
#home-message #home-two {
	margin-left: 30px;
}
#home-message a {
	text-decoration: none;
}
#home-message ul a:hover {
	color: #aa0011;
}
#home-message ul li {
	margin-top: 4px;
}
#screenshot {
	width:230px;
	font-size:1.2em;
	vertical-align: top;
	height: 180px;
	padding: 0;
}

#stuff a,#news a,#screenshot a {
	text-decoration: none;
}
#screenshot img {
	border:none;
}
#stuff, #news {
	padding: 0 20px;
	font-size: 0.9em;
	float: left;
	width: 44%;
	border-right: 1px solid #dadada;
	margin-top: 15px;
}
#stuff {
	padding-right: 0;
	border-right: none;
}

#stuff .title,#news .title {
	font-weight: bold;
	text-transform: uppercase;
}

#stuff p,#news p {
	background: url(../images/bright/dotbar.gif) no-repeat scroll center
		bottom;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#stuff p.final,#news p.final {
	background: none;
}
/*************************************
 +Logos
 *************************************/
#logos-cycle {
	background-color: #fff;
	width: 230px;
	height: 460px;
	margin-top: 15px;
}

#logos-cycle .display {
	position: relative;
	height: 420px;
}

#logos-cycle .logo {
	position: absolute;
	background: transparent url(../images/customerlogos/logo_bg.png)
		repeat-x scroll;
	width: 150px;
	height: 78px;
	margin-left: 40px;
	border: 1px solid #ebebeb;
}

#logos-cycle .logo1 {
	top: 40px;
}
#logos-cycle .logo2 {
	top: 140px;
}
#logos-cycle .logo3 {
	top: 240px;
}
#logos-cycle .logo4 {
	top: 340px;
}

#logos-cycle .logo a {
	display: block;
	padding-top: 5px;
	margin-top: 20px;
	margin-left: 25px;
	height: 40px;
}
#logos-cycle .logo .evprq {
	padding-top: 12px;
}
#logos-cycle .logo .ehprq {
	padding-left: 15px;
}

*:first-child+html #logos-cycle {
	margin-top: 0;
}	
*:first-child+html #logos-cycle .logo {
	margin-top: 8px;
}
* html #logos-cycle {	
	margin-top: 0;
}	

* html #logos-cycle .logo {	
	margin-top: 8px;
}	
/*********** customer profiles *************/
#page-customer-profile #fact-summary {
	float: left;
	width: 58%;
	padding-right: 20px;
}
#page-customer-profile #more-info {
	float: left;
	margin-left: 20px;
	background-color: white;
	padding: 10px;
	width: 30%;
}
#page-customer-profile #more-info ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#page-customer-profile #more-info ul a {
	text-decoration: none;
}
#page-customer-profile #more-info ul a:hover {
	color: #aa0011;
}
#page-customer-profile #customerquote {
	margin-top: 20px;
	border: 1px solid #bbb;
	padding: 15px;
}
#page-customer-profile #customerquote #quote {
	font-style: italic;
}
#page-customer-profile #customerquote #reference {
	margin-top: 20px;
	text-align: right;
}

/*********** gallery *************/
#page-gallery .category {
	margin: 10px 0 0 20px;
	font-size: 1.5em;
}

#page-gallery .description {
	width: 70%;
}

#page-gallery .icons {
	padding-left: 30px;
}
#page-gallery .a-icons a {
	text-decoration: none;
	padding-left: 15px;
}
/*********** new gallery *************/
#page-gallery2 #category-head,#page-gallery2 #tag-head {
	font-size: 1.3em;
}

* html #page-gallery2 #tag-head,* html #page-gallery2 #category-head,*:first-child+html #page-gallery2 #tag-head,*:first-child+html #page-gallery2 #category-head
	{
	font-size: 1.4em;
}

#page-gallery2 #category-list,#page-gallery2 #tag-list {
	margin-top: 0;
	margin-bottom: 20px;
	margin-left: 0;
	font-size: 1.1em;
	list-style-type: none;
	text-align: left;
	padding: 0;
}

#page-gallery2 #category-list li,#page-gallery2 #tag-list li {
	background-color: #ebebeb;
	border-bottom: 1px solid #dadada;
}

#page-gallery2 #category-list li.selected,#page-gallery2 #tag-list li.selected
	{
	background-color: #f5f5f5;
}

#page-gallery2 #category-list li.selected a,#page-gallery2 #tag-list li.selected a
	{
	color: #aa0011;
}

.category a, .tag a, #tag-cloud-link a {
	text-decoration: none;
}

#tag-cloud-link a {
	display: block;
}

#page-gallery2 #tag-cloud-link a:focus,#page-gallery2 #tag-cloud-link a:active,#page-gallery2 #tag-cloud-link a:hover,#page-gallery2 .category a:focus,#page-gallery2 .category a:active,#page-gallery2 .category a:hover,#page-gallery2 .tag a:focus,#page-gallery2 .tag a:active,#page-gallery2 .tag a:hover
	{
	color: #aa0011;
}

#page-gallery2 #center-content {
	padding-top: 10px;
}

#page-gallery2 .category a:focus {
}

#page-gallery2 #threecolumn .app-table {
	font-size: 0.9em;
}

#page-gallery2 #threecolumn .app-table .odd {
	background-color: #EBEBEB;
}

/*********** products *************/
#page-products #tagline {
	width: 100%;
	float:left;
}
#page-products #tagline h1 {
	float: left;
}
#page-products .signup {
	float: right;
	margin-left: 20px;
}
#descriptions {
	clear: both;
	font-size: 0.9em;
	line-height: 1.4em;
	padding-top: 15px;
}
#descriptions th {
	text-transform: uppercase;
}
#descriptions td {
	vertical-align:top;
}

/*
#page-products #confluence-subscription,
#page-products #confluence-onetime {
	margin-top: 2em;
}
*/
#page-products #inhouse-subscription span,#page-products #inhouse-onetime span,#page-products #confluence-subscription span,#page-products #confluence-onetime span
	{
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}

/*********** news *************/
#page-buzz .buzz {
	margin-top: 25px;
}
#page-buzz #frevvo-news {
	margin-top: 15px;
}
#page-buzz #frevvo-news a {
	text-decoration: none;
}
#page-buzz #frevvo-news a:hover {
	color: #aa0011;
}

#page-buzz #frevvo-news .date {
	width: 80px;
	background-color: #f5f5f5;
}
#page-buzz #frevvo-news .item {
	padding-top: 10px;
	width: 700px;
	border-left: 1px solid #dadada;
	padding-left: 20px;
	margin-bottom: 12px;
}

#page-buzz .item .summary {
	margin-top: 5px;
	font-size: 0.8em;
}
#page-buzz #frevvo-news .day {
	display: block;
	font-size: 1.3em;
}

#page-buzz #frevvo-news .month {
	display: block;
	color: #aa0011;
	text-transform: uppercase;
}

#page-buzz .separator {
	border-bottom: 1px solid #dadada;
	padding-top: 10px;
	display: block;
}
#page-buzz .author {
	font-weight: bold;
	display: block;
	padding-top: 10px;
}
#page-buzz .author a {
	font-weight: normal;
}

/*********** contact *************/
* html #page-suggestion #center-content,* html #page-contactUs #center-content
	{
	padding: 20px 0;
}

* html #page-suggestion p,* html #page-suggestion h4,* html #page-suggestion #tagline,* html #page-contactUs p,* html #page-contactUs h3,* html #page-contactUs #tagline
	{
	margin-left: 20px;
}

* html #page-suggestion iframe,* html #page-contactUs iframe {
	margin-left: 20px;
}

* html #page-suggestion #sub-menu,* html #page-contactUs #sub-menu {
	margin-right: 20px;
}
/*********** templates *************/
#tag-cloud li {
	display: inline;
	padding: 0 2px;
}
#tag-cloud .class0 {
	font-size: 1em;
}
#tag-cloud .class1 {
	font-size: 1.3em;
}
#tag-cloud .class2 {
	font-size: 1.6em;
}
#tag-cloud .class3 {
	font-size: 1.9em;
}
#tag-cloud .class4 {
	font-size: 2.2em;
}
#tag-cloud .class5 {
	font-size: 2.5em;
}
#tag-cloud a {
	text-decoration: none;
}
#tag-cloud a:hover {
	color: red;
}
#page-templates tbody td {
	border-top: none;
	border-left: none;
}
#page-templates .a-icons {
	padding: 0;
}
#page-templates a img {
	border: none;
}
#page-templates tbody td.beechwala {
	border-bottom: none;
	font-size: 0.9em;
	padding: 2px 0 2px 10px;
}
/*********** edition *************/
#page-trynow .edition-button {
	display: block;
	float:left;
	margin-left: 2em;
	text-decoration: none;
	font-size: 0.9em;
	width: 25%;
	text-align:center;
}
#page-trynow .edition-button img {
	border:none;
}
#page-trynow .edition-button .description {
	display: block;
	font-weight: bold;
}
#page-trynow .edition-button .edition {
	display: block;
}

.trynow-table {
	border: none;
	width: 100%;
	text-align: center;
}
.trynow-table .no-oem {
	background-color: #eeffcc;
	border-bottom: 1px solid #dadada;
}
.trynow-table thead .no-oem {
	background-color: #ccddaa;
}
.trynow-table .oem {
	background-color: #d6ebe5;
	border-bottom: 1px solid #dadada;
}
.trynow-table thead .oem {
	background-color: #b4c0c3;
}
/*********** partners *************/
#page-partners td {
	vertical-align: top;
}

#page-partners #partner-list {
	padding:0;
	font-size:11px;
	line-height:1.3em;	
}
#page-partners #partner-list ul {
	list-style-type:none;
	width:260px;
	padding-left: 40px;
}

#page-partners #partner-list #announcements,#page-partners #partner-list #success,#page-partners #partner-list #recent
	{
	padding-left: 40px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
}

#page-partners #partner-list #success,#page-partners #partner-list #announcements
	{
	display: block;
	margin-top: 10px;
	padding-top: 10px;
	/*border-top: 1px solid #dadada;*/
}
#page-partners #partner-list ul p {
	margin-top:4px;
}

#page-partners #partner-list .success,#page-partners #partner-list .announcements
	{
	margin-top: 10px;
	padding-left: 40px;
	width: 260px;
}

#page-partners #partner-list .success a,#page-partners #partner-list .announcements a
	{
	text-decoration: none;
}

#page-partners #partner-list .success p,#page-partners #partner-list .announcements p
	{
	background: url(../images/bright/dotbar.gif) repeat-x scroll bottom;
	padding-bottom: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#page-partners #partner-list .success p.final,#page-partners #partner-list .announcements p.final
	{
	background: none;
}
.blurb {
	float:right;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}

#page-partners-solution .blurb,#page-partners-isp .blurb {
	width: 235px;
}
/*********** static page tables *************/
#top-table,#bottom-table {
	border: none;
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}
#page-home #bottom-table {
	margin-top: 0;
}

#top-table #top-table-title td,#bottom-table #bottom-table-title td {
	width: 256px;
	/*text-transform: uppercase;*/
	font-size: 1.2em;
	padding: 5px 5px 5px 10px;
}

#top-table #top-table-title td a,#bottom-table #bottom-table-title td a
	{
	float: right;
	width: 100%;
	text-decoration: none;
}
#bottom-table #bottom-table-links {
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
	background-color: #fff;
}
/*
#bottom-table #bottom-table-content {
	background-color: #fff;
}
*/
#bottom-table #bottom-table-content td {
	font-size: 0.8em;
}
#bottom-table #bottom-table-content td.p3-content {
	font-size: 0.9em;
}

#top-table #top-table-content .content,#bottom-table #bottom-table-content .content
	{
	padding: 5px 25px 0 10px;
	width: 215px;
	vertical-align: top;
}
#bottom-table #bottom-table-content .content {
	border-right: 1px solid #dadada;
}

#page-home #bottom-table #bottom-table-content .p2-content,#bottom-table #bottom-table-content .last
	{
	border-right: 1px solid #f5f5f5;
}
/*
#bottom-table #bottom-table-content .p1-content p a img {
	margin: 0 0 -4px 10px;
}*/
#bottom-table #bottom-table-content .p1-content,#bottom-table #bottom-table-content .p2-content,#bottom-table #bottom-table-content .p3-content
	{ /*
	background-color: #fff;
	*/
}

#bottom-table #bottom-table-content .p1-content p,#bottom-table #bottom-table-content .p2-content p,#bottom-table #bottom-table-content .p3-content p
	{
	margin: 0;
	padding: 0 0 15px;
}

#bottom-table #bottom-table-content .p1-content p,#bottom-table #bottom-table-content .p3-content p
	{
	background: url(../images/bright/dotbar.gif) no-repeat scroll center
		bottom;
}
#bottom-table #bottom-table-content .p1-content .final {
	background: none;
}
#bottom-table #bottom-table-content .content ul {
	padding-left: 20px;
	margin: 0;
}
#bottom-table #bottom-table-content a {
	text-decoration: none;
}
#bottom-table #bottom-table-content a:hover {
	color: red !important;
}
#bottom-table #bottom-table-title td {
	border-right: 1px solid #dadada;
	/*
	background-color: #ebebeb;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	*/
}

#page-home #bottom-table #bottom-table-title .p2,#bottom-table #bottom-table-title .last
	{
	border-right: 1px solid #f5f5f5;
}
#bottom-table .learn-more {
	font-size: 0.8em;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
}
#bottom-table .learn-more a {
	padding-top: 10px;
	padding-right: 15px;
	text-decoration: none;
	float: right;
}
#bottom-table .learn-more a:hover {
	color: red !important;
}
/*********** login/download *************/
#page-login .s-required span,#page-download .s-required span {
	visibility:hidden;
	color:red;
	font-size:2em;
	margin-left:5px;
}

#page-login .form-container { 
	width:400px;
	margin-left:160px;	
}

#page-login .f-input { /* padding-left:63px !important; */
	
}

#page-login .f-input input {
	width:52%; 
}

/*********** why frevvo, about frevvo, features *************/
#frevvo-list, #frevv-list-num {
	margin-left:0;
	padding-left:0;
}
#frevvo-list li {
	list-style: none;
	margin-top: 1.8em;
	font-size: 1.1em;
	clear:both;
}
#frevvo-list-num li {
	list-style: decimal;
	margin-top: 1.8em;
	font-size: 1.1em;
	clear:both;
}

.frevvo-list-item {
	display:block;
	font-size: 1.2em;
}

#frevvo-list img {
	border:none;
}

#frevvo-list-num p,#frevvo-list p {
	margin: .5em 0 0 1em;
}

#page-known-bugs #frevvo-list li {
	list-style: decimal;
}
#page-known-bugs #frevvo-list p {
	margin-left: 0;
}

#frevvo-list ul li {
	font-size:1em;
	list-style:square;
	margin-top:0.4em;
}
#frevvo-list-num ul li{
	font-size:1em;
	list-style:lower-alpha;
	margin-top:0.4em;
}
#page-features tr.subsection-row td {
    font-weight: bold;
}
#page-features tr.subsection-row {
    border-top: 1px solid #333;
}
/*********** try frevvo *************/
#editions {
	border: 1px solid #dadada;
	margin-top: 10px;
}
/*********** company about *************/
#company-about {
	border-top: 1px solid #dadada;
	clear: both;
	font-size: 0.9em;
	margin-top: 20px;
	float: left;
	width: 100%;
}
#company-about .subtitle {
	margin-top: 10px;
}

#page-company #company-about {
	border-top: none;
	margin-top: 10px;
	font-size: 1em;
}
/*********** support, which frevvo, business capabilities *************/
#page-business a.frevvo-list-href,#page-business a.frevvo-list-href,#page-whichfrevvo a.frevvo-list-href,#page-videos a.frevvo-list-href,#page-support a.frevvo-list-href
	{
	color: #aa0011;
	font-size:1.1em;
	text-decoration:none;
}

#page-business #frevvo-list li,#page-whichfrevvo #frevvo-list li,#page-support #frevvo-list li
	{
	list-style: none;
	margin-top: 1em;
	font-size: 1em;
	clear:both;
}

#page-business #validation-list li,#page-business #rules-list li {
	list-style: disc;
	margin-top: 0.5em;
}
/*********** help pages *************/
.frevvo-help-title {
	color: #aa0011;
	font-size:1.3em;
}
.frevvo-help-table {
	border: 1px solid #333;
	border-collapse: collapse;
	width: 100%;
}
.frevvo-help-table .c1 {
	width: 60%;
	border-right: 1px solid #333;
	font-size: 0.9em;
}
.frevvo-help-table a img {
	border: none;
}
.frevvo-help-table th {
	font-size: 0.9em;
}
.frevvo-help-table thead tr {
	background-color: #97c46f;
	color:#004400;
	border-bottom: 1px solid #333;
}

.frevvo-help-table .l1,.frevvo-help-table .l2,.frevvo-help-table .l3,.frevvo-help-table .l4
	{
	text-align:center;
}
.frevvo-help-table tbody tr.odd {
	background-color: #deffd3;
}
/*********** free form *************/
#page-freeform .freeform {
	float:left;
	margin: 0 1em 2em 0;
}

/*********** pricing *************/
table.plans {
	width:100%;
	border-collapse: collapse;
	font-size: 0.9em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
table.plans th {
	text-transform: uppercase;
	font-size: 0.9em;
}
table.plans th, table.plans td {
	border-width: 1px;
	text-align: center;
}
table.plans tr.subhead th {
	text-align: left;
}

table.plans tr {
	border-left: 1px solid #333;
}

table.plans thead tr {
	background-color: #ebebeb;
	color:#333;
	border-bottom: 1px solid #333;
}

table.plans thead th.c1,table.plans tbody th {
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}
table.plans tbody tr.odd {
	background-color: #ebebeb;
}
/* Why is this necessary? If you remove it the border at the TOP of the last disappears */
table.plans tbody tr.last {
	border-bottom: 1px solid #333;
}
/* Should not be necessary but Safari barfs */
table.plans thead tr .l4,table.plans tbody tr .l4 {
		border-right: 1px solid #333;
}
table.plans tr.signup td {
	line-height: 1.4em;
}

table.planinfo {
	font-size: 0.9em;
	line-height: 1.4em;
}
table.planinfo th {
	text-transform: uppercase;
}
table.planinfo td {
	vertical-align:top;
}

/* IE6 cannot deal with padding. The following makes bullets visible on IE6 */
table.planinfo ul {
	margin:0.2em 2em 0.2em 3em;
	padding:0;
}

table.planinfo li {
	list-style-type:square;
	list-style-position:outside;
}

/********* Compare ************/
#page-matrix table.plans th, table.plans td.left {
	text-align: left;
}
/********* Plugins ************/
#page-google-apps .no-list,#page-confluence .no-list {
	margin: 0 20px;
	padding: 0;
	list-style-type: none;
}

#page-google-apps a,#page-confluence a {
	text-decoration: none;
}

/********** Screenshots/gallery etc. -> table based pages ***********/
.frevvo-screenshot {
	float:left;
	margin: 0 1em 0 -.3em;
}
.frevvo-screenshot img {
	border:none;
}
.frevvo-table {
	border-left: 1px solid #dadada;
	width: 100%;
}
.frevvo-table thead tr {
	background-color: #ebebeb;
}

.frevvo-table thead th,.frevvo-table tbody td {
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
.frevvo-row-header {
	margin-top: 1em;
	font-size: 1.3em;
}
/************ left panel **********/
#left-content {
	margin: 0;
	font-size:0.9em;
}
/************ right panel **********/
#right-content {
	margin:0.4em 10px 10px 10px; 
	overflow:hidden;
	font-size:0.9em;
	line-height:1.2em;
}
#right-content img {
	border: none;
}
#helpdesk img {
	float: left;
}
#right-content ul {
	margin:0;
	padding:0;
}
.right-panel {
	margin-top: 1em;
}
.right-nav div {
	position: relative;		/* Required for IE6 */
	font-size: 1.2em;
	padding: 0.2em 0;
	background: #eeffcc;
	color: #004400;
}
.right-nav ul {
	list-style:none;
	padding:0;
	margin:0;
	line-height:1.4em;
}
.right-nav li {
	color: #333;
}

.right-nav .indent {
	margin-left:1.5em;
}
.right-nav a {
	text-decoration:none;
}
.right-nav a:hover {
	color: #aa0011;
}
#helpdesk span, #needhelp span, #gallery span {
	float:left;
}

/* line height of the text inside the helpdesk and gallery boxes - home page */
#gallery .content span,#needhelp .content span,#helpdesk .content span {
	line-height:1.5em;
}

#gallery .header,#needhelp .header,#helpdesk .header {
	width:100%;
	font-size:1.1em;
	font-weight:bold;
}

#gallery .header a,#needhelp .header a,#helpdesk .header a {
	float:left;
	width: 100%;
	background-color: #97c46f;
	color: #004400;
	text-decoration: none;
	padding: 0.2em;
	padding-right: 0.5em;
}

#gallery .header a:hover,#needhelp .header a:hover,#helpdesk .header a:hover
	{
	color: #fff;
	background-color: #333;
}

#gallery .content,#needhelp .content,#helpdesk .content {
	width: 100%;
	background-color: #ddeebb;
	color: #004400;
	padding: 0.5em;
}

#gallery .content a,#needhelp .content a,#helpdesk .content a {
		float: left;
		text-decoration: none;
}
#helpdesk .content a {
	width: 100%;
	margin-top: 0.3em;
}
#helpdesk .content a span {
	float: left;
	width: 50%;
	height: 24px;
	line-height: 2em;
}

#gallery .content span,#helpdesk .content span {
	float: left;
	padding-left: 0.5em;
	width: 60%;
}
#needhelp .content span {
	width: 90%;
}
#scheduledemo .content span {
	width: 90%;
}

/*************************************
 +Header
 *************************************/
#header{	
	text-align: center;
	height: 150px;
	z-index:2000;
	position:relative;
}

* html #header {
	height: 160px;
}

#header-top {
	height: 74px;
	text-align: right;
}

#header-top-wall {
	background-color: red;
	color: white;
	margin-right: 20px;
	padding: 0 5px;
}


#header-top a {
	padding: 0;
	text-decoration: none;
}

#header-top-navbar {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#header-top-navbar .header-top-navitem {
	float: right;
	padding-left: 10px;
}
#header-top-navbar .header-top-navitem a:hover {
	color: red;
}
#header-top-navbar .header-top-user {
	float: right;
	font-size: 0.9em;
	margin-right: 20px;
	height: 24px;
}

#header-top-navbar .header-top-user span {
	margin-top: 4px;
	display: block;
}

#header-top-navbar .header-top-icons {
	float: left;
	width: 320px;
	margin-left: 70px;
}

#header-top-navbar .header-top-icons a {
	float: left;
}

#header-top-navbar .header-top-logo a {
	background-repeat:no-repeat;
	display:block;
	width:220px;
	height:70px;
}

/*
#header-top-navbar .header-top-logo a {
	background-image: url(/frevvo/images/bright/TransparentLogo-NoBeta.png);	
}

* html #header-top-navbar .header-top-logo a {
	background:transparent; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/frevvo/images/bright/TransparentLogo-NoBeta.png', sizingMethod='scale');
}
*/

#header-top-navbar .header-top-logo {
	float: left;	 
}




#header-top-navbar img {
	float: left;
	margin-right: 3px;
}
#header-top-navbar .header-top-navbar-desc {
	float: left;
	font-size: 12px;
	margin-top: 4px;
	margin-left: 2px;
	cursor: pointer;
}

#header #logo {
	margin: 0;
	text-decoration: none;
	float: left;
	margin-left: -40px;
}

#header img {
	border: none;
}

#header-navbar {
	height: 75px;
	width: 800px;
	clear: both;
 	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 auto;
	padding: 0px;	
	text-align: center;	
}


#header-navbar1, #header-navbar2, #header-navbar3 {
	height: 75px;
	width: 250px;
	float: right;
	margin:0;
	padding:0;
}

#header-navbar a {
	float: left;
	margin-top: 8px;
	text-decoration: none;
}
#header-navbar img {
	float: left;
}
#header-navbar .header-navbar-desc {
	float: left;
	font-size: 22px;
	width: 150px;
	text-align: left;
}
#header-navbar .header-navbar-subdesc {
	float: left;
	font-size: 14px;
	color: #666;
}

/*************************************
 +Menu
 *************************************/
#menu-navbar {
	clear: both;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.menu-navitem {
	float: left;
	clear: both;
	height: 48px;
	width: 100%;
	border-top: 1px solid #dadada;
}
.menu-navitem.first {
	border-top: none;
}
#menu-navbar a {
	float: left;
	text-decoration: none;
	width: 100%;
}
#menu-navbar img {
	float: left;
	margin: 4px 8px;
	border: none;
}
#menu-nav-bugs img {
	margin: 0;
}
#menu-navbar .menu-navbar-desc {
	float: left;
	font-size: 14px;
	margin-top: 10px;
	cursor: pointer;
}

#page-home #menu-nav-home,#page-about #menu-nav-info,#page-features #menu-nav-info,#page-why #menu-nav-info,#page-whichfrevvo #menu-nav-info,#page-matrix #menu-nav-resources,#page-trynow #menu-nav-resources,#page-trythanks #menu-nav-resources,#page-support #menu-nav-resources,#page-contactUs #menu-nav-contact,#page-videos #menu-nav-help,#page-templates #menu-nav-gallery,#page-templates-cloud #menu-nav-gallery,#page-gallery #menu-nav-gallery
	{
	background-color: #f1f8f1;
}

#left-content #menu-navbar a:hover {
	background-color: #f1f8f1;
}

/*************************************
 +Footer
 *************************************/
#footer{
	padding-top: 20px;
	font-size: 0.9em;
	color:#333;
}

#footer ul {
	list-style: none;
	margin: 0; 
	padding: 0;
	float:left;
}

#footer ul li {
	display: inline;
	padding: 0;
	margin: 0 .5em 0 0;
}

#footer-license,#footer-product,#footer-links {
	display: block;
	width: 100%;
}
#footer-license {
	background-color: #eecccc;
}

/*************************************
 +Navigation - this is the company like menu with dropdown submenus.
 *************************************/
#sn {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 28px;
	margin-top: 20px;
	font-size: 0.9em;
}

#sn a {
	text-decoration: none;
	height: 28px;
	float: left;
	text-align: center;
	width: 79px;
	padding: 0 10px;		/* width + 2*padding = width of li below */
}

#sn li {
	float: left;
	position: relative;
	height: 28px;
	width: 99px;
	background: url(../images/icons2/nav-border.png) no-repeat scroll right
		bottom;
}

#sn .first-item {
	width: 1px;
	padding: 0;
}
#sn .customers {
	width: 106px;
}

#sn li ul {
	display: none;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 28px;
	left: -1px;
	z-index: 1000;
	width: 130px;
}

#sn .left-dd ul {
	top: 28px;
	left: -41px;
}

#sn li ul li {
	padding: 0;
	width: 130px;
}
/* Products menu item needs to be wider */
#sn li #sn-about li {
	width: 150px;
}

#sn li ul li a {
	height: 27px;
	width: 126px;
	text-align: left;
	float: left;
	font-size: 0.9em;
	background: #333;
	color: #fff !important;
	border-bottom: 1px solid #666;
	padding-left: 4px;
}
/* Products menu item needs to be wider */
#sn li #sn-about li a {
	width: 146px;
}

#sn li ul li a:hover {
	background: #a7a7a7; 
}

#sn li:hover, #sn li.over {
	background: url(../images/icons2/nav-border.png) repeat-x scroll right
		bottom;
}

#sn li:hover ul, #sn li.over ul {
	display: block;
}

/******** DEBUG CONSOLE ********/

#console {
	display:none;
	background-color: #333;
	text-align: left;
	color:white;
	width:400px;
	float:right;
	font-size:11px;
	margin-right:0;	
}
#a-invisible-span {
	display:none;
}
/********* Lightbox has moved to body *********/
#lightbox{
	display:none;
}