@import url("html5-reset.css");
@import url("layout.css");
@import url("typography.css");
@import url("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{background: url(../images/global_bg.png) center top repeat-x; border-bottom:1px solid #475f6f; height:35px; padding-top:5px}
#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 {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;}
#tour.security #content_intro{background:#eee url(../images/content_intro_bg2.png) left bottom repeat-x;border-bottom:0;}
#content_intro .container{padding-top:30px; 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:10px 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_main .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_main .col3 .highlight li{width:100px}

/* 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;}

/*============================ TOUR SECTION =========================*/

#tour #content_main .container{padding-top:0}
.security #content_main .container{padding-top:30px !important}

#overview_screens{overflow:hidden;}

#intro_ticks{margin:20px 0 45px 0; float:left; width:450px; overflow:hidden; }
#tour #intro_ticks{min-height:165px}
#intro_ticks li{float:left; width:160px; padding:5px 20px 10px 40px; background:url(../images/blt_tick.png) 3px 4px no-repeat;overflow:hidden;}
#intro_ticks li.no {background:url(../images/blt_cross.png) left 7px no-repeat;}

.security #content_intro #intro_ticks{width:auto;min-height:0; margin:10px 0 15px 0;}
.security #intro_ticks li{width:250px}

.intro_vid{width:484px; height:296px; background:#cecece;position:absolute; top:30px; right:10px;cursor: pointer; border:8px solid #ccc}
.john_onolan{height:272px; }

/*======================== 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:300px;}
#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;}

#universal{overflow:hidden;}
#universal p{margin:70px 0 50px 20px; float:left; width:380px}
#universal .pricing_panel{width:200px; float:right; margin:50px 0 10px 40px}

/*======================== SUPPORT SECTION =======================*/

#content_main .support_block li{padding:3px 10px 3px 21px; background-position:left 3px; background-repeat:no-repeat; line-height:1.3;}

#content_main .support_block ul{border-bottom:1px solid #ddd; margin-bottom:8px;padding-bottom:8px;}
#content_main .support_block li{background-image: url(../images/doc.png) }
#content_main .support_block li.vid{background-image: url(../images/vid.png) }
#content_main .support_block #faqs li{background-image: url(../images/q.png) }

#content_main .support_block .gsfn_question{background-image: url(../images/q.png)}
#content_main .support_block .gsfn_idea{background-image: url(../images/idea.png)}
#content_main .support_block .gsfn_problem{background-image: url(../images/alert.png)}
#content_main .support_block .gsfn_praise{background-image: url(../images/praise.png)}

.support_block .gsfn_summary, .support_block .time {display:none;}

#content_main .message_list li.vid{background: url(../images/vid.png) left 2px no-repeat; padding:1px 0 3px 23px; width:270px}

.kb_vid {border:7px solid #bbb; margin:0 auto 20px auto; width:640px; height:404px;}

/*======================== BUZZ SECTION =======================*/

.testimonial, .press_quote{width:305px; float:left; margin:0 25px 10px 0;}
.testimonial img{float:left; border:1px solid #ccc}
.testimonial blockquote{float:left;margin-left:15px; width:195px;}

#content_main  #testimonial_quotes li{padding:0;padding-top:20px; background:0; border-bottom:1px dotted #ccc; clear:both; overflow:hidden}
#content_main  #testimonial_quotes li:first-child{margin-top:0}
#content_main  #testimonial_quotes li:target{background:#fefdcc}
#content_main  #testimonial_quotes img{margin:0 0 20px 20px}

#content_main #press_reviews li{background:0; padding:0}
#content_main #press_reviews img{float:right; margin:0 0 20px 20px}

#content_main .sub_cs{background:#fff;  margin:10px 0; overflow:hidden; clear:both }
#content_main .sub_cs blockquote, #main_content .sub_cs h2{float:left; margin-left:20px;}
#content_main .sub_cs blockquote{width:480px}
#content_main .sub_cs img{float:left; border:1px solid #ccc;}

#buzz #commentary_users{width:auto; float:left;margin:0 }
#buzz #commentary_users li{float:left; margin-right:30px; width:420px; margin-bottom:30px; }
#buzz #commentary_users li.omega {clear:none; width:480px;}
#buzz #commentary_users li blockquote{width:245px;}
#buzz #commentary_users li.omega blockquote{width:305px;}

#content_main .testimonials li.lead_cs{background:#1b9acc url(../images/users/craig_mckenna1.jpg) left center no-repeat; padding:25px 25px 25px 290px; width:305px; float:left; margin-bottom:30px}
#content_main .testimonials li.lead_cs blockquote{width:auto; float:none}
#content_main .testimonials li{margin-bottom:23px}
#content_main .testimonials li{margin-bottom:23px}
#content_main .press_quotes li{background:0; padding:0}
.testimonials img{float:left; border:1px solid #ccc}
.testimonials blockquote{float:left;padding-left:0; width:170px; background:none; margin-left:15px}

#content_main .press_quotes li > a:first-child{background:#fff}
.press_quotes li img{border:0}
.press_quotes li cite{font-size:12px; margin-left:35px; font-style:normal; color:#777}
#content_main .press_quotes li p{margin-bottom:5px}

#intro_image{width:400px; height:234px; border:7px solid #cecece;position:absolute; top:30px; right:10px;z-index:3}
#intro_image cite{background:#207ea4; color:#fff; padding:5px 15px; font-size:14px;position:absolute; bottom:20px; right:20px; z-index:5}

#content_main  #recommended {background:#EDF7F8; border:1px solid #8CC3D9; padding:15px; width:248px;}
#recommended em{font-size:18px; font-style:normal}

/*========================== ACCOUNTANTS & PARTNERS SECTION =============================*/

#search_acc_mini fieldset {background:#eee; padding:15px 15px 5px 15px}
#search_acc_mini label{width:55px}
#search_acc_mini button{margin-left:75px}

#accountant_panel{margin:10px 0 0 0}
#accountant_search{float:left;}
#content_intro .data_view{float:right; text-align:center; color:#fff; overflow:hidden; margin:4px 0 0 0}
#content_intro .data_view li{float:left; margin:0}
.data_view li#list_view{border:1px solid #bbb; border-right:0}
.data_view li#map_view{border:1px solid #222; border-left:0}

#partner_list{border-top:1px dotted #ccc}
#partner_list li{overflow:hidden; padding:15px 0 20px 0; margin:0; border-bottom:1px dotted #ccc}
#partner_list .partner_info {float:left; margin-left:30px; font-size:13px; width:780px}
#partner_list .partner_logo{width:150px;float:left}
#partner_list dl.partner_contact{border-bottom:1px dotted #ccc;padding:1px 0 7px 0; margin-bottom:8px}
#partner_list dl.partner_contact dt, #partner_list dl.partner_contact dd{display:inline}

#arrange_demo{margin-top:30px}
aside#arrange_demo p{padding-left:70px; }
aside#arrange_demo p.demo{background: url(../images/demo.png) left 5px no-repeat;}

#content_main .pages p{float:left;}
#content_main .pages ul{float:right;}
#content_main .pages ul li{margin:0 0 0 20px; padding:0; float:left; background:0;}
#content_main .pages ul li.here a{font-weight:normal;}

/*========================== BLOG SECTION =============================*/

.article{background:#fff; border:7px solid #ccc; margin:0 0 25px 0}
.article .header{background:#eee; border-bottom:1px solid #ccc; padding:13px 30px 7px 30px}
.article .article_content{padding:20px 30px; clear:both;}
.article .footer{background:#eee; padding:5px 25px; font-size:13px; border-top:1px solid #ccc}

.article .article_full{overflow:visible;}

.author_pic{float:left;margin-right:13px; border:1px solid #444;}
.author_pic_full{float:left;margin:-3px 13px -3px 0; border:1px solid #444;}

/*========================== ABOUT US SECTION =============================*/

#content_main #about_team {padding-bottom:20px; float:left; width:100%;}
#content_main #about_team li{background:#eee;margin:20px 28px 10px 0;float:left; width:214px;padding:0; line-height:1.3; color:#666; padding:0; position:relative; z-index: auto;  display:block;border:1px solid #eee}
#content_main #about_team li.expanded {border-color:#c5e0e3; z-index:90; background:#EDF7F8;}
#content_main #about_team li.omega .about_desc{right:-1px; left:auto;}
#content_main #about_team li:hover .about_desc, #content_main #about_team li:hover hgroup{background:#EDF7F8}

#content_main #about_team li img{border:7px solid #eee; margin:0; float:left;}
#content_main #about_team li:hover {cursor:pointer;background:#EDF7F8;}
#content_main #about_team li:hover img, #content_main #about_team li.expanded img{border-color:#EDF7F8}
#content_main #about_team li hgroup{background:#eee; padding:4px 10px 5px 10px; display:block; margin:0; width:194px;clear:left;}

#content_main #about_team li.expanded hgroup, #content_main #about_team li.expanded .about_desc{background:#EDF7F8}
#content_main #about_team li h2{font-size:16px; margin:0 0 0 10px;}
#content_main #about_team li h3{font-size:12px; margin:3px 0 5px 10px; font-weight:bold;}

#content_main #about_team li .about_desc p{font-size:13px; color:#3e5456}
#content_main #about_team li .about_desc {
  display:none;
  position:absolute; 
  top:200px; 
  left:-1px; 
  border:1px solid #c5e0e3;
  border-top:0;
  width:350px; 
  background:#eee; 
  z-index:100; 
  padding:13px 10px 0px 10px; 
}
#content_main #about_team li.expanded .about_desc {
  display:block;
}

/*========================== DEVELOPERS SECTION =============================*/

pre.prettyprint{padding:8px;border:1px solid #888;font-size:9pt;background:#eef; line-height: 1.7em; margin-bottom: 20px; overflow:auto}
ul.simple {list-style: none}
#main_content ul.simple li{ padding-left:20px; background:none}
span.highlight {color: #711C22; padding:0; background:0; border:0}

#content_main p.deprecated {padding-left:14px; border-left:6px solid #cc4646; color:#cc4646;}

/* Goodies */
#content_main .goodie-list {clear:both; overflow:hidden; margin:20px 0;}
#content_main .goodie-list h3{font-size:16px; margin:0 0 4px 0}
#content_main .goodie-list li{background:0;margin:0 40px 30px 0;float:left; width:200px;padding:0; line-height:1.3; color:#666}
#content_main ul.narrow li{width:195px;margin-right:17px;}
#content_main .goodie-list li p{margin:0; font-size:12px; line-height:1.3;}
#content_main .goodie-list li img{margin:0 0 5px 0;}

/*========================= PROMOS =====================*/

#home_offer{width:312px; float:right; margin-top:10px}
#home_offer img{border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;}

.promo_banner{margin:10px 0 15px 0}
#content_main .promo_banner p{font-size:1.4em; font-weight:bold}
#content_main .promo_banner h1{text-indent:-5000px;padding:0; visibility:visible; margin-bottom:5px}

#content_main p.smallprint {font-size:1.1em; color:#888; clear:both}

#content_main .procol1 h2, #main_content .procol2 h2{margin:0 0 10px 0; font-size:1.6em}

#content_main .procol2 .ticklist li{color:#000; font-weight:bold; background: url(../images/promos/tick.png) left 3px no-repeat; padding-left:23px}

#content_main blockquote.promo_quote p{font-size:1.6em; font-style:italic; color:#777; margin-bottom:10px}
#content_main p.promo_cite{text-align:right; font-weight:bold; color:#000}


.procol1{width:455px; float:left;  margin:0 0 20px 10px}
.procol2 {width:275px; float:right;background:#dfecf4; padding:20px 30px 15px 30px;margin:0 10px 20px 0; -moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px }
#content_main .procol1 img.midpic0{margin:20px auto 10px auto}

/* Freelancer Finances Survey */
#survey_banner{padding:57px 340px 30px 30px; background:url(../images/promos/survey-banner.jpg) left top no-repeat;}
#content_main #survey_banner p{color:#fff}
#content_main #survey_banner h1{width:382px;height:30px;background:url(../images/promos/survey-h1.png) left top no-repeat; margin-bottom:15px}
#content_main #survey_banner p {font-size:1.6em; margin-left:5px}
#survey_banner p strong {color:#f3de53}

/* Freelancer Report */
#report_banner{padding:57px 330px 20px 40px; background:url(../images/promos/report/report-banner.png) left top no-repeat;}
#content_main #report_banner p{color:#fff; font-size:18px; margin:5px 0 40px 5px}
#content_main #report_banner h1{width:534px;height:46px;background:url(../images/promos/report/report-h1.png) left top no-repeat; margin-bottom:15px; visibility:visible}
#content_main  h1#part1{margin-top:20px}
p.important{font-size:1.6em; text-align:right; color:#888}

/* Zebra Stripe Tables and Lists */
#content_main ul.zebra li, #content_main table.zebra tr td{border-bottom:1px solid #dedede; background-color:#eaf0e4}
#content_main ul.zebra li.alt, #content_main table.zebra tr:nth-child(2n) td{background-color:#fff}
table.zebra{width:100%;}
#content_main table.zebra th{background:#d1e9b5; font-size:1.4em; border:1px solid #ccc; border-width:1px 0 1px 0; padding:4px 10px;text-align:left; font-size:1.4em;color:#000}
table.zebra td, table.zebra th{padding:3px 9px}
#content_main .indextab table.zebra{ border-right:1px solid #dedede;border-left:1px solid #dedede; border-collapse:collapse; width:100%}
#content_main .indextab table td{background:#ecf1f2; padding:5px 10px;border-left:1px solid #DEDEDE;}
#content_main .indextab table th{font-size:1.3em;}
#content_main .indextab table .responseq th{font-weight:normal; font-size:1.2em; background:#222; border-bottom:0; color:#fff}
#content_main .indextab table .responseq th strong{color:#99CC00}

/* UK2 */
#uk2_banner2{padding:0px 300px 30px 0px; background:url(../images/promos/uk2-banner2.png) left top no-repeat;margin-bottom:10px}
#main_content #uk2_banner2 h1{width:428px;height:56px;background:url(../images/promos/uk2-h1.png) left top no-repeat; margin-bottom:40px; padding:0; margin-left:15px}
#main_content #uk2_banner2 p  {font-size:1.6em; color:#acacac; font-weight:normal; margin-left:30px}
#uk2_banner2 p strong {color:#f3ae57; font-weight:normal}
#main #uk2_banner2 a{color:#fff}
#uk2_banner2 p em{color:#b0e75b; font-style:normal}
#main .promo_signup{margin:0 0 20px 0}

/*============================ 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;  }
