/* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
/* */
/* */
.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
hr, .hide { display: none !important; }
.hidden { visibility: hidden; }
.none { display: none; }
strong { font-weight: normal; }
em { font-style: normal; }
/* */
/* */
body { color: #333333; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-align: center; background-color: #fff; }
#page { width: 960px; margin: 0 auto; text-align: left; position: relative; background: #ffffff; }
#header { width: 960px; border-bottom: solid 1px #dedede; overflow: hidden; height: 90px; }
#header h1 { height: 66px; width: 360px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/general/header-people.jpg) right no-repeat; position: relative; float: left; display: inline; margin-top: 15px; }
#header h1 a { display: block; width: 180px; height: 35px; top: 36px; left: 0; position: absolute; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/logo.gif) 0 0 no-repeat; text-decoration: none; text-indent: -9999px; }
#nav { position: absolute; top: 38px; right: 0; width: 550px; height: 52px; }
#nav li { float: left; text-align: center; padding-top: 16px; font-size: 12px !important; text-transform: uppercase; height: 40px; }
#nav li.nav-one { width: 80px; margin-right: 10px; }
#nav li.nav-two { width: 230px; margin-right: 10px;}
#nav li.nav-three { width: 120px; margin-right: 10px;}
#nav li.nav-four { width: 80px; }
#nav li.active { background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/general/nav-pointer.gif) top center no-repeat; }
#nav li a { display: block; text-decoration: none; color: #666; }
#nav li a:hover { color: #46b2ff; }
#nav li.active a { color: #46b2ff; }
#footer { margin: 30px 0 30px 0; background-color: #ffffff; text-align: center; padding: 14px 0; }
#footer-inner { text-align: left; margin: 0 auto; width: 880px; }
#footer-links { float: left; margin-left: 6px; display: inline; width: 300px; }
#footer-links li { float: left; color: #333333; }
#footer-links a { text-decoration: none; font-size: .75em; line-height: 120%; color: #333333; padding-right: 8px; padding-left: 10px; }
#footer-links li.first a { padding-left: 0; }
#footer-links a:hover { text-decoration: underline; }
#visualdna { float: right; text-align: right; width: 400px; }
#visualdna p { padding-bottom: 5px; margin-right: 6px; font-size: .75em; line-height: 16px; color: #333333; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/general/visualdna-logo-white.gif) right no-repeat; padding-right: 8px; }
#visualdna p strong { visibility: hidden; }
#footer { background: transparent; margin-bottom: 20px; width: 960px; margin: 0 auto 0px auto; padding: 20px 0 28px 0; }
#footer-links { width: 250px; float: left; margin-top: 15px; display: inline; margin-left: 30px; overflow: hidden; }
#footer-links li { float: left; margin-right: 5px; }
#footer-links a { font-size: .75em; color: #333333; text-decoration: none; display: block; line-height: 110%; padding-right: 17px; border-right: solid 1px #333333; }
#footer-links a:hover { }
#footer-links .last a { border: none; }
#footer #poweredby { float: right; position: relative; display: inline; text-align: right; width: 200px; padding-top: 13px; margin-right: 30px; }
#footer #poweredby p { font-size: 13px; color: #333333; line-height: 15px; position: relative; }
#footer #poweredby p span { position: relative; width: 63px; height: 18px; margin: 1px 0 0 6px; overflow: hidden; color: #ffffff; }
#footer #poweredby p #visualdna-logo { margin: 0; position: absolute; display: block; left: 0; top: 0; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/general/template.gif) -139px 0 no-repeat; width: 63px; height: 18px; }
/* */
/* */
#homepage h2 { position: relative; float: left; display: inline; color: #333333; font-size: 1.9em; line-height: 115%; width: 750px; margin: 34px 0; font-weight: bold; }
#homepage #blue-box-top { width: 960px; height: 9px; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/homepage/homepage.png) 0 0 no-repeat; }
#homepage #blue-box-bottom { width: 960px; height: 16px; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/homepage/homepage.png) 0 -9px no-repeat; }
#homepage .blue-box { }
#homepage #blue-header { background: #46b2ff url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/homepage/home-background1.png) 0 0 repeat; position: relative; }
#homepage h3 { line-height: 38px; color: #fff; font-size: 1.25em; font-weight: normal; margin-left: 25px; padding: 0 0 5px 0; }
#homepage .blue-box .inner { padding: 26px 20px 20px 20px; background: #e0f2ff; }
#homepage li { float: left; position: relative; display: inline; }
#homepage li.one { width: 320px; }
#homepage li.two { width: 326px; }
#homepage li.three { width: 274px; }
#homepage li h4 em { position: relative; text-indent: -9999px; display: block; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/homepage/homepage.png) 0 -25px no-repeat; width: 47px; height: 47px; }
#homepage li.two h4 em { background-position: -47px -25px; }
#homepage li.three h4 em { background-position: -94px -25px; }
#homepage li h4 strong { position: absolute; top: 0; left: 60px; font-size: 1.25em; color: #1266a2; line-height: 140%; width: 222px; }
#homepage li.one h4 strong { width: 190px; }
#homepage li p { margin-top: 35px; font-size: 0.75em; line-height: 1.8em; color: #333333; padding-top: 132px; }
#homepage li.one p { background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/homepage/homepage.png) 0 -77px no-repeat; }
#homepage li.two p { background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/homepage/homepage.png) -320px -77px no-repeat; }
#homepage li.three p { background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/homepage/homepage.png) -646px -77px no-repeat; }
#homepage li p span { text-align: left; width: 90%; display: block; }
#homepage #start-now { position: relative; float: left; text-indent: -9999px; display: inline; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/homepage/homepage.png) -141px -25px no-repeat; width: 162px; height: 52px; margin: 45px 0 0 25px; }
/* */
/* */
.how-things-work #body { position: relative; padding-top: 70px; }
.how-things-work h4#head4 { font-weight: bold; color: #ffffff; min-width: 340px; height: auto; }
.how-things-work ol.current-system { position: relative; margin: 0 auto; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) 0 -19px no-repeat; height: 510px; width: 474px; margin-bottom: 140px; top: 0px; }
/*.how-things-work ol.current-system h4 { position: absolute; left: -215px; top: -20px; font-size: 1.125em; font-weight: bold; color: #ffffff; min-width: 340px; padding-top: 0; margin-left: 0; }*/
.how-things-work ol.current-system li span{ width: 180px; color: #ffffff; line-height: 1.25em; font-size: 0.875em; font-weight: bold; display: block; }
.how-things-work ol.current-system li.one { position: absolute; right: -30px; top: 40px; width: 180px; }
.how-things-work ol.current-system li.two { position: absolute; right: -210px; top: 150px; width: 180px; }
.how-things-work ol.current-system li.three { position: absolute; right: -210px; top: 350px; width: 180px; }
.how-things-work ol.current-system li.four { position: absolute; left: 160px; bottom: -60px; width: 180px; }
.how-things-work ol.current-system li.five { position: absolute; left: -210px; top: 310px; width: 180px; }
.how-things-work ol.current-system li.six { position: absolute; left: -210px; top: 110px; width: 180px; }
/*
.how-things-work h2 { color: #ffffff; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; }
.how-things-work #tab-one.tab, #tab-two.tab { cursor: pointer; padding-top: 15px; }
.how-things-work #tab-one.tab-active, #tab-two.tab-active { cursor: default; padding-top: 15px; }
.how-things-work #tab-one.tab-active { top: 22px; left: 0; width: 345px; height: 33px; position: absolute; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) -474px -22px no-repeat; }
.how-things-work #tab-one.tab{ top: 22px; left: 0; width: 345px; height: 33px; position: absolute; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) -474px -70px no-repeat; }
.how-things-work #tab-two.tab-active { top: 22px; left: 352px; width: 311px; height: 33px; position: absolute; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) -474px -118px no-repeat; }
.how-things-work #tab-two.tab { top: 22px; left: 352px; width: 311px; height: 33px; position: absolute; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) -474px -166px no-repeat; }
*/
.how-things-work h2 { color: #ffffff; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; }
.how-things-work #tab-one .tab, #tab-two .tab { cursor: pointer; padding-top: 15px; }
.how-things-work #tab-one .tab-active, #tab-two .tab-active { cursor: default; padding-top: 15px; }
.how-things-work #tab-one { top: 22px; left: 0; width: 345px; height: 48px; position: absolute; }
.how-things-work #tab-one .tab-active { width: 345px; height: 33px; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) -474px -22px no-repeat; }
.how-things-work #tab-one .tab{ width: 343px; height: 33px; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) -474px -70px no-repeat; }
.how-things-work #tab-two { top: 22px; left: 352px; width: 311px; height: 48px; position: absolute; }
.how-things-work #tab-two .tab-active { width: 311px; height: 33px; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) -474px -118px no-repeat; }
.how-things-work #tab-two .tab { width: 311px; height: 33px; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) -474px -166px no-repeat; }
.how-things-work .blue-box-top { width: 960px; height: 11px; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) 0 -11px no-repeat; }
.how-things-work .blue-box-bottom { width: 960px; height: 11px; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) 0 0 no-repeat; }
.how-things-work .blue-box { background: #02A8E6 url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/blue-background.png) 0 0 repeat; }
.how-things-work .blue-box #blue-header { background: #00a7e9; }
.how-things-work .blue-box h3 { line-height: 38px; color: #fff; font-size: 1.75em; font-weight: normal; margin-left: 25px; padding-top: 30px; }
.how-things-work .blue-box h3 span { font-size: 1.25em; }
.how-things-work .blue-box .inner { padding: 26px 20px 20px 20px }
.how-things-work li { float: left; position: relative; display: inline; }
.how-things-work li.one { width: 308px; }
.how-things-work li.two { width: 332px; }
.how-things-work li.three { width: 274px; }
.how-things-work h4 { height: 70px; }
.how-things-work li h4 em { position: relative; float: left; text-indent: -9999px; display: block; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) -474px -214px no-repeat; width: 36px; height: 36px; }
.how-things-work li.two h4 em { background-position: -510px -214px; }
.how-things-work li.three h4 em { background-position: -546px -214px; }
.how-things-work li h4 strong { position: relative; float: left; top: 0; left: 20px; font-size: 18px; color: #ffffff; line-height: 140%; width: 222px; }
.how-things-work li p { margin-top: 35px; font-size: 0.75em; line-height: 1.8em; color: #ffffff; padding-top: 132px; }
.how-things-work li.one p { background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) 0 -527px no-repeat; }
.how-things-work li.two p { background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) -308px -527px no-repeat; }
.how-things-work li.three p { background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/how-things-work/how-things-work.png) -640px -527px no-repeat; }
.how-things-work li p span { text-align: left; width: 80%; display: block; }
/* */
/* */
#what-we-learn #body { background: #ffffff; margin: 30px 30px 30px 0; }
#what-we-learn #main-content { float: left; position: relative; display: inline; width: 544px; }
#what-we-learn #profile-tags { width: 350px; float: right; }
#what-we-learn .tags-box-outer { margin-bottom: 10px; width: 350px; height: 443px; }
#what-we-learn .tags-box-outer img { margin: 0; }
#what-we-learn h2 { font-size: 1.5em; font-weight: normal; color: #333333; margin-bottom: 10px; }
#what-we-learn h3, h4 { font-size: 1.25em; font-weight: normal; color: #00a7e9; margin-bottom: 6px;}
#what-we-learn p { font-size: 0.6875em; line-height: 1.8em; font-weight: normal; color: #333333; margin-bottom: 20px; }
/* */
/* */
#results #body { background: #ffffff; margin: 37px 30px 0 0; }
#results #header div#social { margin-top: 50px; float: right; display: inline; position: relative; width: 350px; height: 31px; }
#results #main-content { float: left; position: relative; display: inline; width: 574px; }
#results #main-content #my-visualdna-book { width: 574px; height: 393px; }
#results #main-content #pledge-outer { position: relative; width: 503px; height: 409px; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/pledge-new.jpg) 0 0 no-repeat; margin-top: 15px; margin-left: 35px; overflow: hidden; }
#results #main-content #pledge-outer .text { text-indent: -9999px; }
#results h2 { color: #00aeef; font-size: 1.185em; margin-bottom: 0; margin-left: 35px; padding:0; margin-top: 6px; }
#results input { position: absolute; left: 30px; bottom: 30px; }
#results #vdna_share_email_wrapper input { position: static; left: 0; bottom: 0; }
#results #vdna_share_email_wrapper input, #vdna_share_email_wrapper textarea { width:390px !important; }
#results #vdna_share_email_wrapper p { color:#000000; width:390px !important; }
#results #vdna_share_email_wrapper label, #results #vdna_share_email_wrapper div { text-align:left !important; }
#vdnashare a { display: block; text-decoration: none; color: #666; font-size:12px; margin-right: 75px;}
#vdnashare a:hover { color: #46b2ff; }
/* styles for pledge with text
#results #pledge-inner { position: absolute; top: 45px; left: 65px; width: 440px; height: 223px; }
#results #main-content #pledge-outer h2 { font-size: 1.3125em; margin-bottom: 1em; }
#results #main-content #pledge-outer p { }
#results #pledge-inner #pledge-logo { color: #565d5d; font-size: 1.3125em; font-weight: bold; position: absolute; right: 0; bottom: 0; }
#results #pledge-inner #pledge-logo span { font-size: .875em }
*/
#results #profile-tags { width: 350px; float: right; }
#results #profile-tags p { font-size: .6875em; font-weight: bold; color: #000000; line-height: 1.4375em; margin: 0 0 1.3125em 0; }
#results #profile-tags p.congrat { font-size: 1.1em; font-weight: normal; color: #333333; line-height: 1.6em; margin: 16px 0 10px 0; }
#results #profile-tags p.eleven { font-size: 11px; font-weight: bold; color: #000000; }
#results #profile-tags h2 { color: #00aeef; font-size: 1.185em; margin-bottom: 15px; margin-left: 0; margin-top: 0; }
#results #profile-tags h3 { float: left; font-weight: normal; color: #ffffff; font-size: 16px; padding-left: 26px; margin-left: 16px; height: 31px; margin-top: 5px; }
#results #profile-tags #interests-box h3 { background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/car.gif) 0 0 no-repeat; }
#results #profile-tags #tastes-box h3 { background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/cake.gif) 0 0 no-repeat; }
#results #profile-tags #current-status-box h3 { background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/current-status.gif) 0 0 no-repeat; }
#results #profile-tags #segments-box h3 { background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/segments.gif) 0 0 no-repeat; }
#results #profile-tags #long-term-goals-box h3 { background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/long-term-goals.gif) 0 0 no-repeat; }
#results #profile-tags #intent-box h3 { background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/intent.gif) 0 0 no-repeat; }
#results #profile-tags #demographics-box h3 { background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/demographics.gif) 0 0 no-repeat; }
#results #profile-tags #traits-box h3 { background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/traits.gif) 0 0 no-repeat; }
#results #profile-tags h4 { font-size: .75em; color: #000; margin-bottom: 1em; margin-top: 25px; }
#results #profile-tags ul { padding-bottom: 3px; float: left; cursor: pointer; }
#results #profile-tags ul.over li { color: #c00; }
#results #profile-tags ul:hover { cursor: pointer }
#results #profile-tags li { display: inline; position: relative; font-size: 0.6875em; color: #333333; padding-right: 14px; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/separator.gif) right no-repeat; /* margin-right: 4px; */ }
#results #profile-tags li span { text-decoration: underline; }
#results #profile-tags li:last-child { background: transparent; }
#results #profile-tags li.last-item { background: transparent; }
/*
#results #profile-tags p.expand-collapse { float: right; position: relative; display: inline; font-size: 12px; color: #ffffff; padding: 4px 30px 0 0; cursor: pointer; }
*/
#results #profile-tags p.expand-collapse { float: right; position: relative; display: inline; font-size: 12px; color: #ffffff; padding: 4px 22px 0 0; cursor: pointer; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/arrow-up.gif) right center no-repeat; margin: 0 10px 0 0; }
#results #profile-tags p.expand-collapse.down { float: right; position: relative; display: inline; font-size: 12px; color: #ffffff; padding: 4px 22px 0 0; cursor: pointer; background: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/arrow-down.gif) right center no-repeat; margin: 0 10px 0 0; }
#results .tags-box-outer { margin-bottom: 10px; width: 350px; }
#results .tags-box-top { position: relative; float: left; display: inline; overflow: hidden; width: 350px; height: 7px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/tags-box-top.gif) 0 0 no-repeat; }
#results .tags-box-header { position: relative; float: left; display: inline; width: 350px; height: 31px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/tags-box-header.gif) 0 0 repeat-x; }
#results .tags-box-body { position: relative; float: left; display: inline; width: 350px; min-height: 100px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/tags-box-body.gif) 0 0 repeat-y; padding: 0 0 20px 15px; }
#results .tags-box-add { position: relative; float: left; display: inline; width: 350px; height: 49px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/tags-box-add.gif) 0 0 repeat-y; }
#results .tags-box-bottom { position: relative; float: left; display: inline; width: 350px; height: 5px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/tags-box-bottom.gif) 0 0 no-repeat; }
#results .tags-box-bottom1 { position: relative; float: left; display: inline; width: 350px; height: 5px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/tags-box-bottom1.gif) 0 0 no-repeat; }
#results .tags-content { width: 350px; float: right; display: inline; position: relative; }
#results .add-tags-form { }
#results .tags-add-input { border: 0; width: 213px; height: 14px; font-size: .75em; color: #00aeef; padding: 3px 0; position: absolute; top: 2px; left: 9px; }
#results .input-outer { position: absolute; width: 233px; height: 25px; left: 17px; top: 14px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/add-tags-input.gif) 0 0 no-repeat; }
#results input.add-more-button { position: absolute; cursor: pointer; width: 78px; height: 25px; left: 255px; top: 14px; display: block; text-indent: -9999px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/add-more-button-new.gif) 0 0 no-repeat; border: 0; }
#results input.add-more-button:hover { background-position: 0 -25px; }
#results .loader { display:none; position: absolute; z-index: 9999; width: 350px; height: 55px; background-color: #000; /* for IE */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5; }
#results .loader img { display: block; margin-top: 20px; margin-left: 160px; }
#results #profile-tags li div.remove { position: absolute; top: 12px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/results/remove.gif) 0 0 no-repeat; color: #fff; text-transform: uppercase; font-size: .9375em; width: 82px; height: 25px; line-height: 120%; padding-top: 10px; font-weight: bold; text-align: center; cursor: pointer; z-index: 1000 !important; text-decoration: none !important; }
#results #profile-tags li div.remove strong { text-decoration: none; font-weight: bold; }
.on-top { z-index: 10000; }
/* */
/* ###################### */
/* quiz type pages */
/* ###################### */
body#quiz { background: #ffffff url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/background-gradient.gif) 0 0 repeat-x; text-align: center; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #fff; }
#quiz #centered { width: 626px; margin: 0 auto; text-align: center; position: relative; }
#quiz #header { height: 90px; border: none; width: auto; }
#quiz h1 { position: relative; left: 0 ; margin-top: 0; margin-bottom: 0px; text-indent: -9999px; background: transparent; width: 185px; height: 65px; overflow: hidden; }
#quiz h1 a { display: block; position: absolute; left: 0 ; top: 0; text-indent: -9999px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/adzappa-logo.gif) 0 0 no-repeat; width: 185px; height: 65px; overflow: hidden; }
#quiz h2 { position: absolute; left: 474px; top: 74px; text-indent: -9999px; background-position: -159px -61px; width: 144px; height: 20px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/visualdna.png) 0 0 no-repeat; overflow: hidden; }
#quiz div#pen { position: absolute; left: 326px ; top: 0; overflow: hidden; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/pen.png) 0 0 no-repeat; width: 159px; height: 87px; }
/* using old footer :
#quiz #footer { width: 618px; margin: 20px auto; }*/
/* using new footer : */
#quiz #footer { width: 618px; margin: 0 auto 20px auto; }
#quiz #new-footer { width: 618px; margin: 36px 0 0 0; text-align: left; }
#quiz #new-footer h4 { font-size: 1.4em; font-weight: bold; color: #6c0; }
#quiz #home-steps { height: 223px; width: 618px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/home-steps-bg.gif) bottom repeat-x; margin-top: 16px; position: relative; }
#quiz #home-steps-list { width: 618px; padding-top: 16px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/home-steps.jpg) bottom no-repeat; }
#quiz #home-steps-list li { height: 170px; text-align: left; cursor: default; float: left; width: 200px; margin-right: 9px; font-size: .75em; color: #fff; font-weight: bold; line-height: 120%; }
#quiz #home-steps-list li.last { margin-right: 0; }
#quiz #home-steps-list li span { color: #6c0; }
#quiz div.blk-button-more { width: 167px; position: absolute; bottom: -16px; right: 24px; }
#quiz div.blk-button-more a { overflow: hidden; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/black-button-more.gif) 0 0 no-repeat; display: block; line-height: 32px; text-decoration: none; color: #fff; text-align: center; }
#quiz div.blk-button-more a:hover { color: #6c0; }
#quiz div.blk-button-more a span { line-height: 32px; display: block; width: 150px; font-size: .6875em; text-transform: uppercase; font-weight: bold; }
#quiz div.blk-button-examples { width: 217px; position: absolute; top: -42px; right: 27px; }
#quiz div.blk-button-examples a { overflow: hidden; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/black-button-examples.gif) 0 0 no-repeat; display: block; line-height: 32px; text-decoration: none; color: #fff; text-align: center; }
#quiz div.blk-button-examples a:hover { color: #6c0; }
#quiz div.blk-button-examples a span { line-height: 32px; display: block; width: 200px; font-size: .6875em; text-transform: uppercase; font-weight: bold; }
#quiz #footer-links { width: 250px; float: left; margin-top: 15px; display: inline; margin-left: 8px; overflow: hidden; }
#quiz #footer-links li { float: left; margin-right: 17px; }
#quiz #footer-links a { font-size: .75em; color: #666; text-decoration: none; display: block; line-height: 110%; padding-right: 17px; border-right: solid 1px #404040; }
#quiz #footer-links a:hover { color: #fff; }
#quiz #footer-links .last a { border: none; }
#quiz #footer #poweredby { float: right; text-align: right; width: 200px; padding-top: 13px; }
#quiz #footer #poweredby p { font-size: .75em; color: #666; line-height: 18px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/visualdna-footer-white.gif) right no-repeat; }
#quiz #footer #poweredby p span { visibility: hidden; padding-right: 6px; }
#quiz #more { float: right; display: inline; margin-right: 10px; }
#quiz #more a { float: right; width: 260px; overflow: hidden; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/backgrounds.gif) 0 -74px no-repeat; display: block; line-height: 41px; text-decoration: none; color: #fff; text-align: center; }
#quiz #more a:hover { color: #9c0; }
#quiz #more a span { line-height: 41px; font-size: .875em; padding-right: 10px; }
/* quiz */
#quiz-container { width: 626px; text-align: left; margin: 0 auto; position: relative; }
#quiz-container .page, #quiz-container .hide { display: none; }
#quiz-container img { display: block; }
#quiz-container .si { color:#9bc805; padding:10px 30px 10px 20px; line-height:41px; height:57px; font-size:18px;}
#quiz-container .si .buyNowBtn{ width:128px; height:43px; display: block; float:right; background:url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/profile/buy_only_now_btn.png) no-repeat 0 0; text-indent:-9999px;}
#quiz-container .s { text-align: center; height: 50px; width: 618px; margin-bottom: 14px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/newbackgrounds1.gif) 0 0 no-repeat; overflow: hidden; }
#quiz-container .s h3 { font-size:1.6em; font-weight: normal; line-height: 50px; color: #ffffff; }
#quiz #quiz-container .smaller h3 { font-size: 1.4em; }
#quiz-container .q { width: 608px; margin-left: -7px; }
#quiz-container ul { list-style: none; width: 632px; }
#quiz-container li { float: left; display: inline; cursor: pointer; text-align: center; }
#quiz-container li div { width: 158px; height: 158px; position: relative; }
#quiz-container li div div { width: 138px; height: 138px; top: 6px; left: 6px; position: absolute; /* background-color: #fff; */ }
#quiz-container li div.is_clicked div { width: 150px; height: 150px; top: 0; left: 0; }
#quiz-container li a { text-decoration: none; }
#quiz-container li a img { position: absolute; top: 6px; left: 6px; z-index: 2; width: 138px; height: 138px; cursor: pointer; }
#quiz-container li div div.picksteps { position: absolute; left: 0; top: 114px; background: #A7CC10; width: 138px; height: 30px; z-index: 100; text-align: center; margin-left: 6px; }
#quiz-container .picksteps p { color: #000000; line-height: 30px; text-transform: uppercase; font-size: 0.9em; font-weight: bold; }
#quiz-container .p { width: 613px; margin: 6px 0 0 0; height: 70px; overflow: hidden; position: relative; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/newbackgrounds1.gif) 0 -50px no-repeat; }
#quiz-container .p .progress { width: 602px; display: block; height: 14px; position: absolute; left: 8px; top: 4px; overflow: hidden; }
#quiz-container .p .progress span { height: 14px; display: block; background-color: #585858; overflow: hidden; }
#quiz-container #f { width: 632px; height: 700px; position: absolute; left: 0; top: 0; z-index: 1; background-color: #fff; }
#quiz-container #f p { font-size: 1.4em; width: 19em; margin: 4em auto 0 auto; color: #333;}
.loading-par img { margin: 10px 0 0 180px;}
#quiz-container #flash-message { height: 700px; width: 632px; position: absolute; z-index: 1; top: 0px; text-align: center; background-color: #ffffff; }
#quiz-container #flash-message p { font-size: 1.2em; line-height: 130%; margin:0 auto; width: 600px; padding-top: 2.5em; }
#quiz-container #flash-message img { margin: 40px auto 0 auto; }
#quiz-container div.loader { background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/load.gif) 0 0 no-repeat; width: 48px; height: 48px; overflow: hidden; margin: 40px auto 0 auto; }
#quiz-container #pick { display: none; position: absolute; top: -76px; left: 385px; width: 315px; }
#quiz-container #pick .steps { width: 138px; height: 43px; display: block; float: right; background-color: transparent; background-image: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/greenticks.gif); background-repeat: no-repeat; }
#quiz-container #pick .step1 { background-position: 0 0; }
#quiz-container #pick .step2 { background-position: 0 -43px; }
#quiz-container #pick .step3 { background-position: 0 -86px; }
#quiz-container #pick p { font-weight: bold; color:#A7CC10; line-height: 43px; font-size: 1em; text-transform: uppercase; float: left; width: 165px; text-align: right; }
#quiz-container.fifteen { width: 790px; }
#quiz-container.fifteen .s,
#quiz-container.fifteen .p { margin-left: 82px; }
#quiz-container.fifteen #c { width: 790px; }
#quiz-container.fifteen .q { width: 766px; }
#quiz-container.fifteen ul { width: 790px; }
#quiz-container.fifteen #pick { display: block; }
/* quiz */
/* find out more and examples */
#quiz #intro { margin-top: 13px; }
#quiz #intro-text { width: 425px; float: left; margin-bottom: 24px; }
#quiz #intro-text h3 { font-size: 1.5em; line-height: 110%; color: #9c0; font-weight: bold; }
#quiz #intro-text h3.smaller { font-size: 1em; line-height: 120%; color: #9c0; font-weight: bold; margin-top: 2px; }
#quiz #start { float: right; display: inline; margin-right: 10px; margin-top: 5px; }
#quiz #start a { float: right; width: 155px; overflow: hidden; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/backgrounds.gif) -261px -74px no-repeat; display: block; line-height: 45px; text-decoration: none; color: #000; text-align: center; }
#quiz #start a:hover { color: #fff; }
#quiz #start a span { line-height: 45px; font-size: 1.2em; text-transform: uppercase; font-weight: bold; }
#quiz #steps { margin-bottom: 23px; }
#quiz #steps h4 { font-size: 1.1em; font-weight: bold; color: #fff; line-height: 130%; }
#quiz #steps-block { margin-top: 18px; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/backgrounds.gif) 0 -119px no-repeat; width: 618px; height: 164px; overflow: hidden; }
#quiz #steps-block li { float: left; height: 164px; display: inline; }
#quiz #steps-block li#step1 { width: 180px; margin: 0 0 0 20px; }
#quiz #steps-block li#step2 { width: 185px; margin: 0 0 0 25px; }
#quiz #steps-block li#step3 { width: 182px; margin: 0 0 0 25px; }
#quiz #steps-block li#step1 div { position: relative; padding: 66px 0 0 0; }
#quiz #steps-block li#step2 div { position: relative; padding: 68px 0 0 0; }
#quiz #steps-block li#step3 div { position: relative; padding: 94px 0 0 0; }
#quiz #steps-block li strong { display: block; font-size: .875em; line-height: 130%; position: absolute; top: 14px; left: 0; }
#quiz #steps-block li#step1 strong { width: 112px; }
#quiz #steps-block li#step2 strong { width: 170px; }
#quiz #steps-block li#step3 strong { width: 120px; }
#quiz .grey-block { width: 618px; overflow: hidden; }
#quiz .grey-block .grey-block-top { height: 10px; width: 618px; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: 0 -283px; background-image: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/backgrounds.gif); }
#quiz .grey-block .grey-block-bottom { height: 10px; width: 618px; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: 0 -293px; background-image: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/backgrounds.gif); }
#quiz .grey-block .grey-block-inner { background-color: #222; padding: 10px 22px 12px 22px; position: relative; }
#quiz .grey-block h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 16px; line-height: 120%; }
#quiz .grey-block h6 { font-size: 1.2em; font-weight: bold; line-height: 120%; margin-bottom: 4px; }
#quiz .grey-block li { font-size: .875em; line-height: 160%; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/bullet.gif) 0 8px no-repeat; padding-left: 10px; }
#quiz #examples { float: right; display: inline; margin-right: 10px; margin-top: 5px; }
#quiz #examples a { float: right; width: 206px; overflow: hidden; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/backgrounds.gif) 0 -303px no-repeat; display: block; line-height: 36px; text-decoration: none; color: #000; text-align: center; }
#quiz #examples a:hover { color: #fff; }
#quiz #examples a span { line-height: 36px; font-size: .9375em; font-weight: bold; }
#quiz .grey-block-inner #examples { float: none; position: absolute; /* bottom: 5px; */ top: 226px; right: 22px; margin: 0; }
p.separator { font-size: .9375em; line-height: 130%; width: 500px; margin: 24px 0 24px 32px; }
#quiz .white-block { width: 618px; color: #000; }
#quiz .white-block .white-block-top { height: 10px; width: 618px; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: 0 -339px; background-image: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/backgrounds.gif); }
#quiz .white-block .white-block-bottom { height: 10px; width: 618px; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: 0 -349px; background-image: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/backgrounds.gif); }
#quiz .white-block .white-block-inner { background-color: #fff; padding: 10px 22px 12px 22px; position: relative; }
#quiz .white-block h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 16px; line-height: 120%; }
#quiz .white-block h6 { font-size: 1.2em; font-weight: bold; line-height: 120%; margin-bottom: 4px; }
#quiz .white-block p { font-size: .75em; line-height: 150%; margin-bottom: 1em; }
#quiz #centered .example { margin-bottom: 40px; }
#quiz #centered .example .white-block-bottom { height: 59px; width: 618px; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: 0 -359px; background-image: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/backgrounds.gif); position: relative; }
#quiz #centered .example p { font-size: .8125em; }
#quiz #centered .example p strong { color: #333; font-weight: bold; }
#quiz #centered .example .white-block-bottom p { line-height: 120%; font-weight: bold; color: #fff; font-size: 1em; margin: 25px 0 0 24px; }
#quiz .start { position: absolute; display: inline; right: 10px; top: 17px; }
#quiz .start a { float: right; width: 115px; overflow: hidden; background: transparent url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/backgrounds.gif) -416px -74px no-repeat; display: block; line-height: 33px; text-decoration: none; color: #000; text-align: center; }
#quiz .start a:hover { color: #fff; }
#quiz .start a span { line-height: 33px; font-size: .9375em; text-transform: uppercase; font-weight: bold; }
#quiz .example .banner-outer { height: 100px; position: relative; }
#quiz .example .banner { width: 628px; height: 86px; position: absolute; left: -32px; background-color: #fff; background-image: url(http://resources-ms-ak.visualdna.com/www.adzappa.com/live/20100702112722/images/quiz/backgrounds.gif); background-repeat: no-repeat; background-position: 0 -418px; color: #fff; }
#quiz .example .banner img { position: absolute; top: -20px; left: 0; }
#quiz #centered .example .banner h4 { font-size: 1.4em; margin: 0 0 0 138px; line-height: 120%; font-weight: normal; }
#quiz #centered .example .banner h5 { font-size: 1em; margin: 13px 0 0 138px ; line-height: 120%; font-weight: normal; }
#quiz #centered .female .banner { background-position: 0 -504px; }
.ac_results { padding: 0px; border: 1px solid #ccc; background-color: #fff; overflow: hidden; z-index: 99999; text-align: left; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('indicator.gif') right center no-repeat; }
.ac_odd { background-color: #efefef; }
.ac_over { background-color: #00aeef; color: #fff; }