/*
-----------------------------------------------
	Buvelo THEMATIC CSS v1.0
	Author:		    John De Santiago
    Last Updated:   2007-10-03
-----------------------------------------------


===== CONTENTS =====

	1: rules for Layout
		: layout
        : form
		: section-header
        : masthead
        : menu
		: section-content
        : section-footer
    2. rules for Home
        : home
	3: rules for Products
		: product
        : product-download
    4. rules for Solutions
        : solution
        : netsuite
        : salesforce
    5. rules for Services
        : service
        : support
    6. rules for Company
        : company
        : about
        : news
        : careers
        : contact
        : privacy-policy
        : site-map
    7. rules for Resources
        : forums
        : case-studies
        : articles
	8: Misc.
		: breadcrumb
        : service-list
        : portal-velocity-central
		: other

====================
*/


/* ____________________________________________1: rules for Layout */

/* Layout
----------------------------------------------- */
* html {
    margin: 0;
    padding: 0;
}

body {
    background: #E9E9E9 url(/images/global/bg.jpg) repeat-x top;
    color: #999;
    margin: 0;
    padding: 0;
    color: #4c4c4c;
    text-align: center;
    font: 69%/1.3em Arial, Helvetica, Geneva, sans-serif;
}

p {
    font-size: 10pt;
    color: #666;
    line-height: 1.4em;
}


#page {
    width: 913px;
    margin: 0 auto;
    text-align: left;
}

/*IE 5-6 HACK to keep the background image from disapearing when scrolling back up  */
* html #header #banner {
    height: 1px;
}

.error {
    font-weight: bold;
    color: red;
    font-size: 10pt;
}

.divider {
    height: 1px;
    font-size: 1px;
    border-bottom: 1px dotted #ccc;
    padding: 5px;
}



/* form
----------------------------------------------- */
.field-row label{
    float: left;
    width: 70px;
    display: block;
}

.field-row input {
    width: 130px;
}

/* section-header
----------------------------------------------- */
#header {
    background: url(/images/global/shadow-top.gif) no-repeat center top;
    padding: 0 6px 0 10px;
    z-index: 1000;
}

#logo {
    display: block;
    float: left;
    width: 140px;
    height: 80px;
    background: url(/images/global/buvelo.png) no-repeat center 19px;
    text-indent: -999em;
    overflow: hidden;
}

.search {
    float: right;
    white-space: nowrap;
    padding-top: 24px;
    padding-right: 20px;
}

.search input {
    padding:2px 0 0 0;
    margin: 0;
  //display: block;
    float: left;
    height: 17px;
    line-height: 17px;
    border: 1px solid #a5acb2;
    margin-right: -1px;
    text-indent: 0.5em;
    color: #666666;
    font-size: 10px;
    text-align: left;
    vertical-align:top;
}

/* masthead
----------------------------------------------- */
#masthead {
    background: #E9E9E9 url(/images/global/bg.jpg) repeat-x top;
    z-index: 1000;
}

#masthead .masthead-banner {
    height: 150px;
    border: 1px solid #9A9A9A;
    border-top-style: none;
    border-bottom-style: none;
}

#masthead .masthead-accent {
    height: 16px;
    border: 1px solid #9A9A9A;
    border-top-style: none;
    border-bottom-style: none;

    background-color: #eee;
}


/* menu
----------------------------------------------- */
#menu {
    position: relative;
    z-index: 5000;
}

#menu li ul {
    display: none;
}

#menu li.hover ul,
#menu li:hover ul,
#menu li:active ul {
    display: block !important;
}

/* IE 5-6 HACK to force IE 5-6 to handle the hover. Ignored by all other browsers */
* html #menu li {
    voice-family: expression(
        this.onmouseover = this.onmouseover || new Function("this.className += ' hover';"),
        this.onmouseout  = this.onmouseout  || new Function("this.className = this.className.replace('hover', '');") );
}

#menu li a {
    cursor: pointer !important;
}

#menu, #menu ul {
    clear: both;
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    z-index: 1000;
}

#menu li {
    list-style: none;
    display: block;
    float: left;
    position: relative;
}

#menu li a {
    display: block;
}

#menu ul {
    position: absolute;
    top: 34px;
    left: -1px;
    width: 175px;
    overflow: hidden;
}

#menu ul li {
    float: none;
}

#menu ul li a {
    width: 175px;
}

#menu {
    -webkit-user-select:ignore;
    height: 34px;
    line-height: 34px;
    background-color: #666;
    padding-left: 7px;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #9A9A9A;
    border-bottom: none;
}

