body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0}
table {border-collapse:collapse;border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
q:before,q:after {content:''}
abbr,acronym {border:0}

body {font-size:62.5%;background:#fafafa;color:#333;font-family:Verdana,"Verdana Ref",sans-serif}

/* basic element styles */
h1 {font-size:2.6em;font-family:"Myriad",Frutiger,"Frutiger Linotype",Univers,"Myriad Web","Myriad Pro", Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;margin:0 0 20px}
h2, h3, h4 {font-size:1.75em;font-weight:bold;font-family:Cambria,Georgia,serif;margin:1.25em 0 0.25em}
h2 {font-style:italic;margin-top:0;color:#444}
h3 {font-size:1.25em;color:#555}
h4 {font-size:1.1em}

a {color:#333;text-decoration:none}
a:hover {color:#d00}
a:active, a:focus {color:#f00;position:relative;top:1px}
a:active {outline:none}
a.link {color:#d00}
a.link:hover {color:#000}
a.cta {font-weight:bold}

p {margin:0 0 1.25em}
p strong {font-weight:bold}
p em {font-style:italic}
abbr {border-bottom:1px dotted #999;cursor:help}
code {font-size:1.2em;font-family:Consolas,"Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace}
hr {clear:both;background:transparent;border:1px dotted #ccc;border-width:1px 0 0;margin:2em 0;height:1px}

/* main section styles - menu, banner, content, footer */
#menu {width:960px;margin:1em auto;overflow:hidden;background:#c5c5c5 url(/common/images/bgMenu.gif) 0 0 repeat-x;color:#333;border:1px solid #bababa;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
#menu li {float:left;font-size:1.1em}
#menu li:first-child {margin:0 0 0 0.75em}
#menu li a {display:block;line-height:2;padding:.6em 1em .4em;color:#333}
#menu li a:hover {color:#d00}
#menu .secondary {float:right}
#menu .secondary a {margin:0 0.6em 0 1em;padding-left:22px}
#menu .rss a {background:url(/common/images/iconSubscribe.png) 0 50% no-repeat}
#menu .rss {background:url(/common/images/divMenu.gif) no-repeat;padding:0 0 0 15px}
.login  a{background:url(/common/images/iconLogin.png) 0 50% no-repeat}
	#home #menu li:first-child a,
	#solutions #menu li a[href*=solutions],
	#development #menu li a[href*=development],
	#strategy #menu li a[href*=strategy],
	#projects #menu li a[href*=projects],
	#notebook #menu li a[href*=notebook],
	#research #menu li a[href*=research],
	#company #menu li a[href*=company],
	#contact #menu li a[href*=contact] {color:#000;font-weight:bold}

#banner {overflow:hidden;position:relative;width:920px;margin:0 auto 3em;padding:20px;background:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-shadow:1px 1px 3px #ccc;-webkit-box-shadow:1px 1px 3px #ccc;-moz-box-shadow:1px 1px 3px #ccc;filter:progid:DXImageTransform.Microsoft.dropshadow(OffY=2,OffX=2,color=#cccccc,positive=1)}
	#home #banner {background:#fff url(/common/images/ocean.jpg) 50% 50% no-repeat}
	#solutions #banner {background:#fff url(/common/images/balloon.jpg) 50% 50% no-repeat}
	#projects #banner {background:#fff url(/common/images/grass.jpg) 50% 50% no-repeat}
	#notebook #banner {background:#fff url(/common/images/clouds.jpg) 50% 50% no-repeat}
	#research #banner {background:#fff url(/common/images/wall.jpg) 50% 50% no-repeat}
	#company #banner {background:#fff url(/common/images/road.jpg) 50% 50% no-repeat}
	#staff #banner {background:#fff url(/common/images/sydney.jpg) 50% 50% no-repeat}
	#contact #banner {background:#fff url(/common/images/bokeh.jpg) 50% 50% no-repeat}
	#sandbox #banner {background:#fff url(/common/images/wave.jpg) 50% 50% no-repeat}
	#brief #banner {background:#fff url(/common/images/tree.jpg) 50% 50% no-repeat}

#content, .panels {overflow:hidden;width:940px;margin:0 auto 3em;font-size:1.1em;line-height:1.4}

#footer {clear:both;overflow:hidden;width:950px;margin:1em auto 2em;color:#666;font-size:0.9em}
#footer .base {float:left}
#footer p {display:block;clear:left;margin:0.25em 0;padding:1em 0}
#footer .links li {float:left;margin:0 0 1em}
#footer .links li a {display:block;padding:.25em .5em;margin:0 0.25em;color:#666;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
#footer .links li a:hover {background:#999;color:#fff}
#footer .links li:first-child {border:0}
#footer .links li span {display:block;padding:.25em .75em .25em 0}
#footer .social {clear:left;font-size:1.2em;border-top:1px dotted #eaeaea}
#footer .social li {float:left;margin:1em 1em 0 0;padding:0.25em 10px 0.25em 0}
#footer .social a {padding:0.25em 0 0.25em 20px;color:#666}
#footer .social a:hover {color:#c00}
#footer .twitter a {background:url(/common/images/iconTwitter.png) 0 50% no-repeat}
#footer .facebook a {background:url(/common/images/iconFacebook.png) 0 50% no-repeat}
#footer .linkedin a {background:url(/common/images/iconLinkedin.png) 0 50% no-repeat}

.internal {background:#fff;width:900px !important;padding:20px 40px 20px 20px;border:1px solid #d2d2d2;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-shadow:1px 1px 3px #ccc;-webkit-box-shadow:1px 1px 3px #ccc;-moz-box-shadow:1px 1px 3px #ccc;filter:progid:DXImageTransform.Microsoft.dropshadow(OffY=2,OffX=2,color=#cccccc,positive=1)}

/* inline elements */
.introduction {float:left;width:500px;margin:0;padding:20px}
.introduction {background:#fff;background:rgba(255,255,255,0.8);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.introduction h1 {font-size:3em}
.introduction p {font-size:1.2em;line-height:1.6;margin:0 20px 1em 0}
.introduction em {font-style:italic}
.introduction li {font-size:1.2em;line-height:1.6;margin:0 0 0.25em}
.introduction li span {float:left;width:70px}
.introduction a {border-bottom:1px dotted #ccc}
.introduction a:hover {border-bottom:1px solid #d00}

.contrast {background:rgba(255,255,255,0.9)}

.panels {width:960px}
.panels li {float:left;margin:0 8px 10px 0}
.panels a {display:block;width:230px;min-height:60px;padding:1.25em 0 1em 80px;border:1px solid #dcdcdc !important;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:2px 2px 3px #e0e0e0;-webkit-box-shadow:2px 2px 3px #e0e0e0;-moz-box-shadow:2px 2px 3px #e0e0e0;filter:progid:DXImageTransform.Microsoft.dropshadow(OffY=2,OffX=2,color=#e0e0e0,positive=1)}
.panels a:hover {background-color:#eaeaea}
.panels a strong {display:block;color:#555;font-size:1.75em;font-weight:bold;font-family:Cambria,Georgia,serif;margin:0 0 0.25em}
.panels a:hover strong {color:#333}
.panels a span {color:#333}
.panels a:hover span {color:#000}

.internal .text {border-right:1px solid #ccc;margin:0 20px 0 0;padding:0 20px 0 0}
.column {float:left;border-right:1px dotted #ccc;margin:0 20px 2em 0;padding:0 30px 0 0}
.c0 {float:none;width:580px;border:0;margin:0 0 2em;padding:0}
.c1 {width:580px}
.c2 {width:440px}
.c3 {width:270px}
.s4 {width:500px}
.s5 {width:350px}

.right {margin-right:0;padding-right:0;border:0}

.internal .s4 {width:490px}
.internal .s5 {width:340px}

#help .c2 {width:420px}

.column a {border-bottom:1px dotted #ccc}
.column a:hover {border-bottom:1px solid #c00}
.btn a {display:inline-block;outline:none;min-width:120px;color:#333;font-weight:bold;background:#eaeaea url(/common/images/btnArrow.png) 10px 50% no-repeat;padding:0.5em 20px 0.5em 34px;border:1px solid #dcdcdc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:2px 2px 3px #e0e0e0;-webkit-box-shadow:2px 2px 3px #e0e0e0;-moz-box-shadow:2px 2px 3px #e0e0e0;filter:progid:DXImageTransform.Microsoft.dropshadow(OffY=2,OffX=2,color=#e0e0e0,positive=1)}
.btn a:hover {color:#000;background:#e3e3e3 url(/common/images/btnArrow_on.png) 10px 50% no-repeat;border:1px solid #ddd;-webkit-box-shadow:2px 2px 3px #ccc}

.linklist {margin:0 1em 2em}
.linklist li {margin:0 0 0.25em}
.linklist a, .linklist a:hover {border:0}

#logo {float:right;width:250px;padding:10px;margin:0 3px 3px 0;border:1px solid #eaeaea;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff;box-shadow:2px 2px 2px #ccc;-webkit-box-shadow:2px 2px 2px #efefef;-moz-box-shadow:2px 2px 2px #efefef;filter:progid:DXImageTransform.Microsoft.dropshadow(OffY=2,OffX=2,color=#efefef,positive=1)}
#logo img {float:left}
#logo a {float:left;margin:13px 0 0 10px;font-size:1.2em;font-weight:bold;color:#666}
#logo a:hover {color:#c00}
#logo em {display:block;font-weight:bold;color:#444}

#logo:hover {background:#efefef}
#logo:hover em {color:#369}

/* home */
#home .column {min-height:320px}
#home .column p, #home .column dd {text-align:justify}

#home dt {color:#555;font-size:1.3em;font-family:Cambria,Georgia,serif;margin:0 0 0.25em;font-weight:bold}
#home dd {margin:0 0 1em 1.6em}

/* projects, company */
#displayoptions {float:right;width:300px;margin:-2.5em 0 0}
#displayoptions li {float:right;text-align:right;margin:0 5px 0 0}
#grid, #list {width:16px;height:16px;cursor:pointer}
#displayoptions .selected {opacity:0.5;cursor:default}
#holder {overflow:hidden;border:1px dotted #ccc;border-width:1px 0;margin:0 0 20px;padding:15px 0}

.displaygrid {overflow:hidden}
.displaygrid li {float:left;margin:0 10px 10px 0}
.displaygrid a {border:1px solid #999;display:block}
.displaygrid img {display:block}
.displaygrid a:hover {border:1px solid #000}

.displaylist {border-top:1px dotted #ccc}
.displaylist li {overflow:hidden;border-bottom:1px dotted #ccc;padding:15px 0}
.detail {float:left;width:520px}
.detail a {border-bottom:1px dotted #ccc}
.detail a:hover {border-bottom:1px solid #c00}
.detail .link {display:block;margin:0 0 0.5em;border:0}
.detail .link:hover {border:0}
.screenshot, .logo {float:right;margin:15px 0 10px;border:1px solid #999}
.logo {border:0}
.detail h3 {margin:0.5em 0 0;font-family:"myriad web","myriad pro",Calibri,Helvetica,Arial,Verdana,sans-serif}
.detail .description {margin:1em 0;font-weight:bold;color:#666}

/* company */
#company .displaygrid li {margin:10px}
#company .displaygrid a {border:0;opacity:0.85;padding:7px}
#company .displaygrid a:hover {opacity:1}
#company .displaylist {border:0}
#company #holder {border-top:0}

.badges {overflow:hidden;margin:0 0 2em}
.badges li {float:left;margin:0.5em}
.badges a {border:0 !important}
.badges a img {opacity:0.9}
.badges a:hover img {opacity:1}

.staff dt {margin:0.5em 0 0;color:#000;font-size:1.4em;font-family:"myriad web","myriad pro",Calibri,Helvetica,Arial,Verdana,sans-serif}
.staff dd {margin:0 0 2em}
.staff ul {float:right;border:1px solid #ccc}
.staff li li {margin:0.5em;padding:0.5em 26px}
.staff .lnkEmail {background:url(/common/images/iconEmail.png)0 50% no-repeat}
.staff .lnkContact {background:url(/common/images/iconVcard.png) 4px 50% no-repeat}
.staff .lnkLinkedin {background:url(/common/images/iconLinkedin.png) 4px 50% no-repeat}

/* solutions */
#solutions .btn {margin:0 0 2em 0}
.tl {min-height:155px}
.services {overflow:hidden}
.services li {float:left;width:259px;min-height:150px;padding:0 14px 0 40px;margin:10px 0}
	li#strategy {background:url(/common/images/iconStrategy.png) 0 0 no-repeat}
	li#analysis {background:url(/common/images/iconAnalysis.png) 0 0 no-repeat}
	li#search {background:url(/common/images/iconSearch.png) 0 0 no-repeat}
	li#social {background:url(/common/images/iconSocial.png) 0 0 no-repeat}
	li#ecommerce {background:url(/common/images/iconEcommerce.png) 0 0 no-repeat}
	li#development {background:url(/common/images/iconDev.png) 0 0 no-repeat}
	li#hosting {background:url(/common/images/iconHosting.png) 0 0 no-repeat}
.services h3 {margin:0.5em 0 0;font-family:"myriad web","myriad pro",Calibri,Helvetica,Arial,Verdana,sans-serif}
.services p {margin:0}

/* research */
#research .s5 h3 {margin:0}

.toc {border-bottom:1px dotted #ccc;font-size:1.1em}
.toc dt {border-top:1px dotted #ccc;font-weight:bold;padding:1em 0 0 1em}
.toc dd {margin:0.5em 0 1em 2em}
.toc dd li {margin:0.4em 0}
.toc dd a {background:url(/common/images/btnArrow.png) 0 50% no-repeat;padding:0.5em 0 0.5em 20px}
.toc dd a:hover {background-image:url(/common/images/btnArrow_on.png)}

.jumplinks {margin:0;padding:1em}
.jumplinks li {margin:0 0 0.75em}
.jumplinks a {font-weight:bold;background:url(/common/images/btnArrow.png) 0 50% no-repeat;padding:0.5em 0 0.5em 20px;border:0}
.jumplinks a:hover {background-image:url(/common/images/btnArrow_on.png);border:0}

.section {clear:both;border-top:1px dotted #ccc;padding:30px 0 0}
.section .back {display:inline-block;padding:30px 0 10px 10px}

.filter  {overflow:hidden}
.filter li {float:left}
.filter a {position:static;top:0;display:block;font-weight:bold;padding:.25em .5em;margin:0 0.25em;background:#eaeaea;color:#333;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.filter a:hover {background:#ccc;color:#c00}
.filter li.selected a {background:#999;color:#fff}

.data .note {width:500px;border:1px solid #ccc;background:#eaeaea;margin:1em 0;padding:1em 1em 0.5em;font-size:0.9em}
.data .note p {margin:0 0 0.5em}
.data cite {font-style:italic}
.data ol li {margin:0 0 0.5em 3em;list-style-type:decimal}

.chart {background:#fff;padding:1em;border:1px solid #999}

/* sandbox */
.sandbox {border-bottom:1px dotted #ccc;font-size:1.1em}
.sandbox dt {border-top:1px dotted #ccc;font-weight:bold;padding:1.5em 2em 0}
.sandbox dd {margin:0.5em 2em;padding:0 0 0.75em}
.sandbox dd li {margin:0 0 0.75em}
.sandbox dd a {background:url(/common/images/iconDocumentation.png) 0 50% no-repeat;padding:0.5em 0 0.5em 24px}
.sandbox dd li.download a {background-image:url(/common/images/iconDownload.png)}

a.download {border:0;background:url(/common/images/iconDownload.png) 0 50% no-repeat;padding:0.5em 0 0.5em 24px}
a.download:hover {border:0}

/* help */
#help .internal {background:#fff url(/common/images/iconHelp.png) 99% 10px no-repeat}
dl.resources {margin:2em 0 0;border:1px solid #ccc}
dl.resources dt {display:block;background:#216295 url(/common/images/bgResource_off.gif) 0 100% repeat-x;color:#ccc;border-top:1px solid #ccc;font-weight:bold;padding:1em 1em 11px;cursor:pointer}
dl.resources dt:first-child {border-top:0}
dl.resources dt.hover {color:#fff;border-bottom:1px solid #5688ae;padding-bottom:10px}
dl.resources dt.selected {background:#b94140 url(/common/images/bgResource_on.gif) 0 100% repeat-x;color:#fff;border-bottom:1px solid #d89191;padding-bottom:10px}
dl.resources dd {padding:1em}
dl.resources li {background:url(/common/images/btnArrow.png) 0 5px no-repeat;padding:0 0 0 20px}
dl.resources li:hover {background-image:url(/common/images/btnArrow_on.png)}
dl.resources a {display:block;border:0;font-weight:bold;color:#666;padding:0.5em 0}
dl.resources a:hover {border:0;color:#c00}

.faq dt {color:#555;font-size:1.4em;lin-height:1.8;font-family:Cambria,Georgia,serif;margin:1em 0 0.25em;font-weight:bold;border-bottom:1px dotted #ccc}

/* internal */
#help h1, #privacy h1 {width:955px;margin:1em auto 0.5em}

.feed li {line-height:1.6;margin:0 0 0.25em;background:url(/common/images/iconText.png) 0 5px no-repeat;padding:0.4em 0 0.4em 22px}
#tweets .feed li {background:url(/common/images/iconTwitter.png) 0 5px no-repeat}

/* brief */
#onlineform a {background-image:url(/common/images/iconForm.png);background-position:10px 0.75em;background-repeat:no-repeat}
#download a {background-image:url(/common/images/iconPdf.png);background-position:10px 0.75em;background-repeat:no-repeat}
#upload a {background-image:url(/common/images/iconUpload.png);background-position:10px 0.75em;background-repeat:no-repeat}

/* admin */
#admin #content {margin-top:20px}
#admin #back {float:right}
#admin #login {display:inline-block;margin:10px 0;padding:2em 2em 1em;border:1px solid #ccc}
#admin #login label {display:block;font-size:1.1em;margin:0 0 0.5em}
#admin #login span {float:left;width:140px}
#admin #login label.check {line-height:1em;margin:1em 0 0}
#admin #login label.check span {width:auto}
#admin #login label.check input {float:left;margin:0 0 0 10px}
#admin #login .submit {clear:both;float:right;cursor:pointer;padding:0.25em 0.5em;border:1px solid #ccc;background:#eaeaea;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#admin #login .submit:hover {border:1px solid #999;background:#ccc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}

/* semantic accordion */
dl.accordion {margin:1em 2em;font-size:1.25em;width:400px}
dl.accordion dt {cursor:pointer;border:1px solid #babdb6;padding:5px 10px;margin:0 0 0.5em}
dl.accordion dt:hover, dl.accordion dt.hover{background:#a40000;color:#fff}
dl.accordion dt.selected {border-width:1px 1px 0 1px;background:#eaeaea;color:#000;margin:0}
dl.accordion dd {display:none;border:1px solid #babdb6;border-width:0 1px 1px 1px;background:#eaeaea;padding:5px 10px 10px;margin:0 0 0.5em}

dl.news {margin:1em 2em;font-size:1.25em;width:400px}
dl.news dt {cursor:pointer;border:1px solid #babdb6;padding:5px 10px;margin:0 0 0.5em}
dl.news dt.open {cursor:default;border-width:1px 1px 0 1px;background:#eaeaea;color:#000;margin:0}
dl.news dt:hover, dl.news dt.hover{background:#a40000;color:#fff}
dl.news dd {display:none;border:1px solid #babdb6;border-width:0 1px 1px 1px;background:#eaeaea;padding:5px 10px 10px;margin:0 0 0.5em}

/* warnings, legacy handling */
.warning {width:500px;font-weight:bold;background:#f9dfdf url(/common/images/iconWarning.gif) 10px 50% no-repeat;color:#000;padding:1em 1em 1em 34px !important;border:1px solid #d00;font-size:1.1em}
.warning a {text-decoration:underline !important}

.print, .hide, .ie {display:none !important}

.jsShow {display:none}
.jsHide {display:block}
.js .jsShow {display:block !important}
.js .jsHide {display:none !important}

.isIE .ie {display:block !important}

#submitonline {display:none}
#formQuit {cursor:pointer;background:url(/common/images/iconClose.png) 100% 50% no-repeat;position:absolute;top:5px;right:8px;padding:0.25em 25px 0.3em;font-size:1.1em}
.popup {width:780px;margin:10px auto}
.popup .step h2 {color:#369}
.popup .column {width:300px;border:none}
.popup .c1 {width:500px}
	#detailContact {background:url(/common/images/iconContact.png) 700px 20px no-repeat}
	#detailCompany {background:url(/common/images/iconCompany.png) 700px 20px no-repeat}
	#detailObjectives {background:url(/common/images/iconObjectives.png) 700px 20px no-repeat}
	#detailAudience {background:url(/common/images/iconAudience.png) 700px 20px no-repeat}
	#detailDesign {background:url(/common/images/iconDesign.png) 700px 20px no-repeat}
	#detailSites {background:url(/common/images/iconWww.png) 700px 20px no-repeat}
	#detailFunctions {background:url(/common/images/iconFunctions.png) 700px 20px no-repeat}
	#detailBudget {background:url(/common/images/iconTiming.png) 700px 20px no-repeat}
	#detailFinish {background:url(/common/images/iconFinish.png) 700px 20px no-repeat}

.step {clear:both;overflow:hidden}
.stepnav {display:block;position:absolute;left:10px;bottom:10px;width:800px;min-height:20px;clear:both}
.stepnav a {min-height:16px;font-size:1.25em;font-weight:bold;padding:0.5em 22px 0.6em}
.stepnavnext {float:right}
.stepnavprev {float:left}
.stepnavnext a {background:url(/common/images/iconNext.png) 100% 50% no-repeat}
.stepnavprev a {background:url(/common/images/iconPrev.png) 0 50% no-repeat}

.instructions {font-style:italic}
.step p {font-size:1.1em;margin:0 0 0.5em}
.instructions .emphasise {font-style:italic}
.details {float:left;width:560px;margin:0 10px 0 0}
.step legend {color:#369;font-size:1.2em}
.step h3 {font-size:1.1em;font-family:Verdana,Arial,sans-serif;margin:0 0 0.5em}
.step .love h3 {color:#4e9a06}
.step .hate h3 {color:#a40000}
.step label {float:left;margin:0 0 1em;width:300px;font-size:1.1em}
.step input[type=text], .step select, .step textarea {border:1px solid #ccc;font-size:1.1em;font-family:Verdana,Arial,sans-serif;margin:2px 0 0;padding:2px;color:#999;min-height:16px}
.step input:focus, .step select:focus, .step textarea:focus {color:#333}
.step label input, .step label select {display:block;width:300px}
.step label.describe textarea {width:300px;height:120px;margin:0.25em 0}
.step label.describelarge {width:500px}
.step label.describelarge textarea {width:500px;height:120px;margin:0.25em 0}
.step label.textarea {width:auto}
.step label.check {clear:both;margin:0.25em 0}
.step label.check input {float:left;width:1em;height:1em;margin:2px 0.5em 0}
.step label.check span {float:left;width:250px}
.step input.url, .step input.sites {width:280px;background:url(/common/images/iconWeb.png) 0 50% no-repeat;padding-left:20px}
.step .love input {background-color:#d2f1b5}
.step .hate input {background-color:#f5bdbd}
#detailSites a {cursor:pointer}
.step input.btnSmall {float:left;width:16px;height:16px;border:0;margin:2px;padding:0}
.step input.add {background:url(/common/images/add.png) 0 0 no-repeat}
.step input.remove {background:url(/common/images/remove.png) 0 0 no-repeat}
.step input.date {background:url(/common/images/iconCalendar.png) 1% 50% no-repeat;min-height:16px;padding:2px 2px 2px 20px;width:280px}
.step input.err, .step textarea.err {border:1px solid #a40000 !important}
.step label.err {color:#a40000 !important;font-weight:bold}

.editable {border-top:1px dotted #ccc}
.editable li {overflow:hidden;border-bottom:1px dotted #ccc;padding-top:0.25em}
.editable input[type=text] {clear:left;float:left;cursor:pointer;color:#000;display:block;background:transparent;border:0;margin:0 0 0.5em;width:280px}
.editable input[type=image] {float:left;margin-top:3px}
.editable input.edit {cursor:default}

#briefSubmit {font-size:1.1em;background:#fff url(/common/images/btnArrow.png) 4px 50% no-repeat;border:2px outset #ccc;padding:0.3em 1em 0.3em 24px}
#briefSubmit:hover {background-color:#eaeaea}
#briefSubmit:active {border-style:inset}

/* thickbox */
#TB_window {color:#333}
#TB_secondLine {color:#666}
#TB_window a:link, #TB_window a:visited {color:#666}
#TB_window a:hover {color:#000}
#TB_window a:active, #TB_window a:focus{color:#666}

#TB_overlay {position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%}
.TB_overlayMacFFBGHack {background:url(/common/images/macFFBgHack.png) repeat}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}
* html #TB_overlay {position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')}
#TB_window {position:fixed;background:#fff;z-index:102;color:#000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%}
* html #TB_window {position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_window img#TB_Image {display:block;margin:15px 0 0 15px;border:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right}
#TB_closeAjaxWindow{background:url(/common/images/iconClose.gif) 100% 50% no-repeat;padding:7px 22px 7px 0;margin:0 10px 0 0;text-align:right;float:right}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px}
#TB_title{background-color:#e8e8e8;height:27px}
#TB_ajaxContent{clear:both;padding:2px 15px 15px;overflow:auto;text-align:left;line-height:1.4}
#TB_ajaxContent.TB_modal{padding:15px}
#TB_ajaxContent p{padding:5px 0px}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px}
* html #TB_load {position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}
* html #TB_HideSelect {position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')}
#TB_iframeContent{clear:both;border:0;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px}

/* Layout helpers */
.ui-helper-hidden {display:none}
.ui-helper-hidden-accessible {position:absolute;left:-99999999px}
.ui-helper-reset {margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.ui-helper-clearfix {display:inline-block}
* html .ui-helper-clearfix {height:1%}
.ui-helper-clearfix {display:block}
.ui-helper-zfix {width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-state-disabled {cursor:default !important}

/* Icons */

/* states and images */
.ui-icon {display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}

/* Overlays */
.ui-widget-overlay {position:absolute;top:0;left:0;width:100%;height:100%}

/* Component containers */
.ui-widget {font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;font-size:1.1em}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;font-size:1em}
.ui-widget-content {border:1px solid #d9d6c4;background:#eceadf url(/common/images/ui/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% 50% repeat;color:#1f1f1f}
.ui-widget-content a {color:#1f1f1f}
.ui-widget-header {border:1px solid #d4d1bf;background:#ffffff url(/common/images/ui/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat;color:#453821;font-weight:bold}
.ui-widget-header a {color:#453821}

/* Interaction states */
.ui-state-default, .ui-widget-content .ui-state-default {border:1px solid #cbc7bd;background:#f8f7f6 url(/common/images/ui/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat;font-weight:bold;color:#654b24;outline:none}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#654b24;text-decoration:none;outline:none}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {border:1px solid #654b24;background:#654b24 url(/common/images/ui/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat;font-weight:bold;color:#ffffff;outline:none}
.ui-state-hover a, .ui-state-hover a:hover {color:#ffffff;text-decoration:none;outline:none}
.ui-state-active, .ui-widget-content .ui-state-active {border:1px solid #d9d6c4;background:#eceadf url(/common/images/ui/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat;font-weight:bold;color:#140f06;outline:none}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#140f06;outline:none;text-decoration:none}

/* Interaction Cues */
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border:1px solid #b2a266;background:#f7f3de url(/common/images/ui/ui-bg_fine-grain_15_f7f3de_60x60.png) 50% 50% repeat;color:#3a3427}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a {color:#3a3427}
.ui-state-error, .ui-widget-content .ui-state-error {border:1px solid #681818;background:#b83400 url(/common/images/ui/ui-bg_fine-grain_68_b83400_60x60.png) 50% 50% repeat;color:#ffffff}
.ui-state-error a, .ui-widget-content .ui-state-error a {color:#ffffff}
.ui-state-error-text, .ui-widget-content .ui-state-error-text {color:#ffffff}
.ui-state-disabled, .ui-widget-content .ui-state-disabled {opacity:.35;filter:Alpha(Opacity=35);background-image:none}
.ui-priority-primary, .ui-widget-content .ui-priority-primary {font-weight:bold}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}

/* Icons */

/* states and images */
.ui-icon {width:16px;height:16px;background-image:url(/common/images/ui/ui-icons_469bdd_256x240.png)}
.ui-widget-content .ui-icon {background-image:url(/common/images/ui/ui-icons_469bdd_256x240.png)}
.ui-widget-header .ui-icon {background-image:url(/common/images/ui/ui-icons_d8e7f3_256x240.png)}
.ui-state-default .ui-icon {background-image:url(/common/images/ui/ui-icons_6da8d5_256x240.png)}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image:url(/common/images/ui/ui-icons_217bc0_256x240.png)}
.ui-state-active .ui-icon {background-image:url(/common/images/ui/ui-icons_f9bd01_256x240.png)}
.ui-state-highlight .ui-icon {background-image:url(/common/images/ui/ui-icons_2e83ff_256x240.png)}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image:url(/common/images/ui/ui-icons_cd0a0a_256x240.png)}

/* positioning */
.ui-icon-calendar {background-position:-32px -112px}
.ui-icon-circle-triangle-e {background-position:-48px -192px}
.ui-icon-circle-triangle-s {background-position:-64px -192px}
.ui-icon-circle-triangle-w {background-position:-80px -192px}
.ui-icon-circle-triangle-n {background-position:-96px -192px}

/* Corner radius */
.ui-corner-tl {-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px}
.ui-corner-tr {-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px}
.ui-corner-bl {-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px}
.ui-corner-br {-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px}
.ui-corner-top {-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px}
.ui-corner-bottom {-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px}
.ui-corner-right { -moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px}
.ui-corner-left {-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px}
.ui-corner-all {-moz-border-radius:6px;-webkit-border-radius:6px}

/* Overlays */
.ui-widget-overlay {background:#6e4f1c url(/common/images/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat;opacity:.60;filter:Alpha(Opacity=60)}
.ui-widget-shadow {margin:0 0 0 -10px;padding:5px;background:#000000 url(/common/images/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat;opacity:.60;filter:Alpha(Opacity=60);-moz-border-radius:18px;-webkit-border-radius:18px}

/* Datepicker */
.ui-datepicker {width:17em;padding:.2em .2em 0;z-index:105}
.ui-datepicker .ui-datepicker-header {position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute;top:2px;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top:1px}
.ui-datepicker .ui-datepicker-prev {left:2px}
.ui-datepicker .ui-datepicker-next {right:2px}
.ui-datepicker .ui-datepicker-prev-hover {left:1px}
.ui-datepicker .ui-datepicker-next-hover {right:1px}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px; }
.ui-datepicker .ui-datepicker-title {margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select {float:left;font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month-year {width:100%}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {width:49%}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {float:right}
.ui-datepicker table {width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th {padding:.7em .3em;text-align:center;font-weight:bold;border:0; }
.ui-datepicker td {border:0;padding:1px}
.ui-datepicker td span, .ui-datepicker td a {display:block;padding:.2em;text-align:right;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane {background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button {float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left}