/**
 * @copyright  Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
 * @license    GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
  padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
  float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
  display: block;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 11px;
  color: #666;
  cursor: pointer;
}

.button2-left span,
.button2-right span {
  cursor: default;
  color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
  padding: 0 6px;
}

.page span {
  color: #000;
  font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
  text-decoration: none;
  color: #0B55C4;
}

.button2-left a,
.button2-left span {
  padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
  padding: 0 6px 0 24px;
}

.button2-left {
  background: url(../images/j_button2_left.png) no-repeat;
  float: left;
  margin-left: 5px;
}

.button2-right {
  background: url(../images/j_button2_right.png) 100% 0 no-repeat;
  float: left;
  margin-left: 5px;
}

.button2-left .image {
  background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore,
.button2-left .article {
  background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
  background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
  background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
  float: left;
  background: #ffc;
  border: 1px solid #D4D5AA;
  padding: 5px;
  max-width: 200px;
  z-index:13000;
}

div.tooltip h4 {
  padding: 0;
  margin: 0;
  font-size: 95%;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
  font-size: 90%;
  margin: 0;
}

/* Caption fixes */
/* Caption fixes */
.img_caption .left {
        float: left;
        margin-right: 1em;
}

.img_caption .right {
        float: right;
        margin-left: 1em;
}

.img_caption .left p {
        clear: left;
        text-align: center;
}

.img_caption .right p {
        clear: right;
        text-align: center;
}

.img_caption  {
  text-align: center!important;
}

.img_caption.none {
  margin-left:auto;
  margin-right:auto;
}


/* Calendar */
a img.calendar {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  background: url(../images/calendar.png) no-repeat;
  cursor: pointer;
  vertical-align: middle;
}
/**
 * @copyright  Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
 * @license    GNU General Public License version 2 or later; see LICENSE.txt
 */

/* System Messages */
#system-message {
  margin-bottom: 10px;
  padding: 0;
}

#system-message > dt {
  font-weight: bold;
  display: none;
}

#system-message > dd {
  margin: 0;
  font-weight: bold;
  text-indent: 30px;
}

#system-message > dd > ul {
  color: #0055BB;
  background-position: 4px top;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  list-style: none;
  padding: 10px;
  border-top: 3px solid #84A7DB;
  border-bottom: 3px solid #84A7DB;
}

#system-message > dd > ul > li {
  line-height: 1.5em;
}

/* System Standard Messages */
#system-message > .message > ul {
  background-color: #C3D2E5;
  background-image: url(../images/notice-info.png);
}

/* System Error Messages */
#system-message > .error > ul,
#system-message > .warning > ul,
#system-message > .notice > ul {
  color: #c00;
}

#system-message > .error > ul {
  background-color: #E6C0C0;
  background-image: url(../images/notice-alert.png);
  border-color: #DE7A7B;
}

/* System Warning Messages */
#system-message > .warning > ul {
  background-color: #E6C8A6;
  background-image: url(../images/notice-note.png);
  border-color: #FFBB00;
}

/* System Notice Messages */
#system-message > .notice > ul {
  background-color: #EFE7B8;
  background-image: url(../images/notice-note.png);
  border-color: #F0DC7E;
}

/**
 * @copyright  Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
 * @license    GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Unpublished */
.system-unpublished, tr.system-unpublished {
  background: #e8edf1;
  border-top: 4px solid #c4d3df;
  border-bottom: 4px solid #c4d3df;
}

span.highlight {
  background-color:#FFFFCC;
  font-weight:bold;
  padding:1px 4px;
}

.img-fulltext-float-right {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

.img-fulltext-float-left {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;
}

.img-intro-float-left {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.img-intro-float-none {
}
/*****************************/
/*** Core html setup stuff ***/
/*****************************/

.smallbusinessoverview, .recruitingoverview, .salesoverview, .partnersoverview, .marketingoverview, .enterpriseoverview{
  background: url('/business/images/homepagetabicons.png') no-repeat;
}

.smallbusinessoverview{
  background-position: -664px 12px !important;
 padding-left: 45px !important;
}

.recruitingoverview{
  background-position: -332px 12px !important;
 padding-left: 50px !important;
}

.salesoverview{
  background-position: -166px 12px !important;
 padding-left: 45px !important;
}

.partnersoverview{
  background-position: -830px 12px !important;
   padding-left: 55px !important;
}

.marketingoverview{
  background-position: 0 12px !important;
   padding-left: 60px !important;
}

.enterpriseoverview{
  background-position: -498px 12px !important;
  padding-left: 60px !important;
}
#testimonials
{
clear: both;
width: 1000px;
  min-height: 150px;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 25px;
}
#testimonials p {
  font-family:arial,helvetica,sans-serif;
  font-size:15px;  
  color: #666666
}
#testimonials #box1 {
  width:485px;
  float:left;
  padding-right:30px;
}
#testimonials #box2 {
  width:485px;
  float:left;
}
html {
  height: 100%;
  margin-bottom: 1px;
}