* html #menu li {
    display: inline;
}

#menu li a {
    margin-right: 10px;
    padding-left: 7px;
    padding-right: 7px;
    color: #fff;
    text-decoration: none;
    background: url(/images/global/menuitem-bg.gif) repeat-x center top;
}

#menu li a.nomenu {
    background-color: transparent !important;
}

#menu li a:hover,
#menu li:hover a,
#menu li.hover a {
    background-color: #FFF;
    color: #5A7180;
    background-position: left top;
}

#menu li.on a {
    background-position: right bottom;
    background-color: transparent;
    color: #000000;
}

#menu li a.nomenu:hover,
#menu li:hover a.nomenu,
#menu li.hover a.nomenu {
    background-position: left bottom;
}

#menu li a.nomenu:active,
#menu li:active a.nomenu,
#menu li.active a.nomenu {
    background-position: right bottom;
}

#menu li a.active,
#menu li a:active {
    background-position: right top;
    background-color: transparent !important;
    color: #fff;
}

#menu li ul {
    background: #FFF;
    line-height: 1.9em;
    border: 1px solid #CCC;
    border-top: none;
    padding: 7px 0;
    font-weight: normal;
    font-style: normal;
}

#menu li ul li {
    white-space: nowrap;
    color: #000;
}

#menu li ul li.hr {
    display: block;
    line-height: 1em;
    border-top: 1px solid #CCC;
    margin-top: 0.4em;
    padding: 0.5em 0 0.3em 0;
    padding-left: 7px;
}

#menu li ul li.hr_top {
    display: block;
    line-height: 1em;
    margin-top: 0.4em;
    padding: 0.5em 0 0.3em 0;
    padding-left: 7px;
}

#menu li ul li.separator {
    display: block;
    line-height: 1px;
    border-top: 1px solid #CCC;
    margin-top: 0.4em;
    padding: 0.5em 0 0.3em 0;
    padding-left: 7px;
    font-size: 1px;
}


#menu li ul li.zero {
    line-height: 0px;
    padding: 0;
    height: 0px;
    overflow: hidden;
    margin: 0.2em 0;
}

#menu li ul li a {
    background: none;
    color: #666;
}

#menu li ul li a:hover {
    background: #eee;
}

/* section-content
----------------------------------------------- */
#content {
    padding: 0 16px 20px 20px;
    background: #E9E9E9 url(/images/global/shadow-mid.gif) repeat-y center top;
    z-index: 1000;
}

/*Content Body*/
#content .content-body {
    color: #000;
    margin:0;
    padding:0 0 5px 0
}

#content .content-body p img {
    padding:15px 0 15px 0;
}

#content .content-body p img.border {
    padding:15px 0 15px 0;
    border:1px solid #ccc;
}

#content .content-body h3
{
    padding-bottom: 10px;
    color: #0066CC;
    font-weight: normal;
}

#content .content-body ul {
    margin-top: 0px
}

#content .content-body ul li {
    list-style: url("/images/global/normal-bullet.gif")
}



/* section-footer
----------------------------------------------- */
#footer {
    background: #E9E9E9 url(/images/global/shadow-bottom.gif) no-repeat center top;
    height: 30px;
    color: #999;
    font-size: 11px;
    padding: 17px 6px 25px 10px;
}

#footer a:link,
#footer a:visited {
    color: #999;
}

#footer a:hover,
#footer a:active {
    text-decoration: underline;
}

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

#footer li {
    display: inline;
    border-left: 1px solid #999;
}

#footer li.first {
    border: none;
}

#footer li a {
    padding: 10px;
}

#footer p.copyright {
    float: right;
    margin: 0;
    color: #999;
}

/* ____________________________________________2: rules for Home */

/* home
----------------------------------------------- */

/*Header Style*/
#home #menu {
    background-color: #003333;
}

#home .masthead-banner {
    background: #E9E9E9 url(/images/global/home-banner-image.gif) repeat-x top;
}

#home .masthead-accent {
    background-color: #ccc;
}

/*Content*/
#home #content {
    padding-top: 20px;
}

#home #content .col1 {
    float: left;
    width: 580px;
    margin: 0 0 17px 0;
    padding: 0 20px 0 10px;
}

#home #content .col2 {
    float: left;
    width: 230px;
    margin: 0 0 17px 0;
    padding: 0 10px 0 20px;
}


#home #intro {
    font-size: 10pt;
    font-weight: bold;
    line-height: normal;
    color: #666;
}

#home #intro strong {
    color: #B22222;
}

#home .solutions-table {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

