body {
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #fff;
color: #000000;
padding: 0;
margin: 0px 0px 24px 8px;
}

table, tr, td {
font-size:1.0em;
line-height:1.5em;
}

a {
color: #369;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h2 {
font-size: 18px;
line-height:1.2em;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
color: #000;
}

h3 {
font-size: 1em;
line-height: 1em;
font-weight: bold;
margin: 0px;
padding: 0px;
}

h4 {
font-size: 1.1em;
margin: 0;
padding: 0;
}

ul {
list-style-image: url(/p/images/arrow.gif);
margin-top: 1em;
margin-left: 0;
padding-left: 1.5em;
}

li {
padding: 0px 0 4px 0;
line-height:1.5em;
}

li.extra_padding {
list-style-image: url(/p/images/arrow.gif);
padding: 0 0 15px 0;
}

#header {
width: 760px;
height: 95px;
margin: 0;
padding: 0;
}

#header img {
border: 0;
}

#logo {
width: 760px;
}

#logo h1 {
float: left;
}

#sign_in {
float: right;
text-align: right;
padding: 10px 0 0 0;
}

#sign_in a {
color: #3971A6;
}

#sign_in a:hover {
color: #3971A6;
}

#sign_in #home_contact a:hover {
color: #3971A6;
background: url(/p/images/header_link_back.gif) repeat-x;
padding: 5px 0 0 0;
}

#sign_in img {
border: 0;
}

.sign_in_button {
margin: 25px 0 0 0;
}

#menu {
clear: both;
width: 760px;
height: 26px;
margin: 0;
padding: 0;
background-color: #e5e5e5;
}

#menu img {
border: 0;
}

#menu ul {
margin: 0;
padding: 0;
text-align: left;
}

#menu li {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}

#main {
background-color: #fff;
}

#main_content {
background-color: #fff;
}

#primary_content {
float: left;
text-align: left;
width: 559px;
margin: 0 11px 0 0;
font-size: 1.3em;
background-color: #fff;
}

#primary_content p {
margin: 0;
padding: 0;
}

#working_together {
margin: 22px 0 30px 17px;
}

#why_quickbase {
width: 559px;
height: 235px;
margin: 0;
padding: 0;
background: url(/p/images/qb_30.jpg) no-repeat;
}

#why_quickbase_text {
float: left;
width: 250px;
height: 200px;
margin: 20px 0 0 42px;
font-size: 0.85em;
}

#why_quickbase_text p {
height: 25px;
margin: 0 0 33px 0;
}

#why_quickbase_text p .last {
height: 25px;
margin: 0 0 0 0;
}

#why_quickbase_links {
float: right;
margin: 0;
width: 150px;
padding: 112px 10px 0 0;
}

#why_quickbase_links img {
border: 0;
}

#thirty_day_trial {
height: 167px;
background: url(/p/images/qb_22.jpg) repeat-x #93c1d9;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 1.2em;
margin: 12px 0 0 0;
_margin: -6px 0 0 0;
padding: 0;
}

#thirty_day_trial p {
padding: 0 12px;
}

#thirty_day_trial img {
border: 0;
}

#sidebar_content_ent {
float: left;
background: url("../../images/graybox-bg.jpg") no-repeat 6px;
width: 200px;
height: 280px;
margin: 0;
margin-top: 20px;
padding: 0;
background-color: #fff;
}

#sidebar_content {
float: left;
width: 190px;
margin: 0;
padding: 0;
background-color: #fff;
}

#customer_success {
background-color: #e5e5e5;
color: #666;
text-align: center;
font-weight: bold;
font-family: verdana;
font-size: 0.9em;
margin: 1px 0 0 0;
padding: 0;
}

#customer_success p {
padding: 0 12px 12px 12px;
margin: 12px 0 0 0;
}

#customer_success img {
border: 0;
}

#webinars {
background-color: #e5e5e5;
color: #666;
text-align: center;
font-family: verdana;
font-size: 0.9em;
margin: 1px 0 0 0;
}

#webinars p {
padding: 9px 0 9px 3px;
margin: 0;
width: 178px;
}

#webinars p.text {
font-weight: bold;
text-align: left;
margin: 0 6px;
padding: 12px 0;
}

#webinars img {
border: 0;
}

.webinar_date {
color: #30639c;
line-height:1.2em;
}

#tertiary_nav {
width: 559px;
height: 129px;
background: url(/p/images/tertiary_nav_back.gif) repeat-x #f2f2f2;
margin: 0;
_margin: -25px 0 0 0;
padding: 0;
font-size: 0.85em;
}

#tertiary_nav p {
padding: 10px 10px 0 0;
}

#apps {
float: left;
padding: 20px 0 0 16px;
width: 309px;
font-size: 0.8em;
}

#apps a {
color: #f90;
font-weight: bold;
text-decoration: none;
}

#proj_man {
float: left;
margin: 25px 0 0 0px;
width: 90px;
}

#scm {
float: left;
margin: 25px 0 0 5px;
width: 110px;
}

#other_apps {
float: left;
margin: 25px 0 0 0px;
width: 90px;
}

