@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

html { overflow: -moz-scrollbars-vertical !important; background: #e1ecf6 url(/images/bg-html.jpg) repeat-x left top; }
body { font: normal 12px/18px Arial, Helvetica, sans-serif; color: #6f6e6e;  }
p { margin: 0 0 18px; width: 95%; }
#index p:first-child { margin-top: -8px; }
a:link { color: #009ec3; text-decoration: none; }
a:visited { color: #df9429; text-decoration: none; }
a:hover { color: #009ec3; text-decoration: underline; }
a:active { color: #000; text-decoration: underline; }
h1 { font: normal 24px "Myriad Pro", Arial, Helvetica, sans-serif; color: #99cc00; margin: 0 0 12px; letter-spacing: -1px;}
#index h1 { margin:0; }
h2 { font: bold 14px "Myriad Pro", Arial, Helvetica, sans-serif; color: #216ebd; margin: 0 0 12px; }
h3 { font: bold 14px "Myriad Pro", Arial, Helvetica, sans-serif; color: #6f6e6e; margin: 0 0 12px; }
h4 { font: bold 12px "Myriad Pro", Arial, Helvetica, sans-serif; color: #6f6e6e; margin: 0 0 12px; }
h5 { color: #df9429; font: normal 11px Arial, Helvetica, sans-serif; margin: 0 0 6px; }
h6 { font: normal 11px Arial, Helvetica, sans-serif; color: #999; }

.content ul { margin: 18px 30px 24px; }
.content ul ul, 
.content ul ol,
.content ul ul ul,
.content ul ul ol,
.content ul ol ul, 
.content ul ol ol { margin: 8px 14px 11px; }

.content ol { margin: 18px 38px 24px; }
.content ol ol,
.content ol ul,
.content ol ol ol { margin: 8px 23px 11px; }

.content ul ol ol { list-style-type: lower-alpha; }

ul.sitemap { list-style: none; width: 500px; margin: 0; padding:0; }
ul.sitemap ul { list-style: none; margin:0; }
ul.sitemap ul ul { list-style: circle; margin:0; }
ul.sitemap li { line-height: 18px; margin:6px 0 ; padding: 0;  }
ul.sitemap li a { font: bold 14px Arial, Helvetica, sans-serif; display: block; width: 480px; padding: 4px 8px; background-color: #eee; text-align: left; }
ul.sitemap ul li { background: url(/images/bullet-raquo.gif) no-repeat 0px 6px; border-bottom: 1px dotted #ccc; line-height: 18px; margin:0 0 0 80px; padding:4px 0 4px 10px; }
ul.sitemap ul li a { font: bold 12px Arial, Helvetica, sans-serif; border: none; width: auto; padding:0; background-color: #fff; }
ul.sitemap ul ul li { background: none; line-height: 18px; margin:0 0 0 80px; padding:4px 0; border-bottom: none; list-style-type: circle; }
ul.sitemap ul ul li a { font: normal 12px Arial, Helvetica, sans-serif; border: none; width: auto; padding:0;background-color: #fff;}
ol { margin: 15px 0 25px 15px; }
li {}
blockquote {}


.container { width: 960px; margin:0 auto; background-color: #fff;  }

.header { width: 960px; height: 137px; background: #fff url(/images/header.png) repeat-x left top;}
.upperbar { width: 960px; height: 24px; background-color: #000; overflow: hidden; }
.subnav { width: 470px; float: left; padding-left: 10px; font: normal 12px "Myriad Pro", Arial, Helvetica, sans-serif; color: #fff; }
.subnav span { padding: 0 8px; }
.icons { width: 460px; float: right; text-align: right; padding-right: 20px; }
.subnav a, .icons a { font: normal 12px "Myriad Pro", Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; height: 20px; line-height: 24px; }
.community { background: url(/images/icon-community.gif) no-repeat left; padding: 2px 15px 2px 35px;}
.community:hover { background: url(/images/icon-community-hover.gif) no-repeat left; padding: 2px 15px 2px 35px; }
.CustomerSupport { background: url(/images/icon-support.gif) no-repeat left; padding: 2px 15px 2px 35px; }
.CustomerSupport:hover { background: url(/images/icon-support-hover.gif) no-repeat left; padding: 2px 15px 2px 35px; }
.topbar { width: 960px; height: 74px; background: url(/images/bg-topbar.jpg) no-repeat left top; overflow: hidden; }
.branding {width: 652px; float: left; }
.branding h2 { width: 652px; height: 60px; }
.branding h2 a { width: 490px; height: 60px; display: block; cursor: pointer; text-decoration: none; text-indent: -9999px; background: url(/images/PROS-pricing-software-logo.jpg) no-repeat left top; }
.search { width: 270px; float: right; padding-top: 17px; }
.searchbox { width: 187px; height: 21px; background: url(/images/bg-searchbox.png) no-repeat left top; }
.searchbox input[type="text"] { border: none; background: transparent; font: normal 12px Arial, Helvetica, sans-serif; color: #333; padding: 3px; }

.navigation { width: 960px; height: 39px; }

.main { width: 922px; margin: 0 auto; }
.breadcrumbs { width: 922px; height: 20px; }
#index .breadcrumbs { display: none; }
.marketing { width: 922px; }
#index .marketing { width: 922px; height: 254px; overflow: hidden; margin-top: 10px;}
#index .flashbanner { width: 652px; height: 254px; float: left; }
#index .directory { width: 256px; height: 244px; padding: 5px 7px; background: url(/images/bg-directory.jpg) no-repeat left top; float: right; }
#index .directory ul { margin: 0; list-style: none; }
#index .directory td { background: url(/images/bg-double-line.gif) repeat-x left bottom; padding: 12px 19px 10px; width: 232px; }
.last { background: none !important; }
.directory li { background: url(/images/bullet-raquo.gif) no-repeat 0px 3px; line-height: 14px; margin:0; padding:0; padding-left: 9px; }
.directory h4 { font: bold 11px Arial, Helvetica, sans-serif; color: #000; padding:0; margin:0; }
.directory .last h4 { margin-bottom: 6px; }
.directory a { font: bold 11px/14px Arial, Helvetica, sans-serif; }

.related h4 { font: bold 11px Arial, Helvetica, sans-serif; color: #000; padding:0; margin:0 0 8px; }
.related ul { margin: 0 0 18px; list-style: none; }
.related li { background: url(/images/bullet-raquo.gif) no-repeat 0px 4px; line-height: 18px; margin:0; padding:0; padding-left: 10px; }
.related a { font: bold 11px/18px Arial, Helvetica, sans-serif; }

.createcolumns { width: 922px; position: relative; min-height: 460px; }
#index .createcolumns { min-height: 100px; }
.one .sidebar { display: none; }
.one .content { width: 852px; margin: 0 35px; }
.one .related { display: none; }

.two .content { width: 715px; margin: 0 6px 0 201px; float: none; }
#index .two .content { width: 606px; float: left; margin:0; padding: 25px 23px;}

.two .sidebar { width: 166px; float: none; position: absolute; top: 0; left: 0; padding:0;  }
#index .two .sidebar { width: 235px; float: right; padding: 25px 17px; position: relative; }

.two .related { display: none; }
.two .htmlareacontainer { width: 715px; overflow: hidden; display: block; padding: 20px 0; }
.two .htmlarea { width: 205px; margin: 0 20px 20px 0; background-color: #eee; float: left; padding: 5px; min-height: 120px; }

.three .sidebar { width: 166px; float: none; position: absolute; top: 0; left: 0; padding:0;  }
.three .content { width: 505px; margin: 0 35px 0 201px; }
.three .related { width: 160px; position: absolute; top: 0; left: 741px; border-left: 1px solid #cfe6fa; padding: 1px 7px 20px 13px; }

.two .sidebarmenu { width: 140px; background: url(/images/bg-sidebar.jpg) no-repeat left bottom; padding: 13px 13px 80px; }
.three .sidebarmenu { width: 140px; background: url(/images/bg-sidebar.jpg) no-repeat left bottom; padding: 13px 13px 80px; margin-bottom: 25px; }

.tabs { position: relative; }
.tabendlink { position: absolute; top: 51px; right: 12px; text-align: right; font: normal 10px Arial, Helvetica, sans-serif; }

#index .summary { list-style: none; margin:0; padding:0; overflow: hidden; } /* ol modifier */
#index .summary li { font: bold 11px Arial, Helvetica, sans-serif; width: 258px; float: left; margin-right: 32px; margin-top: 3px; }
#index .summary li a { font: bold 11px Arial, Helvetica, sans-serif; min-height: 30px; display: block; background: url(/images/bg-dots.gif) repeat-x bottom left; padding-bottom: 13px; margin: 3px 0 5px; }

.summary { list-style: none; margin:0; padding:0; overflow: hidden; } /* ol modifier */
.summary li { font: bold 11px Arial, Helvetica, sans-serif; width: 220px; float: left; margin-right: 20px; }
.summary li a { font: bold 11px Arial, Helvetica, sans-serif; display: block; background: url(/images/bg-dots.gif) repeat-x bottom left; padding-bottom: 13px; margin: 3px 0 5px; }

.clear { clear: both; }
.footer { width: 922px; margin: 40px auto 0; overflow: hidden; }
.footerlinks { width: 814px; float: left; padding-left: 16px; }
.footerlinks ul { list-style: none; margin: 0; }
.footerlinks li { display: inline; background: url(/images/ibeam.gif) no-repeat right 3px; }
.footerlinks a { font-size: 12px !important; padding: 0 7px 0 6px; }
.copyright { width: 808px; float: left; font-size: 11px !important; padding: 5px 0 0 22px; }
.copyright span { padding: 0 6px; }
.footerlogo { width: 85px; float: right; }
.falcon { padding: 10px 0; width: 100%; text-align: center; font: normal 10px Arial, Helvetica, sans-serif; color: #999; }
.falcon a { font: normal 10px Arial, Helvetica, sans-serif; }

/* carousel styles */
.infiniteCarousel { width: 580px;  position: relative;  height: 100px; background-color: white; }
.infiniteCarousel .wrapper {
  width: 520px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto;  min-height: 10em;  margin: 0 30px;  position: absolute;  top: 0;}
/*.infiniteCarousel ul a img { border: 5px solid #fff;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; }*/
.infiniteCarousel .wrapper ul {  width: 9999px;  list-style-image:none;  list-style-position:outside;  list-style-type:none; margin:0;  padding:0;  position: absolute;  top: 0;}
.infiniteCarousel ul li {  display:block; float:left; padding: 10px; height: 85px; width: 110px;}
.infiniteCarousel ul li a img { display:block;}
.infiniteCarousel .arrow { display: block; height: 36px; width: 27px; background: url(/images/arrow.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 28px; cursor: pointer;}
.infiniteCarousel .forward { background-position: 0 0; right: 0; }
.infiniteCarousel .back {  background-position: 0 -72px; left: 0; }
.infiniteCarousel .forward:hover { background-position: 0 -36px; }
.infiniteCarousel .back:hover { background-position: 0 -108px; }

/* Sidebar menu classes */
.arrowlistmenu{ width: 140px; /*width of menu*/ }
.arrowlistmenu h2 { color: black; font: bold 11px Arial, Helvetica, sans-serif; }
.arrowlistmenu .menuheader{ font: bold 11px Arial, Helvetica, sans-serif; background: url(/images/bullet-raquo.gif) no-repeat 0px 3px; line-height: 14px; margin:0; padding:0 0 4px; padding-left: 10px; color: #009ec3; margin-bottom: 0px; cursor: pointer;}
.arrowlistmenu .openheader{ background: url(/images/bullet-raquo-down.gif) no-repeat 0px 3px; }
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; }
.arrowlistmenu ul li{ padding: 2px 0; border-bottom: 1px solid #b9d9f2; line-height: 13px; }
.arrowlistmenu ul li a{ display: block; padding: 2px 0; padding-left: 8px; text-decoration: none; font: normal 11px Arial, Helvetica, sans-serif; color: #46535e; }
.arrowlistmenu ul li a:visited{ color: #333; }
.arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; }

/* page styles */
.successstory { display: block; overflow: hidden; width: 715px; margin-bottom: 20px; }
.successstory .video { width: 360px; float: right; display: block; padding-top: 24px; }
.successstory .story { width: 320px; padding-right: 34px; min-height: 264px; float: left; display: block; }

#itemsummary { background-color: #eee; border: 1px solid #ccc; padding: 12px 18px; margin: 0 0 10px; }
#itemsummary h4 { color: #1f5c9a; }
#itemsummary p {}

/* form styles */
table.formtable { border: 0; }
table.formtable td { padding: 3px; }
.reqfield { color: Red; font-weight: bold; }


/* addthis styles */
.addthis_toolbox .hover_effect{    width: 375px;    padding: 10px 0 6px 18px;    border: 3px solid #eee;    -moz-border-radius: 5px;    -webkit-border-radius: 5px; margin: 0 auto; }
.addthis_toolbox .hover_effect div{    float: left;}
.addthis_toolbox .hover_effect a{    border: 0px solid #fff;    padding: 2px 2px 2px 16px;    position: relative;    text-decoration: none;}
.addthis_toolbox .hover_effect a:hover{    border: 0px solid #105CB6;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    background: transparent;    color: #105CB6;    text-decoration: none;}
.addthis_toolbox .hover_effect span{    position: absolute;    width: 16px;    height: 16px;    top: 2px;    left: 1px;}

.masthead { margin: 0 0 12px; width: 100%; }
.masthead td { text-align: left; min-width: 505px; height: 70px; vertical-align: bottom; padding: 0 0 2px; }
.masthead td h1 { width: 210px; padding:0 0 1px; margin:0; }


.chart { border: 1px solid #ccc; width: 90%; border-bottom: none; border-right: none; }
.chart th, .chart td { padding: 4px 6px;  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.chart th { background: url(/images/bg-menudrop.jpg) repeat-x top left; text-align: left; vertical-align: top; padding-left: 15px; }
.chart tr:first-child td { background: url(/images/bg-menudrop.jpg) repeat-x top left; text-align: left; vertical-align: top; padding-left: 15px; }
.chart td:first-child { text-align: left !important; vertical-align: top; background-color: #eee !important; font: bold 11px Arial, Helvetica, sans-serif;  }
.chart p { margin:0; padding:0; }
.chart tr.alt td { background-color: #f5fafd; }
.chart tr.over td { background-color: #e3f2ff; }

.chart2 { border: 1px solid #ccc; width: 90%; border-bottom: none; border-right: none; }
.chart2 th, .chart2 td { padding: 4px 6px;  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.chart2 th { background: url(/images/bg-menudrop.jpg) repeat-x top left; text-align: left; vertical-align: top; padding-left: 15px; }
.chart2 tr:first-child td { background: url(/images/bg-menudrop.jpg) repeat-x top left; text-align: left; vertical-align: top; padding-left: 15px; }
.chart2 p { margin:0; padding:0; }
.chart2 tr.alt td { background-color: #f5fafd; }
.chart2 tr.over td { background-color: #e3f2ff; }

.formtable { width: 700px; margin-bottom: 10px; }
.formtable td { vertical-align: top; }
.formtable td:first-child { width: 150px; text-align: right; padding-right: 8px; padding-bottom: 5px; }
.formtable td.checkbox:first-child { width: 700px; text-align: left; padding-right: 0; }
.checkbox br { display: none; }
.formtable .commentbox { width: 600px; }
.formtable label { line-height: 14px; padding-top: 3px; }
.formtable input { font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
.formtable input[type="text"] { border: 1px solid #999; width: 200px; }
.formtable input[type="select"] { min-width: 200px; }
.formtable label span { font-weight: bold; color: #CC0000; }
.formtable .leftalign { text-align: left !important; color: #333; font-size: 11px; }

.nobullets { list-style: none; }
.nobullets li { margin-bottom: 12px; }
/*.sidebar p { font-style: italic; color: #216ebd; }*/

/*ROI Estimator Hover*/
#roiestimator { display: block; height: 79px; width: 159px; background: url(/~/media/images/ROI_button_up.ashx) repeat-x; }
#roiestimator:hover { display: block; height: 79px; width: 159px; background: url(/~/media/images/ROI_button_over.ashx) repeat-x; }


.tabs { padding-top: 45px; }
/** home page slideshow styles **/
#slideshow {
    position:relative;
    width: 580px;
    height:75px;
	clear: both;
	display: block;  
}

#slideshow DIV {
    position: absolute;
	top:0;
	left:0; 
    z-index:8;
    opacity:0.0;
    height: 75px;
    background-color: #FFF;
    padding: 10px;
}

#slideshow DIV.activated {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-activated {
    z-index:9;
}

#slideshow DIV IMG {
    height: 75px;
    width: 110px;
    display: inline;
    border: 0;
    margin-left: 5px;
    margin-right: 5px;
}