#home .solutions-table th {
    width: 33%;
}

#home .solutions-table ul {
    margin: 0; padding: 0;
    overflow: hidden;
}

#home .solutions-table li {
    list-style: none;
}

#home #velocity-central {
    padding-top: 90px;
    width: 235px;
    height: 165px;
    background: #FFF url(/images/global/velocity-central-bg.gif) no-repeat center top;
}

#home #velocity-central fieldset {
    padding: 10px 20px;
    border: none;
}

#home #velocity-central .textInput {
    width: 175px;
}

#home .news {
    padding: 10px 0;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

#home .why-Buvelo{
    font-size: 12pt;
    color: #999;
    padding-bottom: 30px;
    border-bottom: 1px dotted #ccc;
}

#home .why-Buvelo h2 {
    color: #336699;
}

#home .featured-partners {
    padding-left: 20px;
}

#home .featured-partners h5 {
    color: #003366;
    font-size: 11pt;
    font-weight: normal;
    padding-top: 10px;
}

#home .featured-partners img {
    padding-left: 20px;
}




/* ____________________________________________3: rules for Products */

/* product
----------------------------------------------- */
/*Banner*/
#product .flash {
    width:895px;
    height:150px;
}

/*Content*/
#product #content .col1 {
    float: left;
    width: 150px;
    margin: 0 25px 17px 20px;
}

#product #content .col2 {
    float: left;
    width: 650px;
    margin-right: 15px;
    margin-bottom: 17px;
}

/*Page Menu*/
#product #page-menu {
    padding: 10px 0;
    margin: 10px 0 0 0;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
}

#product #page-menu li {
    list-style:none;
    padding:5px 0 5px 0;
}

#product #page-menu li.open a,
#product #page-menu li a {
    color:#666; text-decoration:none;
}

#product #page-menu li.open a:hover,
#product #page-menu li a:hover {
    color:#009AC8;
}

#product #page-menu li.open {}

#product #page-menu li.on a {
    color:#000;
}

#product #page-menu ul {
    width:124px;
    margin:5px 0;
    padding:0;
    border-top:0 none;
    display: block;
}

#product #page-menu ul li {
    list-style:none;
    padding:0;
    padding:5px 0 5px 10px;
}



/* product-download
----------------------------------------------- */

/* ____________________________________________4: rules for Solutions */

/* solution
----------------------------------------------- */
/*Header Style*/
#solutions #menu {
    background-color: #28455C;
}

#solutions .masthead-banner {
    background: #28455C url(/images/global/solutions/rotate.php) no-repeat top;
}

#solutions .masthead-accent {
    background-color: #28455C;
    height: 15px;
}

/*Content*/
#solutions #content .col1 {
    float: left;
    width: 160px;
    margin: 0 25px 17px 20px;
}

#solutions #content .col2 {
    float: left;
    width: 650px;
    margin: 0 15px 17px 0;
}


/*Page Menu*/
#solutions #page-menu {
    padding: 10px 0;
    margin: 10px 0 0 0;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
}

#solutions #page-menu li {
    list-style:none;
    padding:5px 0 5px 0;
}

#solutions #page-menu li.open a,
#solutions #page-menu li a {
    color:#666; text-decoration:none;
}

#solutions #page-menu li.open a:hover,
#solutions #page-menu li a:hover {
    color:#009AC8;
}

#solutions #page-menu li.open {}

#solutions #page-menu li.on a {
    color:#000;
}

#solutions #page-menu ul {
    width:124px;
    margin:5px 0;
    padding:0;
    border-top:0 none;
    display: block;
}

#solutions #page-menu ul li {
    list-style:none;
    padding:0;
    padding:5px 0 5px 10px;
}

/* netsuite
----------------------------------------------- */

/* salesforce
----------------------------------------------- */

/* ____________________________________________5: rules for Services */

/* service
----------------------------------------------- */

/*Header Style*/
#services #menu {
    background-color: #006600;
}

#services .masthead-banner {
    background: #006600 url(/images/global/services/rotate.php) no-repeat top;
}

#services .masthead-accent {
    background-color: #006600;
    height: 15px;
}

/*Content*/
#services #content .col1 {
    float: left;
    width: 160px;
    margin: 0 25px 17px 20px;
}

#services #content .col2 {
    float: left;
    width: 650px;
    margin: 0 15px 17px 0;
}


/*Page Menu*/
#services #page-menu {
    padding: 10px 0;
    margin: 10px 0 0 0;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
}

#services #page-menu li {
    list-style:none;
    padding:5px 0 5px 0;
}