#teams {
float: right;
margin: 20px 0 0 0;
width: 211px;
}

#footer {
clear: both;
margin: 12px 0 0 0;
padding: 14px 0 0 0;
width: 760px;
color: #999;
background: url(/p/images/qb_61.gif) repeat-x #fff;
}

#copyright {
float: left;
}

#privacy {
float: right;
}

.clear_float {
clear: left;
height:0;
line-height:0;
}

.smaller_text {
font-size: 0.8em;
}

a.sol_over_link {
color: #39c;
text-decoration: none;
}

a.sol_over_link:hover {
text-decoration: underline;
}
a.callout_link {
color: #6c7cb4;
font-size: 9px;
text-decoration: none;
}

a.callout_link:hover {
text-decoration: underline;
}
.callout
{
                font-size: 9px;
                
}
/* legacy */
.bluebold
                {  
                font-weight: bold; 
                color: #000; 
                text-decoration: none;
                vertical-align:top;
                padding-top:6px;
                }
                
                
a.bluelink
                {  
                font-weight: normal; 
                color: #369; 
                text-decoration: none;
                line-height:1.2em;
                }
                
a.bluelink:hover 
                {
                text-decoration: underline
                }
                

a.greylink
                {  
                font-weight: normal;
                line-height:1.2em; 
                color: #999; 
                text-decoration: none;
                }              

.contentgray {
                FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #646464; LINE-HEIGHT: 17px; FONT-STYLE: normal; FONT-FAMILY: "Verdana", "Helvetica", "Arial"; TEXT-DECORATION: none
}

.graybox {
                BORDER-RIGHT: #e3e3e3 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: #e3e3e3 1px solid; PADDING-LEFT: 12px; PADDING-BOTTOM: 12px; BORDER-LEFT: #e3e3e3 1px solid; PADDING-TOP: 12px; BORDER-BOTTOM: #e3e3e3 1px solid; BACKGROUND-COLOR: #ffffff
}

.LightBlueBox {
                BORDER-RIGHT: #a9afdc 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #a9afdc 1px solid; PADDING-LEFT: 15px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; BORDER-LEFT: #a9afdc 0px solid; COLOR: #23338b; LINE-HEIGHT: 18px; PADDING-TOP: 10px; BORDER-BOTTOM: #a9afdc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9fbfd
}
.BoxBlue {
                PADDING-BOTTOM:2PX; FONT-WEIGHT: bold; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #6c7cb4; TEXT-ALIGN: center
}
.BoxGray {
                BORDER-RIGHT: #d7d7d7 1px solid; BORDER-LEFT: #d7d7d7 1px solid; BORDER-BOTTOM: #d7d7d7 1px solid;
}

td.iconCol{
                text-align:           center;
                vertical-align:     top;
                padding: 8px 6px 0px 12px;
                width: 10%;
}
td.lmCol{
                text-align:           right;
                vertical-align:     top;
                padding: 6px 4px 0px 12px;
                width: 84px;
}

td.synop
                {
                padding-bottom:             12px;
                color:                                     #555;
                }
                

TR.ev2 {
                BACKGROUND-COLOR: #f2f2f2
}

TR.od2 {
                BACKGROUND-COLOR: #ffffff;
}
TD.ev2 {
                BACKGROUND-COLOR: #f2f2f2
}

TD.od2 {
                BACKGROUND-COLOR: #ffffff;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/* Search box styles */  
#searchBox #q {
border:1px solid #7aa6d3;
padding-left: 2px;
}

#searchBox {
margin-top: 6px;
}

.enterprise #searchBox {
margin-left: 8px;
_margin-left: 4px;
_margin-bottom: 0;
_padding-bottom: 0;
}

#searchBox #s {
background-image:url(/p/images/search.gif); 
background-repeat:no-repeat; 
background-position:center; 
cursor: pointer; 
width:20px; 
border: none; 
vertical-align:top; 
background-color:#ffffff;
}

#searchBox label {
font-size: 11px;
color: #666666;
display: block;
font-variant: small-caps;
letter-spacing: 2px;
}


/* Support resource styles */
.resources {
                margin-bottom: 18px;
                }

.resources td {
                vertical-align: top;
                border-top: 1px solid #e5e5e5;
                padding: 4px 6px 12px 6px;
                color: #666666;
                }
                
.resources td a {
                font-weight: bold;
                }
                
/* Support resource styles */     
.rtb {background-image:url(/p/images/rtb_bkgnd.gif); 
background-repeat:no-repeat; 
padding: 22px 15px 10px 20px;


}
.rtbBottom {background-image:url(/p/images/rtb_bottom.gif);
                background-repeat:no-repeat;
                background-color:#FFFFFF;
                margin-bottom: 30px;
}

.enterprise ul {
list-style-image: url(/p/images/blue_dot.gif);
margin-top: 1em;
margin-left: 0;
padding-left: 1.5em;
}
/* addition to tone down the wildfires link color */
#wcgIntuitLinks a.wcgCalifWildFires {background:url()!important;color:#3366aa !important;font:normal 10px Verdana, Helvetica, sans-serif !important;margin-top:3px;}