/* ###################### */
/* reset */
/* ###################### */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* ###################### */
/* /reset */
/* ###################### */

/* ###################### */
/* essentials */
/* ###################### */
.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
hr, .hide { display: none; }
.hidden { visibility: hidden; }
img { display: block; }
strong { font-weight: normal; }
em { font-style: normal; }
.debug1 { background-color: #ccc; color: #000; }
.debug2 { background-color: #999; color: #000; }
.debug3 { background-color: #666; color: #ff0; }
.debug4 { background-color: #333; color: #fff; }
.debug5 { background-color: #000; color: #fff; }
/* ###################### */
/* /essentials */
/* ###################### */

/* ###################### */
/* to sort */
/* ###################### */
body { background: #e4f3fc url(/skin/default/images/general/bg-x-sprite.jpg) 0 0 repeat-x; text-align: center; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #333; }

#centered { margin: 0 auto; text-align: left; width: 950px; position: relative; } 

#header { height: 90px; width: 950px; position: relative; }

h1 a { display: block; text-indent: -9999px; background: transparent url(/skin/default/images/general/main-sprite.gif) 0 0 no-repeat; width: 202px; height: 43px; text-decoration: none; font-size: 0; line-height: 0; position: absolute; left: 16px; top: 30px; }

#page { width: 950px; background-color: #fff; }

#main { width: 950px; }

#main-inner { padding: 20px 40px; }

#main-inner h1 { font-size: 1.4em; line-height: 130%; font-weight: bold; margin: 0 0 20px 0; }

#main-inner h2 { font-size: 1.2em; line-height: 130%; font-weight: bold; margin: 0 0 20px 0; }

#main-inner p { line-height: 130%; margin: 0 0 20px 0; font-size: .875em; }

#main-inner a { text-decoration: none; color: #3daefa; }

a.sm { font-size: .75em; }

#main-inner h3 { font-size: 1.1em; line-height: 130%; font-weight: bold; margin: 0 0 20px 0; }

#main-inner ul,
#main-inner ol { margin: 0 0 20px 0; }

#main-inner ul#answersHolder { margin: 0 0 20px 0; }

#main-inner li { line-height: 130%; font-size: .875em; }

#benefits li { background: transparent url(/skin/default/images/general/check.gif) left center no-repeat; text-indent: 20px; }

#main-inner strong { font-weight: bold; }

#main-inner form { margin-bottom: 20px; }

#home { background: transparent url(/skin/default/images/general/home-banner.jpg) 0 0 no-repeat; width: 950px; padding-bottom: 50px; }


#home-text { padding: 175px 0 0 56px; }
#home-text p { font-size: .875em; line-height: 130%; width: 300px; margin-bottom: 20px;  }
#home-text strong { font-weight: bold; display: block; color: #000; }

.ltrPicturesBlk {float: left; padding:5px 0 0px 2px;}
.ltrPicturesBlk ul{float: left;}
.ltrPicturesBlk ul li{float: left; padding: 12px 10px 0 0}
.ltrPicturesBlk ul li a{display: block; float: left; width: 63px; height:63px;  position: relative; top:0; left:0; }
.ltrPicturesBlk ul li.responseTitle {padding: 30px 10px 0 0; width: 100%; height: 20px;}
.ltrPicturesBlk ul li.responseTitle a{display: inline; float: none; width: 200px; height:20px;  position: relative; top:0; left:0; }


.ltrPicturesBlk ul li a img{border:0;  float: left; width: 63px; height:63px; position: absolute; z-index:0; top:0; left:0;  }
.ltrPicturesBlk ul li a img.ltrFrameSmall{ position: absolute; z-index:1; top:0; left:0;  }

a.ltrImageRounded{display: block; float: left; width: 63px; height:63px;  position: relative; top:0; left:0; }
a.ltrImageRounded img{border:0;  float: left; width: 63px; height:63px; position: absolute; z-index:0; top:0; left:0;  }
a.ltrImageRounded img.ltrFrameSmall{ position: absolute; z-index:1; top:0; left:0;  }

#main-inner .ltrPicturesBlk h3 { margin: 0; font-size: .875em; }

.editLinkTitle a{color: #1F4CA5}
.editLinkTitle a span {visibility: hidden; font-size: 12px !important;}
.editLinkTitle a:hover span {visibility: visible}

select.clients { line-height: 130%; font-size: .875em;  }

.responses-select { font-size: .875em; margin-bottom: 20px; }

.vdna-float-left { width: 600px; float: left; }
.vdna-float-right { width: 200px; float: right; }
/* ###################### */
/* /to sort */
/* ###################### */

/* ###################### */
/* nav */
/* ###################### */
#nav { width: 950px; height: 46px; background: transparent url(/skin/default/images/general/main-sprite.gif) 0 -43px no-repeat; position: relative; overflow: hidden; }
#nav li { float: left; }
#nav li a { display: block; height: 46px; color: #fff; font-weight: bold; font-size: .9375em; line-height: 130%; text-decoration: none; padding-top: 16px; float: left;  }
#nav li span { height: 46px; display: block; float: left; }
#nav li span.l { width: 43px; }
#nav li span.r { width: 14px; }
#nav li.on a { background: transparent url(/skin/default/images/general/nav-bg.gif) 0 0 repeat-x; color: #333; }
#nav li.on span.r { background: transparent  url(/skin/default/images/general/main-sprite.gif) no-repeat -10px -89px; }

#nav li a:hover { color: #333; }

#nav li#tab1 a { width: 170px; }
#nav li#tab2 a { width: 148px; }
#nav li#tab3 a { width: 100px; }
#nav li#tab4 a { width: 90px; }


#nav li#tab1 span.l { background: transparent url(/skin/default/images/nav/one.gif) 0 0 no-repeat; }
#nav li#tab1.on span.l { background: transparent url(/skin/default/images/nav/one-on.gif) 0 0 no-repeat; }
#nav li#tab2 span.l { background: transparent url(/skin/default/images/nav/three.gif) 0 0 no-repeat; }
#nav li#tab2.on span.l { background: transparent url(/skin/default/images/nav/three-on.gif) 0 0 no-repeat; }
#nav li#tab3 span.l { background: transparent url(/skin/default/images/nav/two.gif) 0 0 no-repeat; }
#nav li#tab3.on span.l { background: transparent url(/skin/default/images/nav/two-on.gif) 0 0 no-repeat; }
#nav li#tab4 span.l { background: transparent url(/skin/default/images/nav/four.gif) 0 0 no-repeat; }
#nav li#tab4.on span.l { background: transparent url(/skin/default/images/nav/four-on.gif) 0 0 no-repeat; }
#nav li#tab5 span.l { background: transparent url(/skin/default/images/nav/four.gif) 0 0 no-repeat; }
#nav li#tab5.on span.l { background: transparent url(/skin/default/images/nav/four-on.gif) 0 0 no-repeat; }


/* ###################### */
/* /nav */
/* ###################### */

/* ###################### */
/* footer */
/* ###################### */
#footer { background-color: transparent; width: 950px; margin: 0 auto 20px auto; height: 64px; text-align: left; }

#footer-links { float: left; display: inline; margin-left: 43px; width: 400px; margin-top: 19px; }
#footer-links li { font-size: .6875em; line-height: 120%; float: left; display: inline; padding-right: 11px; margin-left: 10px; position: relative; }
#footer-links li span { height: 10px; width: 1px; display: block; overflow: hidden; background: transparent url(/skin/default/images/general/main-sprite.gif) -202px 0 no-repeat; position: absolute; right: 0; top: 1px;  }
#footer-links a { color: #333; text-decoration: none; }
#footer-links a:hover { text-decoration: underline; }

#copyright { float: right; display: inline; margin: 19px 44px 0 0; width: 400px; text-align: right; }
#copyright p { font-size: .6875em; line-height: 120%; color: #333; }
/* ###################### */
/* /footer */
/* ###################### */


/* ###################### */
/* tags */
/* ###################### */

.tagsLeft { width: 50%; float: left;}
.tagsRight { width: 50%; float: right;}

#tagsPage p { font-size: .6875em; font-weight: bold; color: #000000; line-height: 1.4375em; margin: 0 0 1.3125em 0; }
#tagsPage p.congrat { font-size: 1.1em; font-weight: normal; color: #333333; line-height: 1.6em; margin: 16px 0 10px 0; }
#tagsPage p.eleven { font-size: 11px; font-weight: bold; color: #000000;  }
#tagsPage h2 { color: #00aeef; font-size: 1.185em; margin-bottom: 15px; margin-left: 0; margin-top: 0; }
#tagsPage h3 { float: left; font-weight: normal; color: #ffffff; font-size: 16px; padding-left: 26px; margin-left: 16px; height: 31px; margin-top: 5px; }

#tagsPage #interests-box h3 { background: transparent url(/skin/default/images/favorites/car.gif) 0 0 no-repeat; }
#tagsPage #tastes_preferences-box h3 { background: transparent url(/skin/default/images/favorites/cake.gif) 0 0 no-repeat; }
#tagsPage #current_status-box h3 { background: transparent url(/skin/default/images/favorites/current-status.gif) 0 0 no-repeat; }
#tagsPage #segments-box h3 { background: transparent url(/skin/default/images/favorites/segments.gif) 0 0 no-repeat; }
#tagsPage #long_term_goals-box h3 { background: transparent url(/skin/default/images/favorites/long-term-goals.gif) 0 0 no-repeat; }
#tagsPage #intent-box h3 { background: transparent url(/skin/default/images/favorites/intent.gif) 0 0 no-repeat; }
#tagsPage #demographic-box h3 { background: transparent url(/skin/default/images/favorites/demographics.gif) 0 0 no-repeat; }
#tagsPage #traits-box h3 { background: transparent url(/skin/default/images/favorites/traits.gif) 0 0 no-repeat; }


#main-inner #tagsPage h4 { font-size: .75em; color: #000; margin-bottom: 1em; margin-top: 25px; }
#main-inner #tagsPage ul { padding-bottom: 3px; float: left; cursor: pointer; margin:0;}
#main-inner #tagsPage ul.over li { color: #c00; }
#main-inner #tagsPage ul:hover { cursor: pointer }
#main-inner #tagsPage li { display: inline; position: relative; font-size: 0.6875em; color: #333333; padding-right: 14px; background: url(/skin/default/images/favorites/separator.gif) right no-repeat; /* margin-right: 4px; */ }
#main-inner #tagsPage li span { text-decoration: underline; }
#main-inner #tagsPage li:last-child { background: transparent; }
#main-inner #tagsPage li.last-item { background: transparent; } 

/*
#tagsPage p.expand-collapse { float: right; position: relative; display: inline; font-size: 12px; color: #ffffff; padding: 4px 30px 0 0; cursor: pointer; }
*/

#tagsPage p.expand-collapse { float: right; position: relative; display: inline; font-size: 12px; color: #ffffff; padding: 4px 22px 0 0; cursor: pointer; background: url(/skin/default/images/favorites/arrow-up.gif) right center no-repeat; margin: 0 10px 0 0; }

#tagsPage p.expand-collapse.down { float: right; position: relative; display: inline; font-size: 12px; color: #ffffff; padding: 4px 22px 0 0; cursor: pointer; background: url(/skin/default/images/favorites/arrow-down.gif) right center no-repeat; margin: 0 10px 0 0; }

#tagsPage .tags-box-outer { margin-bottom: 30px; width: 350px; float:left; margin-left: 50px;} 
#tagsPage .tags-box-top { position: relative; float: left; display: inline; overflow: hidden; width: 350px; height: 7px; background: transparent url(/skin/default/images/favorites/tags-box-top.gif) 0 0 no-repeat; } 
#tagsPage .tags-box-header { position: relative; float: left; display: inline; width: 350px; height: 31px; background: transparent url(/skin/default/images/favorites/tags-box-header.gif) 0 0 repeat-x; }
#tagsPage .tags-box-body { position: relative; float: left; display: inline; width: 350px; min-height: 100px; background: transparent url(/skin/default/images/favorites/tags-box-body.gif) 0 0 repeat-y; padding: 0 0 20px 15px; }
#tagsPage .tags-box-add { position: relative; float: left; display: inline; width: 350px; height: 49px; background: transparent url(/skin/default/images/favorites/tags-box-add.gif) 0 0 repeat-y; }
#tagsPage .tags-box-bottom { position: relative; float: left; display: inline; width: 350px; height: 5px; background: transparent url(/skin/default/images/favorites/tags-box-bottom.gif) 0 0 no-repeat; }
#tagsPage .tags-box-bottom1 { position: relative; float: left; display: inline; width: 350px; height: 5px; background: transparent url(/skin/default/images/favorites/tags-box-bottom1.gif) 0 0 no-repeat; }
#tagsPage .tags-content {  width: 350px; float: right; display: inline; position: relative; } 

#tagsPage .add-tags-form { }

#tagsPage .tags-add-input { border: 0; width: 213px; height: 14px; font-size: .75em; color: #00aeef; padding: 3px 0; position: absolute; top: 2px; left: 9px; }

#tagsPage .input-outer { position: absolute; width: 233px; height: 25px; left: 17px; top: 14px; background: transparent url(/skin/default/images/favorites/add-tags-input.gif) 0 0 no-repeat; }
#tagsPage input.add-more-button { position: absolute; cursor: pointer; width: 78px; height: 25px; left: 255px; top: 14px; display: block; text-indent: -9999px; background: transparent url(/skin/default/images/favorites/add-more-button-new.gif) 0 0 no-repeat; border: 0; }
#tagsPage input.add-more-button:hover { background-position: 0 -25px; }
#tagsPage .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; }
#tagsPage .loader img { display: block; margin-top: 20px; margin-left: 160px; }
#tagsPage .bigLoader { position: absolute; height: 51px; margin-top: 30px;  margin-left: 135px;}

#tagsPage li div.remove { position: absolute; top: 12px; background: transparent url(/skin/default/images/favorites/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; }
#tagsPage li div.remove strong { text-decoration: none; font-weight: bold; }

.on-top { z-index: 10000; }

.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; }

/* ###################### */
/* /tags */
/* ###################### */