#services #page-menu li.open a,
#services #page-menu li a {
    color:#666; text-decoration:none;
}

#services #page-menu li.open a:hover,
#services #page-menu li a:hover {
    color:#009AC8;
}

#services #page-menu li.open {}

#services #page-menu li.on a {
    color:#000;
}

#services #page-menu ul {
    width:124px;
    margin:5px 0;
    padding:0;
    border-top:0 none;
    display: block;
}

#services #page-menu ul li {
    list-style:none;
    padding:0;
    padding:5px 0 5px 10px;
}

/* support
----------------------------------------------- */

/* ____________________________________________6: rules for Company */

/* company
----------------------------------------------- */
/*Header*/
#company #menu {
    background-color: #336699;
}

#company .masthead-banner {
    background: #336699 url(/images/global/company/rotate.php) no-repeat top;
    }

#company .masthead-accent {
    background-color: #336699;
    height: 15px;
}

/*Content*/
#company #content .col1 {
    float: left;
    width: 150px;
    margin: 0 25px 17px 20px;
}

#company #content .col2 {
    float: left;
    width: 650px;
    margin-right: 15px;
    margin-bottom: 17px;
}

/*Page Menu*/
#company #page-menu {
    padding: 10px 0;
    margin: 10px 0 0 0;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
}

#company #page-menu li {
    list-style:none;
    padding:5px 0 5px 0;
}

#company #page-menu li.open a,
#company #page-menu li a {
    color:#666; text-decoration:none;
}

#company #page-menu li.open a:hover,
#company #page-menu li a:hover {
    color:#009AC8;
}

#company #page-menu li.open {}

#company #page-menu li.on a {
    color:#000;
}

#company #page-menu ul {
    width:124px;
    margin:5px 0;
    padding:0;
    border-top:0 none;
    display: block;
}

#company #page-menu ul li {
    list-style:none;
    padding:0;
    padding:5px 0 5px 10px;
}

/* about
----------------------------------------------- */
.aboutus #menu {
    background-color: #336699;
}

.aboutus .masthead-banner {
    background: #336699 url(/images/global/company/rotate.php) no-repeat top;
    
}

.aboutus .masthead-accent {
    background-color: #336699;
    height: 15px;
}

/* news
----------------------------------------------- */
.news #menu {
    background-color: #336699;
}

.news .masthead-banner {
    background: #336699 url(/images/global/company/rotate.php) no-repeat top;
    }

.news .masthead-accent {
    background-color: #336699;
    height: 15px;
}
/* careers
----------------------------------------------- */
.careers #menu {
    background-color: #336699;
}

.careers .masthead-banner {
    background: #336699 url(/images/global/company/rotate.php) no-repeat top;
    }
.careers .masthead-accent {
    background-color: #336699;
    height: 15px;
}
/* contact
----------------------------------------------- */
#contact #menu {
    background-color: #336699;
}

#contact .masthead-banner {
    background: #336699 url(/images/global/contact_banner_image.jpg) repeat-x top;
    }

#contact .masthead-accent {
    background-color: #336699;
    height: 15px;
}

/*Content*/

#contact #content .col1 {
    float: left;
    width: 150px;
    margin: 0 25px 17px 20px;
}

#contact #content .col2 {
    float: left;
    width: 650px;
    margin-right: 15px;
    margin-bottom: 17px;
}

/*Page Menu*/
#contact #page-menu {
    padding: 10px 0;
    margin: 10px 0 0 0;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
}

#contact #page-menu li {
    list-style:none;
    padding:5px 0 5px 0;
}

#contact #page-menu li.open a,
#contact #page-menu li a {
    color:#666; text-decoration:none;
}

#contact #page-menu li.open a:hover,
#contact #page-menu li a:hover {
    color:#009AC8;
}

#contact #page-menu li.open {}

#contact #page-menu li.on a {
    color:#000;
}

#contact #page-menu ul {
    width:124px;
    margin:5px 0;
    padding:0;
    border-top:0 none;
    display: block;
}

#contact #page-menu ul li {
    list-style:none;
    padding:0;
    padding:5px 0 5px 10px;
}

#contactForm {
  background: #fff;
}

#contactForm .required{
    color: #FF0000;
}

#contactForm .formField {
    padding: 5px 0;
}



/* privacy-policy
----------------------------------------------- */
.privacy #menu {
    background-color: #336699;
}

.privacy .masthead-banner {
    background: #336699 url(/images/global/company/rotate.php) no-repeat top;
    
}

