/*
**************************************************
ChromeRiver
08/16/2011
**********
design & code by Emblematiq - www.emblematiq.com
**************************************************
/*

/*------------------------------
Reset browser defaults
------------------------------*/
section, article, header, footer, nav, aside, hgroup {display:block;}
:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,address,canvas {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {display:none; font-style:normal;}
b {font-weight:normal;}

/*------------------------------
Default styles
------------------------------*/
body {background:#fff; color:#363d40; font:13px/18px Arial, Helvetica, sans-serif;}
a {font-weight:bold; color:#1d97bf;}
a:hover {color:#1f4b59;}
p, ul, ol, h1, h2, h3, blockquote, article {padding-bottom:18px;}
ul ul, ul ol, ol ol, ol ul {padding-bottom:0;}
h1, h2 {color:#1f4b59;}
h1 {font-size:42px; line-height:36px; letter-spacing:-1px;}
h1 span {display:block; font-size:20px; line-height:18px; color:#738f99; letter-spacing:0;}
h2 {font-size:18px;}
h3, h4, h5, h6 {color:#335966;}
h3 {font-size:20px;}
h4 {font-size:14px;}
h6 {font-size:14px;}
blockquote {color:#a3b8bf; font-size:17px; font-style:italic; text-indent:20px; background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/content/quote.gif) no-repeat 0 2px;}
article {padding-left:10px; padding-right:10px;}
time {color:#7c9ba6; font-weight:bold; text-transform:uppercase; font-size:10px;}
hr {border:0; background:none; height:18px;}
table {margin-bottom:18px; border-collapse:collapse; border:0; background:#fff; color:#576166;}
td, th {padding:5px 10px; border-bottom:5px solid #fff; border-right:5px solid #fff; text-align:left; vertical-align:middle;}
td {background:#f3f3f3; font-size:11px;}
th {font-size:13px; font-weight:bold; background:#e5e5e5; color:#363d40;}

/*------------------------------
Layout
------------------------------*/
div.in {width:960px; margin:0 auto;}
#content {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/layout/river.jpg) no-repeat 50% 0;}
#top {height:285px; position:relative; width:960px; padding-top:75px;}
#main {width:600px; float:left; overflow:hidden;}
#side {width:320px; float:right;}
#end {clear:both;}
.br {clear:both;}

/*------------------------------
Header
------------------------------*/
header {height:175px; background:#262626 url(//d3msvfqt040hh.cloudfront.net/ui/media/images/layout/header.jpg) no-repeat 50% 0; border-bottom:1px solid #fff; color:#a6a6a6;}
header div.in {height:175px; position:relative;}
nav {width:650px; height:65px; position:absolute; left:0; top:22px;}
nav ul {height:28px; padding:0;}
nav li {float:left; margin-right:10px; font-size:14px; position:relative;}
nav li a {display:block; padding:0 10px; height:26px; line-height:26px; color:#b6e3f2; border:1px solid transparent; outline:0;}
nav li.login a {color:#f2d785; background:#404040; border:1px solid #595959; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-shadow:1px 1px 0 #1a1a1a; -webkit-box-shadow:0 2px 4px #000; -moz-box-shadow:0 2px 4px #000; box-shadow:0 2px 4px #000; background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#252525)); background: -moz-linear-gradient(top,  #555,  #252525);}
nav li a:hover, nav li.active a, nav li.login a:hover {color:#26434d; background:#d9d9d9; border:1px solid #f2f2f2; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-shadow:1px 1px 0 #f2f2f2; -webkit-box-shadow:0 2px 4px #000; -moz-box-shadow:0 2px 4px #000; box-shadow:0 2px 4px #000; background:-webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#bfbfbf)); background: -moz-linear-gradient(top,  #e5e5e5,  #bfbfbf);}
nav li a:active, nav li.login a:active {-webkit-box-shadow:0 1px 1px #000; -moz-box-shadow:0 1px 1px #000; box-shadow:0 1px 1px #000; border-color:#d9d9d9;}
nav li a:hover {opacity:.66;}
nav li.active a:hover {opacity:1;}
nav li ul {display:none; height:21px; position:absolute; top:46px; width:650px;}
nav li.active ul {display:block;}
nav li ul li {font-size:12px;}
nav li.active ul li a {height:19px; line-height:19px; color:#8fb3bf; background:none; border:1px solid transparent; text-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
nav li.active ul li a:hover, nav li.active ul li.active a {color:#e6eff2; background:#737373; border:1px solid #8d8d8d; text-shadow:-1px -1px 0 #1a1a1a; -webkit-box-shadow:0 2px 4px #1a1a1a; -moz-box-shadow:0 2px 4px #1a1a1a; box-shadow:0 2px 4px #1a1a1a; background:-webkit-gradient(linear, left top, left bottom, from(#737373), to(#595959)); background: -moz-linear-gradient(top,  #737373,  #595959);}
nav li.active ul li a:active {-webkit-box-shadow:0 1px 1px #000; -moz-box-shadow:0 1px 1px #000; box-shadow:0 1px 1px #000; border-color:#737373;}
nav li li a:hover {opacity:.75 !important;}
nav li.active li.active a:hover {opacity:1 !important;}
ul.contact {width:300px; height:28px; line-height:28px; float:right; font-size:11px; font-weight:bold; text-align:right; margin-top:24px; padding-bottom:0;}
ul.contact li {display:inline; margin-right:15px; padding-left:15px; opacity:.75;}
ul.contact li:hover {opacity:1;}
ul.contact a {color:#8da0a6;}
ul.contact li.phone {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/phone.gif) no-repeat 0 50%;}
ul.contact li.email {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/email.gif) no-repeat 0 50%;}
h6#logo {width:960px; height:50px; background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/chromeriver.jpg) no-repeat 0 0; position:absolute; left:0; top:110px;}
h6#logo a {display:block; width:360px; height:50px; outline:0;}

/*------------------------------
Footer
------------------------------*/
footer {height:170px; background:#262626 url(//d3msvfqt040hh.cloudfront.net/ui/media/images/layout/footer.jpg) no-repeat 50% 100%; color:#a6a6a6; font-size:10px;}
footer div.in {height:170px; position:relative;}
footer div.left, footer div.right {position:absolute; top:120px;}
footer div.left {width:600px; padding-left:10px; left:0;}
footer div.right {width:300px; padding-right:10px; text-align:right; right:0;}
footer ul, footer p {padding-bottom:0;}
footer div.left ul {width:600px;}
footer div.left li {float:left; margin-right:25px;}
footer div.left a {color:#7cafbf;}
footer div.left a:hover {color:#cee9f2;}
footer div.left p {clear:both; font-style:italic; color:#77878c;}
footer ul.contact {margin-top:-4px;}
footer div.right p {clear:both; top:-6px; position:relative; color:#626e73; margin-right:15px;}
footer div.right ul.social {position:absolute; top:-25px; color:#676f73; margin-left:150px;}
footer div.right ul.social li {float:left; font-weight:bold; margin-right:10px;}

/*------------------------------
Common styles
------------------------------*/
blockquote span.author {display:block; color:#626e73; font-size:11px; line-height:15px; font-style:normal; padding-top:7px; text-indent:0;}
blockquote span.author strong {display:block;}
blockquote span.author img {float:left; margin-right:10px;}
article.half {float:left; width:280px;}
#main article {overflow:hidden; width:580px;}
#main div.half {float:left; width:260px; padding-bottom:18px; padding-right:30px;}
article.simple {padding-top:3px;}
#side article.lined {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/layout/separator-side.gif) no-repeat 50% 100%; margin-bottom:36px;}
#main article.lined {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/layout/separator-main.gif) no-repeat 50% 100%; margin-bottom:36px;}
#main article p strong, #main article li strong {background:#ffffe5;}
a.button {font-size:20px; padding:5px 20px; background:#f2f2f2; border:1px solid #fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-shadow:1px 1px 0 #fff;; -webkit-box-shadow:0 2px 4px #808080; -moz-box-shadow:0 2px 4px #808080; box-shadow:0 2px 4px #808080; background:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e6e6e6)); background: -moz-linear-gradient(top,  #fbfbfb,  #e6e6e6); outline:none;}
a.button:hover {background:#e6e6e6; background:-webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ccc)); background: -moz-linear-gradient(top,  #e6e6e6,  #ccc);}
a.button:active {-webkit-box-shadow:0 1px 2px #333; -moz-box-shadow:0 1px 2px #333; box-shadow:0 1px 2px #333; border-color:#f2f2f2;}
h3.gray {color:#4d7380;}
#main article h3 {padding-top:15px;}
#main article h3:first-child {padding-top:0;}
#main article ul li {padding-left:15px; list-style-type:circle; list-style-position:inside;}
p.gray {font-size:12px; color:#858a8c;}
p.note {font-size:11px; color:#858a8c;}
ul.list p {font-size:12px; color:#4c5659;}
ul.list h3 {padding-top:0 !important; padding-bottom:0;}
#main article ul.list li {padding-left:0; list-style-type:none; list-style-position:inherit;}
a.more {position:relative; float:right; text-align:right; text-transform:uppercase; font-size:10px; right:10px; top:-32px;}
h4.date {font-size:20px; line-height:18px; color:#738f99; letter-spacing:0;}
#main hr {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/layout/separator-main.gif) no-repeat 50% 100%; margin-bottom:36px;}
#side hr {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/layout/separator-side.gif) no-repeat 50% 100%; margin-bottom:36px;}
img.thumb {float:left; margin:18px 10px 5px 0;}
/*Top-------------------------*/
#breadcrumbs {font-size:10px; padding-bottom:36px;}
#breadcrumbs a {color:#7cafbf;}
#breadcrumbs a:hover {color:#1d97bf;}
#breadcrumbs li {float:left; padding-right:10px; padding-left:10px; background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/content/breadcrumb.gif) no-repeat 100% 60%;}
#top hgroup {clear:both; padding-left:10px; width:580px;}
#top.full hgroup {width:940px;}
#top h6 a {padding:5px 10px;}
#top h6 a:hover {background:rgba(30,75,90,.1); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
section.topProducts {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/top/products.jpg) no-repeat 100% 0;}
section.topSSExpense {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/top/ss-expense.jpg) no-repeat 100% 0;}
section.topExpense {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/top/expense.jpg) no-repeat 100% 0;}
section.topInvoice {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/top/invoice.jpg) no-repeat 100% 0;}
#slides {line-height:22px; font-size:10px; text-transform:uppercase; position:absolute; left:0; top:36px; z-index:3;}
#slides li {float:left; margin-right:10px;}
#slides li a {padding:0; text-align:center; width:90px; display:block; border:1px solid #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff; -webkit-box-shadow:0 1px 2px #808080; -moz-box-shadow:0 1px 2px #808080; box-shadow:0 1px 2px #808080; opacity:.75; outline:none;}
#slides li a:hover {opacity:1;}
#slides li a:active {-webkit-box-shadow:0 0 1px #333; -moz-box-shadow:0 0 1px #333; box-shadow:0 0 1px #333;}
#slides li.active a, #slides li.active a:active {opacity:.75; background:#b8d1d9; color:#115a73; opacity:.9; -webkit-box-shadow:0 1px 2px #808080; -moz-box-shadow:0 1px 2px #808080; box-shadow:0 1px 2px #808080;}
div.slide {position:absolute; left:0; top:0; z-index:2; width:960px; height:360px; top:0; display:none;}
div.slide hgroup {padding-top:110px;}
div.visible {display:block;}
#share {position:absolute; bottom:70px; left:10px; z-index:2;}
#share li {float:left; margin-right:10px;}
#share li a {outline:none; display:block; width:16px; height:16px;}
#share li a.sharePrint {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/print.gif) no-repeat 0 0;}
#share li a.shareEmail {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/email2.gif) no-repeat 0 0;}
#share li a.shareTwitter {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/twitter.gif) no-repeat 0 0;}
#share li a.shareFacebook {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/facebook.gif) no-repeat 0 0;}
#share li a:hover {background-position:0 100%;}
/*CTA-------------------------*/
article.cta a {top:18px; position:relative;}
article.cta h3 {float:left; padding-right:20px; background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/layout/separator-cta.gif) no-repeat 100% 50%; margin-right:5px; padding-top:18px;}
span.cta {float:right; margin-left:18px; display:block; padding:18px 0 18px 36px; background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/layout/separator-cta.gif) no-repeat 0% 50%;}
p.homeCTA {position:relative; top:-10px; padding-bottom:0;}
a.homeCTA {top:-10px; position:relative;}
body.home #main article hr {margin-bottom:18px; margin-top:0;}
/*Products--------------------*/
ul.products {position:relative; top:-4px;}
ul.products li {background:#f2f2f2; border-bottom:1px solid #dfdfdf; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2)); background: -moz-linear-gradient(top,  #fefefe,  #f2f2f2); position:relative; left:-10px; padding:6px 10px 5px 10px; margin-bottom:10px;}
ul.products li a {display:block; font-size:20px; color:#4b6973;}
ul.products li a span {font-size:12px; font-weight:normal; color:#738f99; display:block;}
ul.products li a:hover, ul.products li a:hover span {color:#1f4b59;}
ul.products li.icon-expense a {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/icon-expense.gif) no-repeat 100% 75%;}
ul.products li.icon-invoice a {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/icon-invoice.gif) no-repeat 100% 75%;}
ul.products li.icon-audit a {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/icon-audit.gif) no-repeat 100% 75%;}
ul.products li.icon-analytics a {background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/icon-analytics.gif) no-repeat 100% 75%;}
/*Features--------------------*/
article.features ul {position:relative; top:-4px;}
article.features li {background:#f2f2f2 url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/check.gif) no-repeat 10px 10px; border-bottom:1px solid #dfdfdf; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2)) url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/check.gif) no-repeat 10px 10px; background: -moz-linear-gradient(top,  #fefefe,  #f2f2f2) url(//d3msvfqt040hh.cloudfront.net/ui/media/images/icons/check.gif) no-repeat 10px 10px; position:relative; left:-10px; padding:6px 10px 5px 10px; margin-bottom:6px; text-indent:20px; font-size:12px; color:#4c5659;}
/*Archives--------------------*/
ul.archives {position:relative; top:-3px;}
ul.archives li {background:#f2f2f2; border-bottom:1px solid #dfdfdf; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2)); background: -moz-linear-gradient(top,  #fefefe,  #f2f2f2); position:relative; left:-10px; padding:6px 10px 5px 10px; margin-bottom:6px;}
ul.archives a {display:block; font-size:12px;}
ul.archives a span {font-weight:normal; color:#9da4a6; font-size:11px;}
/*Pagination------------------*/
ul.list li.pg p {font-size:11px; color:#666; padding-bottom:5px; padding-top:5px; border-top:1px solid #ccc; margin-top:15px;}
ul.list li.pg a, ul.list li.pg strong {padding:2px 5px; margin-right:5px; font-size:11px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
ul.list li.pg a {background:#1d97bf; color:#fff;}
ul.list li.pg a:hover {background:#144b59; color:#fff;}
ul.list li.pg strong {background:#1f4b59 !important; color:#fff;}
ul.list li.pg p strong {padding:0; margin-right:0; background:none !important; border:0; color:#4c4c4c;}
/*Forms-----------------------*/
form.default input, form.default textarea {color:#363d40; font:13px/18px Arial, Helvetica, sans-serif; padding:5px; background:#f5f5f5; border:0 solid #a3b8bf; border-width:1px 0 0 1px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; display:block; margin-bottom:8px; width:220px;}
form.default textarea {width:440px; height:150px;}
form.default input:focus, form.default textarea:focus {background:#fff; -webkit-box-shadow:0 0 3px #36b0d9; -moz-box-shadow:0 0 3px #36b0d9; box-shadow:0 0 3px #36b0d9;}
form.default label {display:block; font-weight:bold; font-size:11px; color:#5b808c; width:80px; float:left; clear:left; line-height:30px; text-align:right; margin-right:10px; white-space:nowrap;}
form.default input.button {width:auto; font-size:14px; padding:5px 20px; background:#f2f2f2; border:1px solid #fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-shadow:1px 1px 0 #fff;; -webkit-box-shadow:0 2px 4px #808080; -moz-box-shadow:0 2px 4px #808080; box-shadow:0 2px 4px #808080; background:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e6e6e6)); background: -moz-linear-gradient(top,  #fbfbfb,  #e6e6e6); outline:none; cursor:pointer; font-weight:bold; color:#1d97bf; margin-left:90px;}
form.default input.button:hover {background:#e6e6e6; background:-webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ccc)); background: -moz-linear-gradient(top,  #e6e6e6,  #ccc);}
form.default input.button:active {-webkit-box-shadow:0 1px 2px #333; -moz-box-shadow:0 1px 2px #333; box-shadow:0 1px 2px #333; border-color:#f2f2f2;}
form.register label {width:120px;}
form.register textarea {width:400px;}
form.register input.button {margin-left:130px;}
label.error {color:#e53917 !important;}
span.error {display:block; margin-bottom:15px; padding:5px 10px; color:#333; background:#ffeae5; font-size:11px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
span.error strong {color:#e53917;}
/*Sitemap---------------------*/
#sitemap li {list-style-type:none !important; padding-bottom:18px;}
#sitemap li a {font-size:20px; font-weight:normal; color:#335966;}
#sitemap li li {float:none; width:auto; margin-right:0; list-style-type:circle !important; padding-bottom:0;}
#sitemap li li a {font-size:12px; font-weight:bold; color:#1d97bf;}
#sitemap li a:hover {color:#1f4b59;}
/*Postcards-------------------*/
div.postcard {width:220px; margin-right:20px; float:left; text-align:center; border-bottom:1px solid #1d2226; margin-bottom:30px;}
div.postcard:hover {background:#f2f2f2;}
div.postcard h5, div.postcard p {padding:0 10px;}
div.postcard p {padding-bottom:5px;}
div.postcard a h5 {font-weight:bold; color:#425a66;}
div.postcard a p {font-weight:normal; color:#505659;}
div.postcard a:hover h5, div.postcard a:hover p {color:#1f4b59;}
div.postcard iframe {border:none; overflow:hidden; width:50px; height:25px;}
div.postcard div.fb {text-align:center;}
div.last, div.pc4 {margin-right:0;}
div.pc1 {clear:both;}
#black {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:998;}
#black #loading {position:absolute; top:275px; left:50%; margin-left:-15px;}
#lightbox {position:absolute; z-index:999; top:250px; left:50%; margin-left:-450px; width:860px; padding:20px; background:#fff; -moz-box-shadow:0 3px 5px rgba(0,0,0,0.75); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.75); box-shadow:0 3px 5px rgba(0,0,0,0.75);}
#lightbox a.close {display:block; width:32px; height:32px; background:url(//d3msvfqt040hh.cloudfront.net/ui/media/images/content/close.png) no-repeat 0 0; position:relative; float:right; top:-35px; right:-35px; z-index:999;}
#lightbox a.close:hover {background-position:0 100%;}
#lightbox img.postcard {float:left;}
#lightbox div.fb {float:left; margin-top:10px; clear:left; text-align:center; margin-left:190px;}
#lightbox iframe {border:none; overflow:hidden; width:50px; height:25px;}
#lightbox form {width:380px; margin-left:480px; padding-top:20px;}
#lightbox fieldset {border:0; padding:0; margin:0; margin-bottom:10px;}
#lightbox #message {width:220px; height:105px;}
/*Video-----------------------*/
div.youtube {width:640px !important; margin-left:-340px !important;}
div.youtube a.close {margin-bottom:-20px !important;}
#lightbox iframe#youtube {width:640px; height:360px;}