table, tr, td {
  padding: 0;
  border-spacing: 0;
}

span.article_separator {
  display: none;
}

body {
  font-family: Arial,Helvetica,sans-serif;
  line-height: 1.5em; /* affects line spacing for text and menus */
  margin: 0px;
  font-size: small;
  color: #333;
}


table.contentpaneopen{
margin-left:auto; 
margin-right:auto;
}

table.contentpaneopen td {
padding: 0;
}

a:link, a:visited {
  color: #0066bb;
  font-weight: normal;
}

a:hover {
  font-weight: normal;
}

p { margin-top: 0; margin-bottom: 1em; }

img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

a#gray_link:link, a#gray_link:visited {
  font-weight: bold;  
  color: #909090; /* Used for hyperlinks in boxes on front page...but is it really affectin it? */
}


/**************************************************************/
/* Latest News module used as a Article Index for a Category. */
/**************************************************************/
div.moduletable_index {
  border-bottom: 1px dotted #d1d1d1;
}

.moduletable_index h3{
  color: #909090;
}

.latestnews_index ul{
}

.latestnews_index li{
  list-style:decimal;
}
#productsbox  a.btn_small:link, #productsbox  a.btn_small:hover {
  color: #FFF;
}

#bluegradbox {
  background-color: #007dc3;
  background: -moz-linear-gradient(center bottom, #154B7E 9%, #007FC2 84%) repeat scroll 0 0 transparent; /* FF 3.6+ */  
background: -webkit-gradient(linear, center bottom, center top, color-stop(9%, #154B7E), color-stop(84%, #007FC2)); /* Safari 4+, Chrome 2+ */  
background: -webkit-linear-gradient(center bottom,  #154B7E 9%, #007FC2 84%) repeat scroll 0 0 transparent; /* Safari 5.1+, Chrome 10+ */  
background: -o-linear-gradient(center top,  #154B7E 9%, #007FC2 84%) repeat scroll 0 0 transparent; /* Opera 11.10 */  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007FC2', endColorstr='#154B7E'); /* IE6 & IE7 */  
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#007FC2', endColorstr='#154B7E')"; /* IE8+ */  
background: linear-gradient(center bottom, #154B7E 9%, #007FC2 84%) repeat scroll 0 0 transparent; /* the standard */  
  float: left;
  min-height: 300px;
  width: 980px;
  margin: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#bluegradbox.pro {
  background: url('/business/images/badge-pro.png') no-repeat scroll right top,-moz-linear-gradient(center bottom, #154B7E 9%, #007FC2 84%) repeat scroll 0 0 transparent; /* FF 3.6+ */  
background: url('/business/images/badge-pro.png') no-repeat scroll right top,-webkit-gradient(linear, center bottom, center top, color-stop(9%, #154B7E), color-stop(84%, #007FC2)); /* Safari 4+, Chrome 2+ */  
background: url('/business/images/badge-pro.png') no-repeat scroll right top,-webkit-linear-gradient(center bottom,  #154B7E 9%, #007FC2 84%) repeat scroll 0 0 transparent; /* Safari 5.1+, Chrome 10+ */  
background: url('/business/images/badge-pro.png') no-repeat scroll right top,-o-linear-gradient(center top,  #154B7E 9%, #007FC2 84%) repeat scroll 0 0 transparent; /* Opera 11.10 */  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007FC2', endColorstr='#154B7E'); /* IE6 & IE7 */  
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#007FC2', endColorstr='#154B7E')"; /* IE8+ */  
background: url('/business/images/badge-pro.png') no-repeat scroll right top,linear-gradient(center bottom, #154B7E 9%, #007FC2 84%) repeat scroll 0 0 transparent; /* the standard */ 
}
#bluegradbox h2 {
color: #fff;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 22px;
margin: 0;
padding: 15px 0px 0px 0px;
float: left;
}


#bluegradbox h3 {
  margin: 70px 0px 15px;
  font-size: 28px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 500px;
  float: left;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
}



#bluegradbox p {
  margin: 0px 0px 15px 0px;
  font-size: 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 525px;
  float: left;
  color: #fff;
  line-height: 28px;
}
#bluegradbox / {
  margin: 5px 0px;
  font-size: 16px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 360px;
  float: left;
  color: #fff;
  font-weight: bold;
  line-height: 18px;
}


#bluegradbox img {
  font-size: 14px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
  margin-top: 10px;

}
.btn_medium {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f58026;
  background-image: linear-gradient(bottom, #C25208 9%, #EE7824 66%, #FD832C 84%);
  background-image: -o-linear-gradient(bottom, #C25208 9%, #EE7824 66%, #FD832C 84%);
  background-image: -moz-linear-gradient(bottom, #C25208 9%, #EE7824 66%, #FD832C 84%);
  background-image: -webkit-linear-gradient(bottom, #C25208 9%, #EE7824 66%, #FD832C 84%);
  background-image: -ms-linear-gradient(bottom, #C25208 9%, #EE7824 66%, #FD832C 84%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.09, #C25208),
    color-stop(0.66, #EE7824),
    color-stop(0.84, #FD832C)
  );
  -webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
  font-family: Arial, Helvetica, sans-serif;
  min-width: 235px;
  min-height: 35px;
  margin: 5px;
  color: #fff;
  text-align: center;
  padding: 10px 0px;
  border: 1px solid #a6601a;
  text-shadow: 0px 0px 3px rgba(100, 100, 100, 1);
  float: left;
  text-decoration: none;
}

.btn_medium_main {
  font-size: 18px;
  font-weight: bold;
  padding: 0px;
  margin: -3px 0px 0px 0px;
  vertical-align: middle;
  color: #FFF;
  list-style: none outside none;
}
.btn_medium_main_nosub {
  font-size: 18px;
  font-weight: bold;
  margin: auto 0px;
  vertical-align: middle;
  line-height: 35px;
    color: #FFF;
  list-style: none outside none;
}

.btn_medium:hover {
  background-color: #e5620c;
  background: linear-gradient(bottom, #e5620c 9%, #EE7824 66%, #FD832C 84%);
  background: -o-linear-gradient(bottom, #e5620c 9%, #EE7824 66%, #FD832C 84%);
  background: -moz-linear-gradient(bottom, #e5620c 9%, #EE7824 66%, #FD832C 84%);
  background: -webkit-linear-gradient(bottom, #e5620c 9%, #EE7824 66%, #FD832C 84%);
  background: -ms-linear-gradient(bottom, #e5620c 9%, #EE7824 66%, #FD832C 84%);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.09, #e5620c),
    color-stop(0.66, #EE7824),
    color-stop(0.84, #FD832C)
  );
  border: 1px solid #7a4815;
}

.btn_medium:active {
  background-color: #e5620f;
  background: linear-gradient(bottom, #e5620c 9%, #EE7824 66%, #FD832C 84%);
  background: -o-linear-gradient(bottom, #e5620c 9%, #EE7824 66%, #FD832C 84%);
  background: -moz-linear-gradient(bottom, #e5620c 9%, #EE7824 66%, #FD832C 84%);
  background: -webkit-linear-gradient(bottom, #e5620c 9%, #EE7824 66%, #FD832C 84%);
  background: -ms-linear-gradient(bottom, #e5620c 9%, #EE7824 66%, #FD832C 84%);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.09, #e5620c),
    color-stop(0.66, #EE7824),
    color-stop(0.84, #FD832C)
  );
  border: 1px solid #7a4815;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
  -moz-box-shadow:    0px 0px 4px rgba(0, 0, 0, 1);
  box-shadow:         0px 0px 4px rgba(0, 0, 0, 1);
}

.btn_medium_subtitle {
  font-size: 12px;
  color: #FFF;
  padding: 0px;
  font-weight: normal;
  list-style: none outside none;
/*  padding-top: 5px;*/
}
li.btn_medium, li.btn_medium:active, li.btn_medium:hover {
  color: #FFF; 
 
}
#bluegradbox.pro a.btn_medium ul {
  padding: 0px;
  margin: 5px 0px;
}
#role_box {
  float: left;
  width: 980px;
  min-height: 250px;
  background-image: url('/business/images/ltbluearch2.jpg');
  background-repeat: no-repeat;
  margin: 20px 10px;
}
#singlecolbox {
  float: left;
  min-height: 250px;
  width: 320px;
  margin: 0px 5px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#singlecolbox h3 {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 5px 0px;
}

#singlecolbox p {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 20px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
}

#singlecolbox img {
  display: block;
  margin: 5px auto;
}
#singlecolbox a {
      color: #3366CC;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 15px;
    text-decoration: none;
}


#logoset a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #3366cc;
  font-weight: bold;
  text-decoration: none;
float: right; 
  margin: 15px;
}


#logoset {
/*  min-height: 235px;*/
  width: 980px;
margin: 15px 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ccc;
clear: both;
  padding-top: 20px;
)

#logoset-none { 
    width: 980px;
margin: 15px 10px;
float: right;
  padding-top: 20px;}

#logoset img {
  width: 980px;
}
#logoset p {
  width: 980px;
  font-size: 12px;
}