.privacy .masthead-accent {
    background-color: #336699;
    height: 15px;
}

.privacy .required{
    color: #FF0000;
}

#company #content .content-privacypolicy {
    color: #000;
    margin:0 20px;
    padding:0 0 5px 0
}

/* site-map
----------------------------------------------- */
#company #content .content-sitemap {
    color: #000;
    margin:0 20px;
    padding:0 0 5px 0
}

#company #content .content-sitemap ul {
    margin: 0;
    margin-bottom: 10px;
}

#company #content .content-sitemap li {
    margin: 0;
    padding: 0;
}

#company #content .content-sitemap .col1 {
    float: left;
    width: 250px;
    margin: 0 12px;
    padding: 0;
}

#company #content .content-sitemap .col2 {
    float: left;
    width: 250px;
    margin: 0 12px;
    padding: 0;
}

#company #content .content-sitemap .col3 {
    float: left;
    width: 250px;
    margin: 0 12px;
    padding: 0;
}


/* ____________________________________________7: rules for Resources */

/* forums
----------------------------------------------- */

/* case-studies
----------------------------------------------- */

/* articles
----------------------------------------------- */

/* ____________________________________________8: rules for Misc. */

/* breadcrumb
----------------------------------------------- */
div.breadcrumb {
    white-space: nowrap;
    margin: 0;
    padding: 5px 10px 20px 20px;
}

div.breadcrumb a {
    color: #999999;
    text-decoration:none;
}

div.breadcrumb a:hover {
    color:#009ac8;
}

div.breadcrumb ul {
    margin:0px;
    padding:0;
}

div.breadcrumb ul li {
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}

div.breadcrumb ul li.divider {
    margin:0 8px 0 8px;
    padding:0;
    color:#999;
}

/* service-list
----------------------------------------------- */

#service-list {
    margin: 0; padding: 0;
}

#service-list li {
    list-style: none;
}


#service-list li.hr {
    display: block;
    line-height: 1em;
    border-top: 1px solid #CCC;
    margin-top: 0.4em;
    padding: 0.5em 0 0.3em 0;
    font-weight: bold;
}

#service-list li.hr_top {
    display: block;
    line-height: 1em;
    margin-top: 0.4em;
    padding: 0.5em 0 0.3em 0;
    font-weight: bold;
}

/* portal-velocity-central
----------------------------------------------- */

/*Content*/
#portal-velocity-central #content {
    padding-top: 20px;
}

#portal-velocity-central #content .col1 {
    float: left;
    width: 160px;
    margin: 0 0 17px 0;
    padding: 0 20px 0 10px;
}

#portal-velocity-central #content .col2 {
    float: left;
    width: 580px;
    margin: 0 0 17px 0;
    padding: 0 10px 0 20px;
}

#portal-velocity-central #velocity-central {
    padding-top: 90px;
    width: 235px;
    height: 165px;
    background: #FFF url(/images/global/velocity-central-bg.gif) no-repeat center top;
}

#portal-velocity-central #velocity-central fieldset {
    padding: 10px 20px;
    border: none;
}

#portal-velocity-central #velocity-central .textInput {
    width: 175px;
}

/* other
----------------------------------------------- */

.clr {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* Eliminate cascade of text-align-center to center page in IE6/HTML 4.01 */
div {text-align:left; }

/* IE 5.5 and lower sets a defualt font size */
table {font-size:11px;}

/* zeros out margins on the ASP.NET Form Tag (oprea applies a defualt margin on form tags wich was cuasing a white space gap on the top of the page) */
form {margin:0px;}

img {border:0;}

a {
    color:#009AC8;
    text-decoration:none;
}

a:hover {
    color:#B31B34;
}

h1 {
    margin:0px;
    font-size:21px;
    color:#4c4c4c;
    padding:7px 0px 2px 0px;
}

h2 {
    color: #008000;
    font-size:16px;
    font-weight:normal;
    margin:0;
    padding:9px 0 2px 0;
    line-height: 18px;
}

h3 {
    font-weight:bold;
    font-size:12px;
    margin:0;
    padding:0;
}

h4 {
    font-size: 11px;
    margin:0;
    padding:0;
}

h5 {
    font-size: 10pt;
    margin:0;
    padding:0;
}

h3, h4, h5 {
    color: #666;
    font-weight: bold;
}

p {
    margin:0;
    padding:0 0 16px 0;
}

span.required {
    color:#d81f2a;
}

td {
    vertical-align:top;
}
/*Hiding Data
-----------------------------------------------*/
.hidden { display: none; }
.unhidden { display: block; }