html { font-family:Arial, sans-serif; font-size:12px; }
div.stripe {background:#c33b35; height:10px;}
div.warning { background:#c33b35; text-align:center; color:#fff; padding-bottom:10px; font-size:130%; font-weight:bold;}
div.warning a { color:#fff;}
#wrap { width:900px; margin:auto; }

.hidden  { display:none;}

input, textarea {outline-style:none;outline-width:0px;}
a:active { outline: none;}

#header { margin-top:15px; overflow:hidden;}
#header h2 { float:left;}
#header h2 a { width:149px; height:49px; display:block; text-indent:-40000px; background:url(/images/website/logo.gif);}
#header h3 { float:left; margin-left:45px; width:465px; height:15px; background:url(/images/website/title.gif); display:block; text-indent:-999999px;margin-top:20px;}
#header ul { float:right; width:222px; list-style:none; font-size:90%;text-align:right;margin-top:15px;}
#header ul li { float:right; margin-left:15px; padding-top:3px;}  
#header ul li.login { padding-top:0;}
#header ul li a { color:#999;}
#header ul li a:hover { color:#000;}
#header ul li.login a { display:block; width:65px; height:22px; text-indent:9999999px; background:url(/images/website/buttons/login.gif); overflow:hidden;}

#nav { margin-top:10px; overflow:hidden;margin-bottom:20px;} 
#nav ul {}
#nav ul li { float:left;}
#nav ul li a { height:41px; display:block; background-image:url(/images/website/nav/sprite.png); background-repeat:no-repeat; text-indent:-400000px;}
#nav ul li.home a { background-position:-1px 0px; width:66px;}
#nav ul li.features a { background-position:-67px 0; width:166px;}
#nav ul li.users a { background-position:-233px 0; width:118px;}
#nav ul li.blog a { background-position:-351px 0; width:58px;}
#nav ul li.community a { background-position:-409px 0; width:98px;}
#nav ul li.enterprise a { background-position:-507px 0; width:93px;}
#nav ul li.about a { background-position:-600px 0; width:65px;}
#nav ul li.help a { background-position:-665px 0; width:67px;}
#nav ul li.signup a { background-position:-732px 0; width:168px;}

#nav ul li.home a:hover, #nav ul li.home a.active { background-position:-1px -41px; width:66px;}
#nav ul li.features a:hover, #nav ul li.features a.active { background-position:-67px -41px; width:166px;}
#nav ul li.users a:hover, #nav ul li.users a.active { background-position:-233px -41px; width:118px;}
#nav ul li.blog a:hover, #nav ul li.blog a.active { background-position:-351px -41px; width:58px;}
#nav ul li.community a:hover, #nav ul li.community a.active { background-position:-409px -41px; width:98px;}
#nav ul li.enterprise a:hover, #nav ul li.enterprise a.active { background-position:-507px -41px; width:93px;}
#nav ul li.about a:hover, #nav ul li.about a.active { background-position:-600px -41px; width:65px;}
#nav ul li.help a:hover, #nav ul li.help a.active { background-position:-665px -41px; width:67px;}
#nav ul li.signup a:hover, #nav ul li.signup a.active { background-position:-732px -41px; width:168px;}


#footer { width:900px; margin:20px auto 20px auto; font-size:80%; color:#BDBDBD; line-height:1.7; padding:15px 0;border-top:6px solid #efefef;}
#footer p.terms { font-size:100%;}
#footer p.terms a { margin-right:10px; font-weight:bold;}
#footer p a { color:#BDBDBD; }
#footer p a:hover { color:#999;}

#footer .melbourne { float:right; text-align:right; line-height:1.5; width:200px;}
#footer .melbourne p.logo { margin-top:-1px; float:right; margin-left:7px;}

#home { margin-top:20px;}
#home div.splash { width:900px; height:297px; background:url(/images/website/screens/splash.jpg);}
#home div.splash p a { width:116px; height:116px; display:block; background:url(/images/website/home/badge.png); text-indent:-400000px; float:right; margin-right:50px; overflow:hidden;}
#home div.banner { width:900px; height:141px; background:url(/images/website/home/banner.jpg); }
#home div.banner h1, #home div.banner h3 { display:none;}
#home div.banner p a { background:url(/images/website/home/try.png); width:200px; height:39px; text-indent:-40000px; display:block; float:right; margin-right:43px; margin-top:70px; overflow:hidden;}
#home div.blog { width:900px; height:33px; background:url(/images/website/home/blog.jpg);}
#home div.blog h3 { display:none;}
#home div.blog p sup { background:#c33b35; padding:2px; color:#fff; font-weight:bold; margin-left:5px;}
#home div.blog p { margin-left:187px; font-size:90%; padding-top:8px;}
#home div.blog p a { font-size:130%; color:#333;}
#home div.blog p a:hover { color:#000;}
#home div.blog p span { margin-left:6px; color:#999;}
#home div.features {margin:30px 0 40px 0; overflow:hidden; }
#home div.features ul { list-style:none;}
#home div.features ul li { float:left; width:30%; background:no-repeat;  line-height:1.5; margin-left:2%; margin-right:1%;}
#home div.features ul li h2, #home div.features ul li p { margin-left:43px;}
#home div.features ul li h2  { font-size:120%; font-weight:bold;}
#home div.features ul li h2 a { color:#000; text-decoration:none;}
#home div.features ul li h2 a:hover { text-decoration:underline; color:#000;}
#home div.features ul li p {font-size:90%;}
#home div.features ul li.hosting { background-image:url(/images/website/icons/repositories.png);}
#home div.features ul li.tickets { background-image:url(/images/website/icons/tickets.png);}
#home div.features ul li.tools { background-image:url(/images/website/icons/time.png);}
#home div.prefoot { overflow:hidden;}
#home div.prefoot div.companies { background:url(/images/website/home/companies.gif); width:688px; height:81px; float:left;}
#home div.prefoot div.companies p, #home div.companies ul{display:none; }
#home div.prefoot div.twitter p a { display:block; width:199px; height:81px; float:right; background:url(/images/website/home/twitter.gif); overflow:hidden; text-indent:-400000px;}

.nav { width:900px; height:39px; background:url(/images/website/nav/subnav.gif); margin:20px 0; text-align:center;  }
.nav ul { padding-top:12px; font-weight:bold;}
.nav ul li { display:inline; padding:0 10px; font-size:100%;}
.nav ul li a { color:#333; text-decoration:none;} 
.nav ul li a:hover { text-decoration:underline;}
.nav ul li a.active { color:#c33b35; }
.nav ul li a.active:hover { text-decoration:none;}
#features .splash { width:900px; height:267px; }
#features .banner { width:900px; height:141px; }
#features .banner p a { background:url(/images/website/home/try.png); width:200px; height:39px; text-indent:-40000px; display:block; float:right; margin-right:43px; margin-top:70px; overflow:hidden;}

#features.overview .splash { background-image:url(/images/website/features/overview-splash.jpg); }
#features.overview .banner { background-image:url(/images/website/features/overview-banner.jpg); }
#features.repository-hosting .splash { background-image:url(/images/website/features/repositories-splash.jpg); }
#features.repository-hosting .banner { background-image:url(/images/website/features/repositories-banner.jpg); }
#features.tickets-milestones .splash { background-image:url(/images/website/features/tickets-splash.jpg); }
#features.tickets-milestones .banner { background-image:url(/images/website/features/tickets-banner.jpg); }
#features.tools .splash { background-image:url(/images/website/features/tools-splash.jpg); }
#features.tools .banner { background-image:url(/images/website/features/tools-banner.jpg); }
#features.account-management .splash { background-image:url(/images/website/features/account-splash.jpg); }
#features.account-management .banner { background-image:url(/images/website/features/account-banner.jpg); }

#features ul.np {overflow:hidden; margin:20px 0; padding:20px 40px 0 40px; border-top:6px solid #efefef;} 
#features ul.np li.p { float:left;}
#features ul.np li.n { float:right;}
#features ul.np li a {display:block; background:url(/images/website/features/buttons.gif); width:137px; height:37px; text-indent:-4444444px;}
#features ul.np li a:hover {background-position:0 -38px;}
#features ul.np li.n a { background-position:-138px 0;}
#features ul.np li.n a:hover { background-position:-138px -38px;}

#features .intro { display:none;}
#features .options {overflow:hidden; margin:40px 0 10px 0;}
#features .options ul { line-height:1.5;}
#features .options ul li { width:300px; float:left; height:100px; padding:0 25px; padding-left:125px; margin-bottom:10px;  background-repeat:no-repeat; background-position:40px 0;}
#features .options ul li h4 { font-size:120%; font-weight:bold;}
#features .options ul li h4 a { color:#333;}
#features .options ul li h4 a:hover { color:#000;}
#features .options ul li p { font-size:90%;}
#features .options ul li p a { color:#c33b35; text-decoration:none;}
#features .options ul li p a:hover { text-decoration:underline;}

#features.overview .options ul li.repositories { background-image:url(/images/website/features/repositories-tree-browser.gif);}
#features.overview .options ul li.tickets { background-image:url(/images/website/features/tickets-search.gif);}
#features.overview .options ul li.tools { background-image:url(/images/website/features/tools-time.gif);}
#features.overview .options ul li.account-management { background-image:url(/images/website/features/account-archived-projects.gif);}
#features.overview .options ul li.activity { background-image:url(/images/website/features/activity.gif);}

#features.repository-hosting .options ul li.tree-browser { background-image:url(/images/website/features/repositories-tree-browser.gif);}
#features.repository-hosting .options ul li.commit { background-image:url(/images/website/features/repositories-commit.gif);}
#features.repository-hosting .options ul li.syntax { background-image:url(/images/website/features/repositories-syntax.gif);}
#features.repository-hosting .options ul li.archives { background-image:url(/images/website/features/repositories-archives.gif);}
#features.repository-hosting .options ul li.blame { background-image:url(/images/website/features/repositories-blame.gif);}
#features.repository-hosting .options ul li.code-tasks { background-image:url(/images/website/features/repositories-code-tasks.gif);}

#features.tickets-milestones .options ul li.properties { background-image:url(/images/website/features/tickets-statuses.gif);}
#features.tickets-milestones .options ul li.search { background-image:url(/images/website/features/tickets-search.gif);}
#features.tickets-milestones .options ul li.history { background-image:url(/images/website/features/tickets-history.gif);}
#features.tickets-milestones .options ul li.assignments { background-image:url(/images/website/features/tickets-assignments.gif);}
#features.tickets-milestones .options ul li.commit-ticket { background-image:url(/images/website/features/tickets-commit-ticket.gif);}
#features.tickets-milestones .options ul li.watchers { background-image:url(/images/website/features/tickets-watchers.gif);}
#features.tickets-milestones .options ul li.attachments { background-image:url(/images/website/features/tickets-attachments.gif);}
#features.tickets-milestones .options ul li.milestones { background-image:url(/images/website/features/tickets-milestones.gif);}
#features.tickets-milestones .options ul li.tags { background-image:url(/images/website/features/tickets-tags.gif);}
#features.tickets-milestones .options ul li.bulk { background-image:url(/images/website/features/tickets-bulk.gif);}

#features.tools .options ul li.time { background-image:url(/images/website/features/tools-time.gif);}
#features.tools .options ul li.deployments { background-image:url(/images/website/features/tools-deployments.gif);}
#features.tools .options ul li.wikis { background-image:url(/images/website/features/tools-wiki.gif);}
#features.tools .options ul li.hoptoad { background-image:url(/images/website/features/tools-hoptoad.gif);}
#features.tools .options ul li.userstatuses { background-image:url(/images/website/features/tools-statuses.gif);}


#features.account-management .options ul li.permissions { background-image:url(/images/website/features/account-permissions.gif);}
#features.account-management .options ul li.branding { background-image:url(/images/website/features/account-branding.gif);}
#features.account-management .options ul li.notifications { background-image:url(/images/website/features/account-notifications.gif);}
#features.account-management .options ul li.groups { background-image:url(/images/website/features/account-groups.gif);}
#features.account-management .options ul li.openid { background-image:url(/images/website/features/account-openid.gif);}
#features.account-management .options ul li.api { background-image:url(/images/website/features/account-api.gif);}
#features.account-management .options ul li.deployment-keys { background-image:url(/images/website/features/account-deployment-keys.gif);}
#features.account-management .options ul li.archived-projects { background-image:url(/images/website/features/account-archived-projects.gif);}

#enterprise {  overflow:hidden;}
#enterprise .title h2, #enterprise .title h3 { display:none;}
#enterprise .title { margin:20px 0; width:900px; height:82px; background:url(/images/website/enterprise/title.gif);}
#enterprise .server { float:right; width:524px; height:273px; background:url(/images/website/enterprise/server.gif);}
#enterprise .server p { display:none;}
#enterprise .contact { float:left;  width:348px; height:254px; background:url(/images/website/enterprise/contact-box.gif);}
#enterprise .contact form { margin:15px;line-height:1.5;}
#enterprise .contact form p.intro {font-size:110%; margin-bottom:10px;}
#enterprise .contact form p label { font-weight:bold;}
#enterprise .contact form p input.text { width:312px; padding:3px; border:1px solid #ccc;}
#enterprise .contact form p.submit { text-align:right; margin-top:10px;}
#enterprise .contact form p.l { margin:2px 0;}

#flasher { margin:20px 0; line-height:1.5; font-weight:bold;  font-size:120%; text-align:center;}
#flasher div { padding:5px;}
#flasher p { margin:0;}
#flasher #flash-error { background:#c33b35; color:white;}
#flasher #flash-notice { background:#6fbd00; color:white;}

.nav ul li.email { background:url(/images/icons/speech-bubble.png) no-repeat 6px 1px; padding-left:21px; margin-left:30px;}
.nav ul li.email a { color:#c33b35; }

#support  {  overflow:hidden;}
#support h2 { font-size:200%; margin:0 0 5px 0;  font-weight:bold;}
#support p.intro { font-size:120%; line-height:1.5; margin:20px 0; margin-top:0; overflow:hidden;}
#support .categories {float:left; }
#support .categories .col { float:left; width:430px;}
#support .categories .col1 { padding-right:20px;}
#support .categories .col2 { padding-left:20px;}
#support .categories h3 { background:url(/images/website/help/kb-category.gif) #c33b35 no-repeat 0 0; width:405px; height:21px; color:#fff; font-weight:bold; padding:7px 0 0 25px; }
#support .categories h3 a { color:#fff;}
#support .categories ul { margin:5px 9px;  line-height:1.8;}
#support .categories ul li {  background:url(/images/website/icons/document.gif) no-repeat 0 4px; padding-left:15px; margin-bottom:3px; font-size:120%;}
#support .categories ul li a { color:#333; text-decoration:none;}
#support .categories ul li a:hover { text-decoration:underline;}


#footer .admintools { background:#efefef; clear:both; padding:5px;  margin-bottom:5px;}
#footer .admintools a { margin-left:10px; color:#666; }

#support .article .afm { width:600px;border-right:3px solid #ccc; padding-right:15px;}
#support .right-nav { float:right; width:270px; padding-left:10px; line-height:1.5; padding-top:10px;}
#support .right-nav ul li a { color:#333;}
#support .right-nav ul li a.active {  color:#c33b35; text-decoration:none;}
#support .right-nav h4 { font-size:130%;  font-weight:bold; margin-bottom:5px;}
#support .articles-list { width:600px;}
#support .articles-list {  }
#support .articles-list p.intro { margin-bottom:10px; }
#support .articles-list ol { font-size:90%; line-height:1.8; color:#999;}
#support .articles-list ol li { list-style:decimal; margin-left:20px;}
#support .articles-list ol li a { color:#333; font-size:110%;}
#support .articles h3 { font-size:130%; font-weight:bold; margin:15px 0; color:#c33b35;}
#support .articles { width:600px;}
#support .articles p.top { text-align:right; font-size:90%;}
#support .articles p.top a { color:#999;}
#support .articles hr { background:none; border:0; margin:0; border-top:3px solid #efefef; margin-top:10px; margin-bottom:10px;}
.afm {color:#000; line-height:1.5;}
.afm p { margin:15px 0;}
.afm p code, .afm ul code { background:#efefef; border:1px solid #ccc; padding:0 5px;}
.afm h1 { font-size:150%; font-weight:bold;}
.afm h2 { font-size:130%; font-weight:bold; border-top:5px solid #ccc; margin-top:10px; padding-top:10px;}
.afm h3 { font-size:130%; font-weight:bold; border-top:3px solid #ccc; margin-top:10px; padding-top:10px;}
.afm pre { background:#111; color:#FD0; padding:10px; overflow-x:auto; line-height:1.4;margin:10px 0;}
.afm blockquote { border-left:3px solid #ccc; font-style:italic; padding-left:10px; font-size:120%; font-family:Georgia, serif;}
.afm strong { font-weight:bold;}
.afm em { font-style:italic;}
.afm ul {margin:20px; line-height:1.5;}
.afm ul li { list-style:disc;}
.afm p.image { text-align:center;}
.afm p.image img { border:4px solid #ccc;  padding:1px;}
.afm a { color:#222;}

#support .banner {width:761px; height:104px; margin:10px auto; background:url(/images/website/help/banner.gif);}
#support .banner h1, #support .banner h3 { display:none;}

#support .overview {width:700px; margin:auto;}
#support .overview ul {}
#support .overview ul li { width:300px; float:left; display:block; height:60px; padding-left:50px; background-repeat:no-repeat; background-position:10px 0; margin:20px 0;}
#support .overview ul li h3 { font-size:130%; font-weight:bold; }
#support .overview ul li h3 a { color:#c33b35; text-decoration:none;}
#support .overview ul li h3 a:hover { text-decoration:underline;}
#support .overview ul li p { line-height:1.5; color:#666; font-size:100%;}
#support .overview ul li.kb { background-image:url(/images/website/icons/kb.png);}
#support .overview ul li.faqs { background-image:url(/images/website/icons/faq.png);}
#support .overview ul li.ask { background-image:url(/images/website/icons/ask.png);}
#support .overview ul li.suggestions { background-image:url(/images/website/icons/suggestions.png);}
#support .overview ul li.changelog { background-image:url(/images/website/icons/changelog.png);}
#support .overview ul li.api { background-image:url(/images/website/icons/api.png);}

#support.api { width:431px; height:76px; background:url(/images/website/help/api-soon.gif); margin:40px auto;}
#support.api h1, #support.api h3 { display:none;}

#support.changelog p.intro { line-height:1.5; font-size:120%; border-bottom:5px solid #efefef; padding-bottom:15px;}
#support.changelog p.intro span { background:#FFFBC6;}
#support.changelog ul { line-height:1.5; margin:0 0; margin-right:20px;}
#support.changelog ul li {background:#D6EAF3; margin-bottom:15px; padding:5px 10px; -webkit-border-radius:10px; }
#support.changelog ul li.upgrade { background:#efefef;}
#support.changelog ul li p { margin:0;  font-family:Monaco, "Courier New", monospace; font-size:90%;}
#support.changelog ul li p span { font-family:Arial, Verdana, sans-serif;  font-size:90%; font-weight:normal; color:#777; display:block; margin-top:3px;}
#support.changelog .left { width:55%; float:left;}
#support.changelog .right { width:45%; float:right;}
#support.changelog .right ul { margin-right:0;}
#support.changelog h3 { font-size:150%; font-weight:bold; margin-bottom:10px;}
#support.changelog h3 span { font-size:70%; color:#999; font-weight:normal;}
#support.changelog .right h3.first { margin:0 0; margin-bottom:10px;}
#support.changelog .right h3 { margin:30px 0 10px 0;}
#support.changelog .right .tr ul li { background:#DFF6E3;}
#support.changelog .right .wh ul li { background:#F6DBCF;}
#support.changelog .right .uu ul li { background:#F5D6F6;}

#blog { overflow:hidden;}
#blog .left { width:600px; float:left;} 
#blog  h2 { font-size:200%; margin-bottom:20px; overflow:hidden; margin-top:20px;}
#blog  .left h3 { font-size:180%; font-weight:bold; margin-bottom:5px;}
#blog  .left h3 a { color:#000; text-decoration:none;}
#blog  .left h3 a:hover { text-decoration:underline;}
#blog .left .afm {  margin-top:10px; margin-bottom:30px;  font-size:120%;}
#blog  .left p.meta { font-size:90%; color:#999;}
#blog .right { width:250px; float:right; margin-left:50px;}
#blog .right h3 {border-bottom:4px solid #efefef; font-size:140%; font-weight:bold; padding-bottom:5px; margin:0 0 10px 0;}
#blog .right h3.twitter { background:url(/images/twitter.gif) no-repeat; text-indent:-400000px;}
#blog .right h3.subscribe { background:url(/images/icons/rss16.gif) no-repeat 98% 0;}
#blog .right .emailsubscribe {}
#blog .right .emailsubscribe form { background:#efefef; padding:10px;}
#blog .right .emailsubscribe form input { margin-right:7px;}
#blog .right .emailsubscribe form input.text { border:1px solid #ccc; padding:2px; width:130px;}
#blog .right .emailsubscribe h3.subscribe { background-image:url(/images/icons/message_read.png);}
#blog .right p { line-height:1.5; margin:10px 0;}
#blog .right p a { color:#333;}
#blog .right #twitter ul li a { color:#333;}
#blog .right #twitter ul li { margin-bottom:10px; line-height:1.5; background:#efefef; padding:10px; font-size:90%;}
#blog .right #twitter ul li p { margin:0;}

#blog .left .pagination { background:#efefef; padding:10px; text-align:center;}
#blog .left .pagination a { color:#333;}
#blog .left .pagination span, #blog .left .pagination a { margin:0 4px;}
#blog .left .pagination span.disabled, #blog .left .pagination a.disabled { color:#999;}
#blog .left .pagination span.current { font-weight:bold;}
#blog .left .meme iframe { width:50px; float:right; margin-left:5px; margin-bottom:5px;}
#blog .left #dsq-options { display:none;}
#blog .left .comments { border-top:6px solid #efefef;}
#blog .left .comments h3 { font-size:120%;}
#blog .left .comments a { color:#333;}
#blog .left #dsq-auth-header { border-top:10px solid #ccc;}
#blog .left form { }
#blog .left form dt { font-weight:bold; margin:10px 0;}
#blog .left form dd input {  font-size:150%; width:98%; padding:1%;}
#blog .left form dd textarea { width:98%; padding:1%;;}
#blog .left form p { background:#efefef; margin:10px 0; padding:10px; text-align:right;}

#blog .left .post.announcement .afm {margin-bottom:0;}
#blog .left .post.announcement {background:url(../../images/icons/announcement.png) #fffee6 no-repeat 10px 10px; border:1px solid #efedc7; margin-bottom:10px; padding:10px; padding-left:35px; margin-bottom:30px;}
#blog .left .post.announcement h3, #blog .left .post.announcement p { margin:0; font-size:12px; }
#blog .left .post.announcement h3 { margin-bottom:5px;}
#blog .left .post.announcement h3 a { color:#ee4900; font-size:110%;  text-decoration:none;}
#blog .left .post.announcement h3 a:hover { text-decoration:underline;}
#blog .left .post.announcement p {line-height:1.4; margin:10px 0 !important;}
#blog .left .post.announcement p.meta { font-size:90%;}
#blog .left .post.announcement sup { background:#ee4900; padding:2px 4px; color:#fff; margin-left:5px;}

#blog .left .post.tip .afm {margin-bottom:0;}
#blog .left .post.tip {background:url(../../images/icons/task.png) #e9f9ff no-repeat 10px 10px; border:1px solid #cce4ed; margin-bottom:10px; padding:10px; padding-left:35px; margin-bottom:30px;}
#blog .left .post.tip h3, #blog .left .post.announcement p { margin:0; font-size:12px; }
#blog .left .post.tip h3 { margin-bottom:5px;}
#blog .left .post.tip h3 a { color:#1ba5d9; font-size:110%;  text-decoration:none;}
#blog .left .post.tip h3 a:hover { text-decoration:underline;}
#blog .left .post.tip p {line-height:1.4; margin:10px 0 !important;}
#blog .left .post.tip p.meta { font-size:90%;}
#blog .left .post.tip p:last-child { margin-bottom:0;}
#blog .left .post.tip sup { background:#1ba5d9; padding:2px 4px; color:#fff; margin-left:5px;}

#blog .title h1, #blog .title p { display:none;}
#blog .title { width:900px; height:47px; background:url(/images/website/blog-header.gif) no-repeat; border-bottom:6px solid #efefef; margin-bottom:15px;  padding-bottom:15px; }

#signup .packages h4 { font-size:150%; line-height:1.5;  text-align:center;  color:#444; margin-top:8px;}
#signup .packages h4 span { background:#fffbc3; font-weight:bold; color:#000; padding:1px;}
#signup .packages table { margin:0 0 20px 0; border-bottom:1px solid #ccc;}
#signup .packages table td { padding:4px;}
#signup .packages table tr.head td { border-left:0px solid #ccc; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; padding-top:20px;}
#signup .packages table tr.head th { width:20%; border-bottom:1px solid #ccc;}
#signup .packages table tr.head th.icon { width:1%;}
#signup .packages table tr.head th.icon {  }
#signup .packages table tr.head td { width:20%;}
#signup .packages table tbody th.icon {  background:url(/images/website/backgrounds/package-yellow-bg.png);}
#signup .packages table tbody { font-size:120%;}
#signup .packages table tbody td { border-left:1px solid #ccc; font-weight:bold;}
#signup .packages table tbody td { text-align:center;}
#signup .packages table tbody th { text-align:right; padding:10px; color:#777; font-weight:bold; font-size:120%;}
#signup .packages table tbody tr.hinfo {}
#signup .packages table tbody tr.hinfo td {border-top:1px solid #ccc; text-align:left; font-size:80%; padding:10px; line-height:1.5; font-weight:normal; background:#fffce9; border-bottom:1px solid #ccc;}
#signup .packages table tbody tr.price td { font-size:120%; padding:5px; background-image:url(/images/website/backgrounds/package-blue-bg.png); color:#4d8fb8; }
#signup .packages table tbody tr.price-converted td { padding:3px; font-weight:normal; padding-bottom:9px; font-size:90%; color:#555;}
#signup .packages table tbody tr.price-converted th { padding:3px 10px;}
#signup .packages table tbody tr.signup td { border-bottom:1px solid #d3e6f1;}
#signup .packages table tbody tr.e td { background:#F9F9F9;}
#signup .packages table tbody tr.trial td { font-size:80%;padding:0;padding-bottom:10px; padding-top:10px;}
#signup .packages table tbody tr.trial td span { background:#333; color:#fff; padding:2px 4px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
#signup .packages table tbody tr.ssl td { font-size:150%; color:#ccc;font-weight:bold; }
#signup .packages table tr.free td { border-left:0; border-top:3px solid #ccc; border-bottom:3px solid #ccc; background-image:url(/images/public/backgrounds/package-blue-bg.png); background-repeat:repeat-x;}
#signup .packages table tr.free th { border-top:3px solid #ccc; color:#af4545; font-weight:bold; font-size:120%; text-align:right; padding:10px; border-bottom:3px solid #ccc; }
#signup .packages table tr.free th.icon {border-right:1px solid #ccc; background-image:url(/images/website/backgrounds/package-yellow-bg.png); background-repeat:repeat-y;}
#signup .packages table tr.free td { font-size:100%; padding:10px;}
#signup .packages table tr.free td p { margin:0;line-height:1.5; font-size:105%;}
#signup .packages table tr.free td p span { padding:0; background:#FFFAD5;}
#signup .packages table tr.free td.signup { text-align:center;}
#signup .packages table tr.free td p a { color:#000;}
#signup .packages table tr.more th { color:#5d6d90;}

#signup .questions { overflow:hidden; clear:both;}
#signup .questions dl.left { width:48%;float:left;}
#signup .questions dl.left dt { text-align:right;}
#signup .questions dl.left dd { text-align:right;}
#signup .questions dl.right { width:48%;float:right;}
#signup .questions dt { font-size:150%; font-weight:bold; margin:20px 0 10px 0; line-height:1.5;}
#signup .questions dd { font-size:110%; line-height:1.5;}
#signup .questions dd p.cards { margin:20px 0; text-align:center;}

#signup p.vat { background:#efefef; padding:10px 40px; text-align:center; margin-top:20px; font-size:90%; color:#999; line-height:1.5;}

#signup .header h1, #signup .header h3 { display:none; }
#signup .header { background:url(/images/website/signup-header.gif); width:700px; height:99px; margin:15px auto 0 auto;}


#signup  { overflow:hidden;}
#signup .form { width:550px; float:left;} 
#signup .info { width:300px; margin-left:50px; float:right;}

#signup .form fieldset.review { border:8px solid #c33b35; background:#ffeeed; }
#signup .form fieldset.review legend { color:#c33b35; padding:4px; font-size:130%;}
#signup .form fieldset.review p { color:#333; font-size:120%; line-height:1.5; margin:0px 5px;}
#signup .form fieldset.review p b { color:#c33b35;}
#signup .form fieldset.review p a { color:#333;}
#signup .form fieldset.review p.submit { text-align:center; padding:10px 0;}

#signup .form fieldset {margin:10px 0;  background:#f7f7f7; padding:10px; border:1px solid #ccc; border-top-width:5px; }
#signup .form fieldset p { line-height:1.5; margin:0 5px; color:#666; font-size:90%;}
#signup .form fieldset legend { padding:0 5px; font-size:120%; font-weight:bold; color:#333;}
#signup .form fieldset dl { margin:5px 0;}
#signup .form fieldset dl.two { border-top:1px solid #ccc; padding-top:10px;}
#signup .form fieldset dl dt { width:160px; float:left; text-align:right; padding-top:8px;  font-size:100%; font-weight:bold;}
#signup .form fieldset dl dd { margin-left:180px; margin-bottom:10px; font-size:110%;}
#signup .form fieldset dl dd input.text { font-size:100%; padding:6px; width:250px; border:1px solid #999; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#signup .form fieldset dl dd .fieldWithErrors input.text { border:2px solid #c33b35;}
#signup .form fieldset dl dd input.domain { width:100px;}
#signup .form fieldset dl dd input.domain.taken { border:1px solid #c10c0c;}
#signup .form fieldset dl dd input.short { width:150px;}
#signup .form fieldset dl dd input.couponcode { width:80px; text-transform:uppercase; }
#signup .form fieldset dl dd span { font-size:100%; color:#999;}
#signup .form fieldset dl dd span#couponLookup {margin-left:5px;}
#signup .form fieldset dl dd span#couponLookup span.valid {background:#61c10c; font-weight:bold; font-size:80%; color:#fff;  padding:2px 4px; border-radius:3px;}
#signup .form fieldset dl dd span#couponLookup span.invalid {background:#c10c0c;  font-size:80%; color:#fff;  padding:2px 4px; border-radius:3px;}
#signup .form fieldset dl dd span#couponLookup span.checking { color:#999; font-size:80%;}

#signup .form fieldset dl dd input.focused {border-color:#000; background:#feffef;}
#signup .form fieldset dl dd #domainLookup span {display:block; margin-top:10px; font-size:90%; line-height:1.5;}
#signup .form fieldset dl dd #domainLookup span.taken { color:#c10c0c; font-weight:bold;}
#signup .form fieldset dl dd #domainLookup span.free { color:#61c10c; font-weight:bold;}

#signup .form fieldset dl dd input.username { padding-left:26px; background-image:url(../../images/icons/user2.png); background-repeat:no-repeat; background-position:5px 5px;;}
#signup .form fieldset dl dd input.password { padding-left:26px; background-image:url(../../images/icons/key.png); background-repeat:no-repeat; background-position:5px 5px;;}

#signup .form p.promo-question { text-align:right; font-size:90%;}
#signup .form p.promo-question a {color:#999;}

#signup .form fieldset dl dd .fieldWithErrors span.text {display:block;margin-top:3px;}
#signup .form fieldset dl dd .fieldWithErrors span.text span { font-size:90%; color:#c33b35; font-weight:bold; line-height:1.5; }
#signup .form fieldset p { margin-bottom:15px;}
#signup .form .errorExplanation { border-top:8px solid #c33b35; border:8px solid #c33b35; padding:10px; line-height:1.5;}
#signup .form .errorExplanation h2 { color:#c33b35; font-weight:bold; font-size:150%;}
#signup .form .errorExplanation p {display:none;}
#signup .form .errorExplanation ul {margin:5px 0 5px 40px;}
#signup .form .errorExplanation ul li { list-style:disc;}

#signup .form .error {background:#c33b35; padding:10px; color:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
#signup .form .error h3 { font-size:120%; font-weight:bold; margin-bottom:4px;}

#signup .info { margin-top:10px;}
#signup .info h3 { font-size:130%; line-height:1.5; font-weight:bold; border-bottom:3px solid #efefef; padding-bottom:20px;}
#signup .info h3 a { color:#111;}
#signup .info h3 span { background:#fff9cb; padding:2px;}
#signup .info h3 span.change { background:none; font-weight:normal; font-size:80%;}
#signup .info dl { margin-top:24px; }
#signup .info dl dt { margin:10px 0; font-weight:bold; line-height:1.5;}
#signup .info dl dt span { background:#fff9cb; font-size:120%;}
#signup .info dl dd { color:#666; margin:10px 0; line-height:1.5;}
#signup .info p.centre { text-align:center; margin:10px 0;}

#users {overflow:hidden;}
#users .left { width:600px; float:left;}
#users h2 { font-size:200%; font-weight:bold; }
#users .left .t { padding:10px 0; margin:10px 0;}
#users .left .t blockquote { background:#efefef; padding:10px; font-family:Georgia, "Times New Roman", serif; line-height:1.5; font-size:110%;}
#users .left .t p.meta { text-align:right; margin-top:5px; color:#666; font-style:italic; font-weight:bold; font-size:110%;}
#users .left .t p.meta cite { font-style:italic; }
#users .left .t p.meta a { color:#666; }
#users .right { width:250px; float:right;}
#users .right ul li span.avatar { float:left; width:35px; padding-top:5px;}
#users .right ul li p.tweet { margin-left:40px;line-height:1.5;}
#users .right ul li p.tweet a { color:#333; }
#users .right ul li p.tweet a.date { display:block; margin-top:3px; font-size:90%; color:#999;}
#users .right ul li { margin-bottom:20px;}
#users .right h2 { background:url(/images/twitter.gif) no-repeat; text-indent:-400000px; padding:0px 0 12px 0;margin-top:5px;}

#about { overflow:hidden;}
#about .left { width:450px; float:left;}
#about h2 { font-size:150%; font-weight:bold; margin:10px 0;}
#about p { margin:10px 0; line-height:1.5;}
#about p a { color:#333;}
#about p sup { vertical-align:top; font-size:70%; font-weight:bold;}
#about .refs p { font-size:10px; margin-top:15px; color:#999;}

#about .left .infrastructure { height:114px; background:url(/images/website/infra.jpg);}

#about ul  { margin:10px 0; overflow:hidden;}
#about ul li {width:162px; padding-left:45px; float:left; font-weight:bold; margin-bottom:10px; background-repeat:no-repeat;}
#about ul li.charlie { background-image:url(/images/website/team/charlie.gif);}
#about ul li.jack { background-image:url(/images/website/team/jack.gif);}
#about ul li.adamh { background-image:url(/images/website/team/adamh.gif);}
#about ul li.adam { background-image:url(/images/website/team/adam.gif);}
#about ul li p {margin:0;}
#about ul li p span  { font-weight:normal; background:#FFF7A6; font-size:90%;}

#about .right { width:414px; float:right; padding-top:15px;}
#about .right .office { width:414px; height:221px; background:url(/images/website/office.jpg);}

#about .right .technology { height:114px;  background:url(/images/website/tech.gif);}

#terms { line-height:1.5;}
#terms p {margin:10px 0; font-size:120%;}
#terms h2 { font-size:180%; margin:10px 0; font-weight:bold; border-bottom:6px solid #efefef;}
#terms h3 { font-size:140%; font-weight:bold; margin:10px 0;}
#terms ul li { list-style:disc;font-size:120%;}
#terms ul { margin-left:40px;}
#terms span { background:#FFFBC6; padding:1px 2px;}
#facebox #login-dialog { padding:0 20px 0px 20px; text-align:center;line-height:1.5;}
#facebox #login-dialog h2 { font-size:120%; font-weight:bold; margin:10px 0;}
#facebox #login-dialog p { font-size:110%; margin:10px 0;}
#facebox #login-dialog p.login { background:#efefef; padding:10px; font-weight:bold; font-size:105%;}
#facebox #login-dialog p input.text { width:80px; padding:5px; border:2px solid #ccc; border-top-color:#999;}
#facebox #login-dialog p.submit { text-align:right; font-size:120%;}
#facebox #login-dialog p.submit a { color:#000;}

#signup-complete { width:80%; margin:0 auto; text-align:center; }
#signup-complete h2 { font-size:400%; font-weight:bold;margin-bottom:20px;}
#signup-complete p { font-size:140%; line-height:1.5;}
#signup-complete p a { color:#000; background:#FFFBC6; padding:2px 4px;}
#signup-complete h3 { }
#signup-complete h3 a {display:block; font-size:150%; color:#333; font-weight:bold;background:#efefef; padding:20px; margin:20px 0; }
#signup-complete h3 a:hover { background:#E4E4E4;}

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important; padding-right:10px;}
.flickr_badge_image img {border: 3px solid #ccc !important; padding:1px; background:#fff;}
#flickr_www {display:block; padding:0 0 0 7px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important; margin-bottom:4px;}
#flickr_badge_uber_wrapper { width:100%; margin:10px 0;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {width:100%;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
h2 .fr { color:#3993ff;}
h2 .fr b { color:#ff1c92;}

#cams { overflow:hidden;}
#cams .left { width:450px; float:left;}
#cams .right { width:414px; float:right; text-align:right;}
#cams h2 { font-size:150%; font-weight:bold; margin:10px 0;}
#cams p { margin:10px 0; line-height:1.5;}

#affiliate {overflow:hidden;}
#affiliate h2 { font-size:200%; font-weight:bold; margin-bottom:10px;}
#affiliate p.intro { font-size:120%; line-height:1.5;}
#affiliate p.getstarted {margin-top:20px; font-size:110%; line-height:1.7; border-left:10px solid #efefef; padding-left:10px;}
#affiliate p.getstarted code { background:#fcffc7; padding:2px; font-size:90%; letter-spacing:-1px;}
#affiliate .left { width:600px;}
#affiliate table { width:100%; margin:10px;}
#affiliate table td { border:1px solid #ccc; padding:10px; text-align:center; font-size:140%; width:80px;}
#affiliate table th { text-align:center; padding:10px; color:#c33b35; font-weight:bold;}
#affiliate table th.l { text-align:right; padding:10px; color:#5998C3;}
#affiliate table th.a { padding-bottom:3px; color:#c33b35; border-bottom:6px solid #c33b35;}
#affiliate table th.b { padding-bottom:3px; color:#5998C3; border-right:6px solid #5998C3; width:60px;}
#affiliate p.example {margin-top:20px; font-size:110%; line-height:1.5; background:#efefef; padding:10px;}
#affiliate p.example span { color:#c33b35; font-weight:bold;}
#affiliate p.example span.b { color:#5998C3;}
#affiliate h3 { font-size:120%; margin-top:30px; font-weight:bold; margin-bottom:5px; border-top:5px solid #efefef; padding-top:15px;}
#affiliate ul { margin:10px 0; font-size:90%;}
#affiliate ul li { list-style:disc;margin-left:30px; line-height:1.5;}