@import url("/styles/report-html5-reset.css");
@import url("/styles/report-layout.css");
@import url("/styles/report-typography.css");
@import url("/styles/report-enhancements.css");
body{background:#1c1c1c; text-align:center;}
ul li{list-style:none;}
a img{border:0}
.clear{clear:both;}
.assist_text{position:absolute; left:-5000px; top:-1000px}
.print {display: none;}
.left{float:left}
.right{float:right}
.clear{clear:both;}
.alpha{margin-left:0 !important;}
.omega, .last{margin-right:0 !important; padding-right:0 !important}
abbr[title]{border-bottom:1px dotted #000; cursor:help}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
.rightpic{float:right; margin:0px 0 25px 25px; border:1px solid #ccc}
.rightpic0{float:right; margin:0px 0 25px 25px;}
.leftpic{float:left; margin:0px 25px 25px 0px; border:1px solid #ccc}
.leftpic0{float:left; margin:0px 25px 25px 0px; }
.midpic{display:block; padding:3px ; border:5px solid #D2E8F8; margin:0 auto 1.5em auto}
.midpicb, .midpic0, .midimage{display:block; margin:0 auto 1.5em auto}
.about-pic{float:right;margin:0 0 0 2em; border:1px solid #ccc}
/*============================ GLOBAL =========================*/
#global li{display:inline;}
#login_link{outline:none;}
#global .menu-open{color:#59bbc9}
#login_box{display:none;background:#1a2b37; border:1px solid #475f6f;position:absolute;width:250px;z-index:100;padding:13px 20px; top: 30px; right: 0px; margin-top:5px;margin-right: 0px;color:#fff;font-size:12px; text-align:left;}
#login_box h2{margin-bottom:10px; font-size:14px;}
#global #login_box a{padding-left:0;color:#59bbc9;margin-left:10px;}
#global #login_box a:hover{background:#59bbc9;color:#fff}
/*============================ HEADER =========================*/
/* Primary Nav */
/*#primary_nav {background: url(/images/primary_nav_bg.png) left bottom repeat-x; height:39px; border:1px solid #475c6b}
#primary_nav li{float:left}
.header {background:url(/images/header_bg2.png) center bottom repeat-x;}
.header .container{padding:0px 0 120px 0;}
#home .header {background:#eee url(/images/header_bg.png) center top repeat-x; }
#home .header .container {padding-top:100px; padding-bottom:0;}
#home_video{width:491px; height:315px;padding:20px 0 0 10px; background: url(/images/vid_bg.png) left top no-repeat; position:absolute; right:0; top:121px; z-index:1}*/
/*============================ SECONDARY NAV =========================*/
#secondary_nav{background:#d3d3d3 url(/images/secondary_nav_bg.png) left top repeat-x;border-bottom:1px solid #bababa;padding:6px 0;}
#secondary_nav ul{float:right; text-align:right}
#secondary_nav li{float:left}
#secondary_nav li:nth-child(8n){padding-right:8px; margin-right:1px; background: url(../images/subnav_dv.png) right 4px no-repeat}
/*============================ HEADER TABS NAVIGATION =========================*/
/*#header_nav{position:relative; top:0px; margin-top:20px; padding-bottom:30px; clear:both; line-height:18px}
#header_nav li{display:inline; margin:0}
#header_nav li a{float:left; padding:5px 10px; border:1px solid #ccc;border-bottom:0; background:#f4f4f4; margin-right:15px; }*/
/*============================ MAIN =========================*/
/* Page styles */
#content_main{background:#fff}
.subcon #content_main .container{background: url(/images/subcol_bg.png) right top repeat-y; padding-top:30px}
#kb #content_main .container, #dev #content_main .container, #faqs #content_main .container{background: url(/images/subcol_s_bg.png) right top repeat-y; padding-top:30px}
.tabs #content_intro {border-bottom:0; background:#eee url(/images/introtabs_bg.png) left bottom repeat-x}
.tabs #content_intro .container{padding-bottom:0}
#blog #content_main, #blog #content_main .container {background:#f4f4f4}
.thumb, .thums li img{border:5px solid #cecece}
.thums li a:hover img{border-color:#999}
#content_main .thums li > a:hover, #content_main .goodie-list li > a:hover, #content_main .partner_logo a:hover {background:none}
#content_main ul.thums li{float:left; margin:5px 60px 7px 0; width:280px;padding:0}
ul.thums li:nth-child(3n){margin-right:0;}
/* Content Intro Strip */
#content_intro {clear:both; }
/*#content_intro {background:#eee;border-top:1px solid #fff;clear:both;border-bottom:1px solid #ccc; }*/
#home #content_intro {border-top:0; border-bottom:0;}
/*#tour #content_intro, #buzz #content_intro, #pricing #content_intro, #buzz #content_intro {background:#EEE url(/images/content_intro_bg1.png) left bottom repeat-x;border-bottom:0;height:365px;}*/
#tour.security #content_intro{background:#eee url(/images/content_intro_bg2.png) left bottom repeat-x;border-bottom:0;}
#content_intro .container{padding-top:10px; padding-bottom:15px;}
#home #content_main {background:#fff; border-top:1px solid #ccc}
#tour #content_intro .container{background: url(/images/vid_refl.png) right bottom no-repeat}
.security #content_intro .container, .web_based #content_intro .container{background:none !important;}
#buzz #content_intro .container{background: url(/images/vid_refl2.png) right bottom no-repeat}
.testimonial blockquote{float:left;}
.testimonial img{float:left; border:5px solid #ccc}
/* Messages */
.message {padding:12px 20px 12px 65px; border:1px solid #8cc3d9; border-width:1px 0; background:#edf7f8 url(/images/info_ico.png) 10px 9px no-repeat; margin:0 0 20px 0;}
.help{background:#edf7f8 url(/images/help_ico.png) 10px 9px no-repeat;}
.video{background:#edf7f8 url(/images/tv.png) 10px 12px no-repeat;padding-left:70px}
#content_main .message_list{overflow:hidden; margin-bottom:0}
#content_main .message_list li{float:left; width:280px; margin:5px 20px 0 0; line-height:1.3 }
.message_list li.omega{width:290px}
/* Highlight Boxes */
.highlight{padding:10px 20px 10px 20px; border:1px solid #8cc3d9; border-width:1px 0; background:#edf7f8; margin:2px 0; overflow:hidden}
/*#content_main .tick_box li{padding-left:20px; background:url(/images/tick_blt.png) 2px 6px no-repeat; float:left; width:170px; margin:5px 15px 0 0; color:#273C4A}*/
#content_intro .tick_box li{padding-left:20px; background:url(/images/tick_blt.png) 2px 6px no-repeat; float:left; margin:5px 15px 0 0; color:#273C4A}
#content_intro .tick_box li.cross{background:url(/images/cross_blt.png) 2px 5px no-repeat;}
#content_main .wide li{width:260px; margin-right:30px}
.col3 .highlight{padding:10px}
#content_intro .col3 .highlight li{width:220px}
/* General Forms */
.general_form fieldset{border:0;padding:10px}
.general_form legend{font-size:1.2em; font-weight:bold;margin:0 0 20px 0}
#content_main .general_form p{overflow:hidden; margin:0 0 10px 0;}
.general_form label{float:left;width:90px; text-align:right}
.general_form input, .general_form select, .general_form input, .general_form textarea{float:left; margin-left:20px}
.general_form input:focus, .general_form textarea:focus{color:#000; background:#f9f7e1}
.general_form em.help_text{float:left; width:200px; margin-left:20px; color:#666;font-size:0.9em}
#content_main .general_form strong.error_msg{margin:3px 0 0 9.5em; color:#990000; clear:both;float:left; font-size:0.9em}
/* Contact Page & Form */
#contact-form, #demo-form{background:#eee; padding:20px 15px 5px 15px; margin-bottom:20px;}
#demo-form{margin-bottom:20px}
#contact-form input, #contact-form select{width:200px; padding:4px }
#contact-form label strong, #demo-form label strong{color:#900}
#contact-form select, #demo-form select{width:208px}
#contact-form textarea, #demo-form textarea{width:350px;border:1px solid #ccc;margin-top:5px; padding:4px;}
#contact-form p.submit input, #demo-form p.submit input{width:auto; cursor:pointer;margin-left:110px;}
#mailinglistform{margin-top:20px}
#mailinglistform label, #mailinglistfooter label{float:left; width:50px}
#mailinglistform input[type="submit"], #mailinglistfooter input[type="submit"]{margin-left:50px}
#content_main #mailinglistform p, #content_main #mailinglistfooter p{margin-bottom:15px}
.errors {background:#F8ECEC url(/images/error.png) no-repeat scroll 10px 14px;border:1px solid #DA9B9C;font-size:13px;margin:0 0 1em;padding:15px 15px 15px 50px;}
.thanks, #thanks_message {background:#f2f8ec url(/images/success.png) no-repeat scroll 10px 14px;border:1px solid #98c171;font-size:13px;margin:0 0 1em;padding:15px 15px 15px 50px;}
#thanks_message p{margin:0;}
/* vcard */
#content_main #vcard_link{padding-left:25px; background:url(/images/vcard.png) left center no-repeat; margin-bottom:15px}
/* Thank You page */
#twitter_thanks {background:#def0d3; padding:15px; margin:20px 50px 20px 0; border:1px solid #799d63; border-width:1px 0; overflow:hidden}
#twitter_thanks h2{font-size:1.6em; color:#364a2a; margin-bottom:5px}
#content_main #twitter_thanks p{margin-bottom:0;}
#main_content #twitter_thanks p{font-size:1.4em; margin:0;color:#444;}
#twitter_thanks img{float:left; margin:0 20px 0px 0}
/*============================ HOME PAGE =========================*/
/* Timeline */
#timeline ul{width:644px; height:32px; background:url(/images/timeline_bg.png) left top no-repeat; float:right; padding-left:110px; }
#timeline li{width:50px; margin:0 0 0 68px; float:left;z-index:90 }
#timeline li:hover{z-index:100}
/* Home Features */
#home_features, #whos_using{clear:both; float:left; width:460px; margin:50px 0 0 0;}
#whos_using ul{overflow:hidden}
#home_features li, #whos_using li{width:210px; float:left; margin:0 40px 20px 0;}
#whos_using li{margin-bottom:10px}
#home_features li img{margin-bottom:4px;}
#home_features li a:hover img{border-color:#999}
#home_video #vid_player{border:1px solid #fff; width:480px; height:280px; cursor: pointer;}
#home_video #vid_player img{float:left;}
#love_it{clear:both;padding:0; margin-top:20px; background:#fff; border:1px solid #ccc}
#benefit_ticks{padding:0; clear:both; overflow:hidden; margin:15px 0 7px 15px }
#benefit_ticks li{float:left; width:140px; padding:0 20px 15px 40px; background:url(/images/blt_tick.png) 3px 6px no-repeat;overflow:hidden;margin-bottom:0px}
#benefit_ticks li.no {background:url(/images/blt_cross.png) left 7px no-repeat;}
/* Bodged System */
#bodged{width:460px; float:right; margin:50px 0 20px 0; background:#fff; border:1px solid #ccc}
#bodged img{margin:0 0 5px 25px;}
/* Accountants Map */
#home_accountants{width:460px; float:right}
#home_accountants img{float:right; margin:0 0 0 20px;}
/* Home User Testimonials */
ul#commentary_users{overflow:hidden; margin-bottom:0;}
#commentary_users{float:left;margin:0 0 0 40px;width:460px;}
#content_main #commentary_users li{float:left;clear:both; margin-bottom:20px; background:none; padding-left:0}
#commentary_press{width:460px; float:right;margin:0 }
#commentary_press ul{margin:0;}
#commentary_press li{margin-bottom:15px; }
#commentary_users cite{float:left; margin:5px 0 0 45px; font-size:12px; color:#000; font-weight:bold; font-style:normal;}
#commentary_users cite .context{font-weight:normal; color:#777}
#commentary_users blockquote{width:285px;margin-left:10px; padding-left:35px; background:url(/images/quote-l.png) left top no-repeat;}
#commentary_press ul li{float:left; margin:0 25px 3px 0;background:none; padding-left:0}
#commentary_press a:hover, #commentary_press a:focus, #commentary_press a:active{background:#fff}
#commentary_press #mini_oop {float:right}
#commentary_press a.read_more{width:250px; float:left}
#commentary_press a.read_more:hover{background:#2A99C4}
#en_quote{width:438px; height:205px; background:url(/images/press_quote_bg.png) left top no-repeat; margin-bottom:20px;}
#en_quote img{margin:30px 0 0 170px;}
/*======================== PRICING SECTION =======================*/
#pricing.gb #content_intro .container{background:url(/images/pricing_rfl.png) right 326px no-repeat}
#pricing.universal #content_intro .container{background:url(/images/pricinguni_rfl.png) right 326px no-repeat}
#account_info{float:left; width:650px;}
/*#account_info ul{background:url(../images/accountinfo_plus.png) 100px 30px no-repeat; overflow:hidden}*/
/*#account_info li{float:left; width:130px; margin-right:20px}*/
ul#price_badges {float:right}
ul#price_badges li{float:left; width:200px; margin-left:15px; vertical-align:bottom; margin-top:21px}
ul#price_badges li#sole_trader_panel{margin-top:60px}
ul#price_badges li#partnership_panel{margin-top:40px}
.pricing_panel {background:#f5f5f5; border:7px solid #ccc;}
.pricing_panel ul{padding:7px 0; background:url(/images/pricinglist_dv.png) center top no-repeat; margin-top:13px;}
.pricing_panel input{display:block; margin-right:auto; margin-left:auto; padding-top:20px;}
#universal{overflow:hidden;}
#universal p{margin:30px 0 0 20px; float:left; width:380px}
#universal .pricing_panel{width:200px; float:right; margin:10px 20px 25px 0px}
/*============================ FOOTER =========================*/
/* Comedy Strapline & Sign up*/
#strap_signup{background:#f4f4f4; border-top:1px solid #ccc; margin-top:0px}
#strap_signup .container{}
#start_trial{float:right; margin-top:8px; width:250px;}
#footer_search{overflow:hidden; background:url(/images/footer_dv.png) left bottom repeat-x; padding-bottom:10px;}
.footer{clear:both;background:#1c1c1c url(/images/footer_bg.png) left top repeat-x; border-top:1px solid #fff}
.footer .container{padding:22px 0}
.footer .sitemap_strip{float:left;}
.footer .sitemap_strip li{float:left; margin:2px 30px 0 0}
.footer input{background:#fff;background: rgba(255,255,255,1); border:0; height:18px;padding:4px 5px 1px 5px; vertical-align:middle; float:none; color:#000; }
.footer input:hover, .footer input:focus{background:#fff}
/* Account login */
#account_email{width:220px; margin-bottom:15px; margin-left:0}
#account_passwd{width:150px; margin-right:10px; margin-left:0}
#nojslogin{margin:0 0 20px 0;}
#nojslogin input{margin-left:15px;}
#nojslogin{padding:20px 15px 15px 15px; background:#eee;}
#content_main #nojslogin p{margin-bottom:2px;}
#nojslogin button{margin:10px 0 0 105px;}
#account_login{margin-top:15px; width:130px; padding:5px 10px; text-transform:none; border:0}
/* Search Site */
#ajaxSearch_form{margin-bottom:10px;background:#333; padding:15px 10px;width:600px; float:left; margin-right:60px; margin-top:10px;}
#ajaxSearch_form input{width:440px; margin-right:0px; font-size:18px;padding:4px 10px 2px 10px;height:26px; line-height:1.1;}
#ajaxSearch_submit{width:34px; height:32px; background:#fff url(/images/search_but.png) 3px center no-repeat; text-indent:-5000px; border:0; cursor:pointer;vertical-align:middle; }
/* Geo Switch - Linkselect "Select" style*/
#geo_switch_link{background:url(/images/arrowdwn.png) 98% 7px no-repeat; width:163px; display:inline-block;padding:2px 0px 2px 5px; font-size:13px; margin-bottom:20px;border:1px solid #333; }
a.linkselectLink {-khtml-user-select: none;-moz-user-select: none;-moz-user-focus: ignore; -moz-user-input: disabled;font-weight:bold }
a.linkselectLink:hover, a.linkselectLinkFocus {outline: 0; }
a.linkselectLinkOpen {outline: 0; }
span.linkselectDisabled {filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;-khtml-user-select: none;-moz-user-select: none;-moz-user-focus: ignore; -moz-user-input: disabled; }
.linkselectContainer {position: absolute;left: 0; top: 0;display: none;margin-top: 0px;width: 170px !important;z-index: 50000;}
.linkselectContainer .scrollable{border:1px solid #333; text-align:left; font-size:13px; background:#111}
.linkselectContainer ul {list-style-type: decimal !important;margin: 0px;padding: 0px;}
.linkselectContainer ul li.selected { background-color: #222;color:#fff}
.linkselectContainer ul li.current {color: #8dd0eb}
.linkselectContainer ul li {display: block;margin: 0;padding: 2px 30px 2px 2px;cursor: pointer;-khtml-user-select: none;-moz-user-select: none;-moz-user-focus: ignore; -moz-user-input: disabled;color:#fff; background-position:95% center; background-repeat:no-repeat; font-weight:bold }
#geo_switch_li_0{background-image:url(/images/gb.png)}
#geo_switch_li_1{background-image:url(/images/global.png)}
.footer #mailinglistfooter{margin-top:5px}
.footer #mailinglistfooter p{overflow:hidden;padding:4px 0; margin:0; color:#666}
.footer #mailinglistfooter input{height:auto; padding:4px 5px;}
#small_print{clear:both; padding-top:15px; background:url(/images/footer_dv.png) left top repeat-x; }