/* @override
	http://www.crowe.civicsciencedev.com/css/iqpoll/common.css
*/

* {
    font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #333;
}

html {
	margin: 0;
}

body {
	margin: 0;
	background: #f9f9f9;
}

strong {
	font-weight: bold;
}

span.link {
	color: #103f65;
	text-decoration: underline;
}

a:link {
	color: #103f65;
}

span.link:hover {
	cursor: pointer;
}

a.cancel {
    color: #c7202d;
    margin: 0 0 0 20px;
    text-decoration: none;
}

a.cancel:hover {
    color: #770f1a;
    cursor: pointer;
}

div.hidden {
	display: none;
}

span.beta {
	font-size: 9px;
	vertical-align: top;
	color: #89bcde;
	margin: 0 0 0 2px;
}

/* @group buttons */

input[type="button"] {
    border: 1px solid #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    height: 23px;
    color: #222;
    padding: 2px 10px;
    margin: 0;
	background-image: url(/images/gray_button_bg.png);
}

input[type="button"]:active:hover {
	background-image: none;
	background-color: #eee;
    box-shadow: 0 0 1px #888;
    -moz-box-shadow: 0 0 1px #888;
}

input[type="button"]:hover {
   box-shadow: 0 0 2px #888;
   -moz-box-shadow: 0 0 2px #888;
   border: 1px solid #999;
   cursor: pointer;
   border-radius: 3px;
   -moz-border-radius: 3px;
}

input[type="button"].disabled {
    opacity: .3;
    filter: alpha(opacity=30);
}

input[type="button"].disabled:hover {
    box-shadow: none;
   	-moz-box-shadow: none;
	border: 1px solid #888;
	cursor: not-allowed;
}

button {
    border: 1px solid #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    height: 23px;
    color: #222;
    padding: 2px 10px;
    margin: 0;
	background-image: url(/images/gray_button_bg.png);
}

button:active:hover {
	background-image: none;
	background-color: #eee;
    box-shadow: 0 0 1px #888;
    -moz-box-shadow: 0 0 1px #888;
}

button:hover {
   box-shadow: 0 0 2px #888;
   -moz-box-shadow: 0 0 2px #888;
   border: 1px solid #999;
   cursor: pointer;
   border-radius: 3px;
   -moz-border-radius: 3px;
}

button.disabled {
    opacity: .3;
    filter: alpha(opacity=30);
}

button.disabled:hover {
    box-shadow: none;
   	-moz-box-shadow: none;
	border: 1px solid #888;
	cursor: not-allowed;
}

input[type="submit"] {
    border: 1px solid #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    height: 23px;
    color: #222;
    padding: 2px 10px;
    margin: 0;
	background-image: url(/images/gray_button_bg.png);
}

input[type="submit"]:active:hover {
	background-image: none;
	background-color: #eee;
    box-shadow: 0 0 1px #888;
    -moz-box-shadow: 0 0 1px #888;
}

input[type="submit"]:hover {
   box-shadow: 0 0 2px #888;
   -moz-box-shadow: 0 0 2px #888;
   border: 1px solid #999;
   cursor: pointer;
   border-radius: 3px;
   -moz-border-radius: 3px;
}

input[type="submit"].disabled {
    opacity: .3;
    filter: alpha(opacity=30);
}

input[type="submit"].disabled:hover {
    box-shadow: none;
   	-moz-box-shadow: none;
	border: 1px solid #888;
	cursor: not-allowed;
}

input[type="button"].cancel,
div.header input[type="button"].cancel {
    color: #c7202d;
    background-color: transparent;
    background-image: none;
    border: none;
    font-size: 11px;
}

input[type="button"].cancel:hover {
    color: #770f1a;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
}

div.button {
	border: 1px solid #aaa;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	height: 13px;
	color: #222;
	padding: 4px 10px;
	margin: 0;
	background-image: url(/images/gray_button_bg.png);
}

div.button:hover {
    box-shadow: 0 0 2px #888;
    -moz-box-shadow: 0 0 2px #888;
    border: 1px solid #999;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

div.button:active:hover {
	background-image: none;
	background-color: #eee;
    box-shadow: 0 0 1px #888;
    -moz-box-shadow: 0 0 1px #888;
}

a.link_button {
    border: 1px solid #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    height: 23px;
    color: #222;
    padding: 2px 10px;
    margin: 0;
    background-image: url(/images/gray_button_bg.png);
}

a.link_button:active {
   	background-image: none;
   	background-color: #eee;
   	box-shadow: 0 0 1px #888;
   	-moz-box-shadow: 0 0 1px #888;}

a.link_button:hover {
	box-shadow: 0 0 2px #888;
	-moz-box-shadow: 0 0 2px #888;
	border: 1px solid #999;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

input.approve_button {
	border: 1px solid #7db13a;
}

input.approve_button:hover {
	border: 1px solid #7db13a;
}

input.reject_button {
	border: 1px solid #c7202d;
}

input.reject_button:hover {
	border: 1px solid #c7202d;
}

/* @end */
/* @group form elements */

input[type="text"], input[type="password"] {
    padding: 8px 6px;
    outline-color: #f2f2f2;
    outline-width: 2px;
    outline-style: solid;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
}

input[type="text"]:focus, input[type="password"]:focus {
    outline-style: none;
    border: 1px solid #999;
}

input[type="text"].disabled, input[type="password"].disabled {
    outline-color: #f9f9f9;
    outline-width: 2px;
    outline-style: solid;
    border: 1px solid #eee;
    background: #fff;
    color: #ccc;
}

textarea {
    padding: 5px 6px;
    outline-color: #f2f2f2;
    outline-width: 2px;
    outline-style: solid;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
}

textarea:focus {
    outline-style: none;
    border: 1px solid #999;
}

textarea.disabled {
    outline-color: #f9f9f9;
    outline-width: 2px;
    outline-style: solid;
    border: 1px solid #eee;
    background: #fff;
    color: #ccc;
}

select[multiple="multiple"] {
    padding: 8px 6px;
    outline-color: #f2f2f2;
    outline-width: 2px;
    outline-style: solid;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
    width: 200px;
}

select[multiple="multiple"]:focus {
    outline-style: none;
    border: 1px solid #999;
}

input[type="checkbox"] {
    margin: 1px 10px 0 0;
    *margin: -3px 10px 0 0;
}

input[type="radio"] {
    margin: 1px 10px 0 0;
    *margin: -3px 10px 0 0;
}

input#search_box {
    outline-style: none;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: url(/images/search.png) no-repeat 225px center #fff;
    background: url(/images/search.png) no-repeat 245px center #fff\9;
    *background: url(/images/search.png) no-repeat 200px center #fff;
    box-shadow: inset 1px 1px 3px #eee;
    -moz-box-shadow: inset 1px 1px 3px #eee;
    width: 255px;
    *width: 205px;
    float: right;
    border-radius: 25px;
    margin: 0 0 0 20px;
    color: #666;
}

/* @end */


/* @group page control */

div.page_control_wrapper {
	background: #333;
	padding: 10px;
}

div.page_control_wrapper div.page_control {
	width: 1000px;
	margin: 0 auto;
	display: table;
	height: 25px;
}

div.page_control_wrapper div.page_control div.page_logo {
	width: 200px;
	float: left;
	margin: 2px 0 0 0;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_main {
	float: left;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_main div.item {
	float: left;
	margin: 6px 15px 0 0;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_main div.item a {
	color: #fff;
	text-decoration: none;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_main div.item a:hover {
	text-decoration: underline;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.account_name {
    color: #fff;
    float: right;
    margin: 6px 0 0 15px;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary {
	float: right;
	display: table;
	 *display: block;
	 *width: 257px;
	 *margin: 0 0 0 15px;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary a {
    color: #fff;
    text-decoration: none;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary:hover {
    cursor: pointer;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary div.dropdown_trigger {
    color: #fff;
    float: left;
    margin: 6px 0 0 15px;
     *display: none;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary div.dropdown_wrapper {
    display: none;
     *display: block;
    margin: 0 0 0 -137px;
     *margin: 0;
    z-index: 999;
    position: absolute;
     *position: inherit; 
    text-align: left; 
    width: 200px;
     *width: auto;
    padding: 40px 0 0 0;
     *padding: 0; 
    border-radius: 3px;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary div.dropdown_wrapper div.dropdown_arrow {
    width: 50px;
    height: 20px;
    position: absolute;
    margin: -20px 0 0 148px;
    z-index: 101;
    background: url(/images/dropdown_arrow_333.png) 0px top;
     *display: none;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary div.dropdown_wrapper div.dropdown_menu {
    background: #333;
     *background: none;
    border-radius: 3px;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
     *box-shadow: none;
    position: absolute;
     *position: inherit;
    width: 200px;
     *width: auto;
    z-index: 100;
    padding: 6px 0;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary div.dropdown_wrapper div.dropdown_menu a * {
    color: #fff;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary div.dropdown_wrapper div.dropdown_menu a {
    *float: left;
    *margin: 0 15px 0 0;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary a div.item {
	margin: 0;
	border-top: 1px solid #444;
	 *border: none;
	padding: 10px;
	 *padding: 0;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary a:first-child div.item {
    border-top: 1px solid #333;
     *border: none;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary a:last-child div.item {
    border-bottom: 1px solid #333;
     *border: none;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary a:hover div.item {
    background: #292929;
     *background: none;
    cursor: pointer;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary  a:hover div.item {
    text-decoration: none;
     *text-decoration: underline;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary a:first-child:hover div.item {
    border-top: 1px solid #444;
     *border: none;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary a:last-child:hover div.item {
    border-bottom: 1px solid #444;
     *border: none;
}

div.page_control_wrapper div.page_control div.nav_wrapper div.nav_secondary:hover div.dropdown_wrapper {
    display: table;
}

/* @end */

/* @group page title */

div.page_title_wrapper {
	margin: 10px -10px 10px -10px;
	background-color: #f3f9fe;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

div.page_title_wrapper div.page_title {
	display: table;
	width: 1000px
}

div.page_title div.button_wrapper {
	padding: 0;
	margin: 10px 15px 0 0;
	float: right; 
}

div.page_title div.button_wrapper a {
	text-decoration: none;
}

div.button {
	border: 1px solid #aaa;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	height: 13px;
	color: #222;
	padding: 4px 10px;
	margin: 0;
	background-image: url(/images/gray_button_bg.png);
}

div.page_title div.button_wrapper div.button:hover {
	cursor: pointer;
}

div.page_title div.toggle_wrapper {
	display: table;
	*width: 220px;
	padding: 0;
	margin: 13px 15px 0 0;
	float: right; 
}

div.page_title div.toggle_wrapper div.toggle_title {
    float: left;
    margin: 4px 10px 0 0;
}

div.page_title div.toggle_wrapper div.toggle_title span.toggle_beta {
    font-size: 9px;
    color: #aaa;
    padding-left: 3px;
    vertical-align: top;
}

div.page_title div.toggle_wrapper div.toggle {
    float: right;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
    height: 17px;
    width: 20px;
    text-align: center;
    color: #222;
    padding: 4px 10px 0;
    margin: 0;
    background-image: url(/images/gray_button_bg.png)
}

div.page_title div.toggle_wrapper div.toggle:hover {
    background-image: none;
    background-color: #eee;
}

div.page_title div.toggle_wrapper div.toggle.right {
    border-left: 1px solid #aaa;
    border-radius: 0 3px 3px 0;
}

div.page_title div.toggle_wrapper div.toggle.left {
    border-right: none;
    border-radius: 3px 0 0 3px;
}

div.page_title div.toggle_wrapper div.toggle.on {
    background-image: none;
    background-color: #ccc;
}

div.page_title div.toggle_wrapper div.toggle.on:hover {
    cursor: default;
}

div.page_title div.toggle_wrapper div.toggle.off:hover {
    cursor: pointer;
}

div.page_title_wrapper div.page_title h1 {
	font-size: 22px;
	color: #222;
	text-shadow: #fff 0px 1px 0;
	margin: 0;
	padding: 10px 10px;
	float: left;
}

div.page_title_wrapper div.page_title h1 span.link {
	font-size: 22px;
	color: #103f65;
	text-decoration: underline;
}

div.page_title_wrapper div.page_title h1 a {
    font-size: 22px;
    color: #103f65;
    text-decoration: underline;
}

div.page_title_wrapper div.page_title h1 span.link:hover {
	cursor: pointer;
}


div.page_title_wrapper div.page_title div.filters {
    width: 980px;
    padding: 10px 0;   
}

div.page_title_wrapper div.page_title div.filters div.filter {
    *margin-left: 10px;
}

div.page_title_wrapper div.page_title div.filters div.filter {
    color: #222;
   	text-shadow: none;
}
   
div.page_title_wrapper div.page_title div.filters div.filter span.link {
   	text-decoration: underline;
   	color: #103f65;
   	white-space: nowrap;
    text-shadow: 1px 1px 1px #fff;
}

div.page_title_wrapper div.page_title div.filters div.filter span.link:first-child {
	margin: 0 5px 0 0;
}


/* @end */

div.page_content_wrapper {
    width: 1040px;
    margin: -110px auto 0;
    padding: 21px 0 0;
    display: table;
}

div.page_content {
	width: 980px;
	min-height: 500px;
	margin: 0 auto;
	padding: 1px 10px 20px;
	display: table;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ddd;
    position: relative;
    -moz-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
}

/* @group filters */

div.filters_wrapper {
	margin: 0;
	width: 100%;
	padding: 10px 0 100px;
	border-top: 1px solid #000;
}

@-moz-document url-prefix() { 
	div.filters_wrapper {
    	margin: 0;
} }

div.filters {
	width: 1000px;
	margin: 0 auto;
	display: table;
}

div.filter { 
	font-size: 11px; 
	line-height: 17px; 
	margin: 4px 0 0;
	display: table;
	color: #666;
}

div.filter span.link {
	text-decoration: underline;
	color: #103f65;
	white-space: nowrap;
}

/* This solves an issue I was having on the question list filters. There was no space between "Filter:" and "All questions". The issue doesn't exist on the question details page. */

div.filter span.link.filter_button {
    color: #222 !important; 
    text-decoration: none !important;
    float: left;
    height: 12px !important;
}

div.filter span.filter_button {
    border: 1px solid #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    height: 23px;
    color: #222;
    padding: 4px 17px 5px 8px;
    margin: -3px 8px 0 0 !important;
    text-decoration: none;
    background: url(/images/gray_button_bg_carrot.png) right #eee;
}

div.filter span.filter_button:hover {
    background: url(/images/gray_button_bg_carrot_down.png) right #eee;
    box-shadow: 0 0 2px #888;
    -moz-box-shadow: 0 0 2px #888;
    border: 1px solid #999;
    cursor: pointer;
}

div#question_list div.filter span.filter_button {
    border: 1px solid #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    height: 23px;
    color: #222;
    padding: 4px 15px 5px 10px;
    margin: 0 8px 0 0;
    text-decoration: none;
    background: url(/images/gray_button_bg_carrot.png) right;
}

div#question_list div.question_list_wrapper.loading {
	opacity: .5;
	filter: alpha(opacity=50);
}

div.filter span.link:hover { 
	cursor: pointer;
}

/* @group filter menu
 */

div.filter div.menu { 
	display: none; 
	position: absolute; 
	margin: 6px 0 0 -6px;
    border-radius: 3px;
    border: 1px solid #ddd;
	box-shadow: 0px 0px 5px #ddd; 
	-moz-box-shadow: 0px 0px 5px #ddd; 
	min-width: 100px; 
	z-index: 9999;
    background: #f9f9f9;
    color: #999;
    padding: 6px;
}

div.filter div.menu * {
    color: #666;
}

div.filter div.menu div.item { 
	font-size: 11px; 
	cursor: pointer; 
	color: #666;
    padding: 3px;
}

div.filter div.menu div.item:hover {
	color: #333;
}

div.filter div.menu div.item:first-child:hover { 
	border-radius: 3px 3px 0 0;
}

div.filter div.menu div.item:last-child:hover { 
	border-radius: 0 0 3px 3px;
}

div.filter div.menu div.item:only-child:hover {
    border-radius: 3px;
}

div.filter div.menu div.heading {
}

div.filter div.menu div.heading:hover {
    color: #333;
    border-radius: 5px;
}

div.filter div.menu div.submenu div.item { 
	display: none; 
	padding: 2px 10px 2px 24px; 
}

div.filter div.menu div.submenu div.heading { 
	background-image: url(/images/cs_images/ui_tree_plus.gif); 
	background-position: 1px 0px; 
	background-repeat: no-repeat; 
	cursor: pointer; 
	padding: 3px 10px 3px 24px; 
}

div.filter div.menu div.submenu.expanded>div.heading { 
	background-image: url(/images/cs_images/ui_tree_minus.gif); 
}

div.filter div.menu div.submenu>div.submenu {
	display: none;
    padding: 0px 10px 0px 19px; 
}

div.filter div.menu div.submenu.expanded>div.submenu {
    display: block;
}

div.filter div.menu div.submenu.expanded>div.item { 
	display: block; 
}

div.filter div.menu div.item input[type="text"] { 
	outline-style: none;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: url(/images/search.png) no-repeat 175px center #fff;
	background: url(/images/search.png) no-repeat 200px center #fff\9;
	*background: url(/images/search.png) no-repeat 165px center #fff;
	box-shadow: inset 1px 1px 3px #eee;
	-moz-box-shadow: inset 1px 1px 3px #eee;
	width: 205px;
	border-radius: 25px;
	color: #666;
}

div.filter div.menu div.item select {
    clear: both;
}

div.filter div.menu div.item input.filter_text_ok_button { 
	display: none;
}

div.filter div.menu div.item input.filter_text_ok_button:hover {
	cursor: pointer;
	box-shadow: none;
	-moz-box-shadow: none;
}

div.filter div.menu div.item input.filter_text_cancel_button {
	display: none;
}

div.filter div.filter_date_range_picker {
    position: absolute;
    display: none;
    z-index: 999;
}

div.filter div.filter_date_range_picker.visible {
    display: block;
}

div.filter div.filter_date_range_picker div.date_range {
	position: absolute;
	top: -50px;
	left: 20px;
    margin: 6px 0 0 -10px;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 5px #ddd; 
    -moz-box-shadow: 0px 0px 5px #ddd; 
    width: 456px; 
    z-index: 1;
    background: #f9f9f9;
}

div.filter div.filter_date_range_picker div.date_bound {
	float: left;
	margin: 10px;
}

div.filter div.filter_date_range_picker div.date_bound label {
    float: left;
    margin: 5px 5px 0 0;
}

div.filter div.filter_date_range_picker div.date_bound input[type='text'] {
    width: 120px;
    padding: 5px 10px;
    float: left;
}

div.filter div.filter_date_range_picker div.date_bound div.clear_date {
    background: url(/images/iqpoll/clear_light.png) no-repeat;
    display: none;
    float: left;
    width: 8px;
    height: 8px;
    cursor: pointer;
    margin: 11px 0 0 -14px;
}

div.filter div.filter_date_range_picker div.date_bound.has_date div.clear_date {
    display: block;
}

div.filter div.filter_date_range_picker div.date_picker_wrapper {
    clear: both;
    padding: 10px 0 0;
}

div.filter div.filter_date_range_picker div.buttons {
    clear: both;
    padding: 0 10px 10px;
    height: 23px;
}

div.filter div.filter_date_range_picker div.buttons input[type='button'] {
    float: right;
}

div.filter div.filter_date_range_picker div.date_picker {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
}

div.filter div.filter_date_range_picker div.date_picker div.days {
    border-bottom: 1px solid #333;
}

/* @end */

/* @end */

/* @group search filter */

div.search_section {
	height: 25px;
	float: right;
	padding: 0;
	margin: 0;
	display: block;
	*width: 255px;
}

/* @end */


/* @group question list */

div.question_list_wrapper div.requires_review_section.loading {
	opacity: .5;
	filter: alpha(opacity=50);
} 

div.question_list_wrapper div.question_list_headings {
	margin: 0 0 -5px 0;
	padding: 10px 0 0 0;
	font-weight: bold;
}

div.question_list_wrapper div.question_list_headings span.sort_section {
	font-weight: normal;
}

div.question_list_wrapper div.question_list_headings span.sort_section span.sort_time {
	color: #103f65;
	text-decoration: underline;
}

div.question_list_wrapper div.question_list_headings span.sort_section span.sort_alpha {
	color: #103f65;
	text-decoration: underline;
}

div.question_list_wrapper div.question_list_headings span.sort_section span:hover {
	cursor: pointer;
}

div.question_list_wrapper {
    width: 980px;
    *width: 1000px;
}

div.question_list_wrapper div.question_list div.item.loading {
	opacity: .5;
	filter: alpha(opacity=50);
}

div.question_list_wrapper div.question_list div.loading_text {
    padding: 0 0 5px 20px;
    background: url(/images/usersite/loading.gif) no-repeat;
}

div.question_list_wrapper div.question_list div.item {
	padding: 8px 10px 8px;
	margin: 0 -10px;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	display: block;
	cursor: pointer;
	*width: 980px;
}

div.question_list_wrapper div.question_list div.item:first-child {
    border-top: 1px solid #ddd;
}

div.question_list_wrapper div.question_list div.item div.loading_text {
    padding: 10px 0 5px 20px;
    background: url(/images/usersite/loading.gif) no-repeat 0 10px;
    clear: both;
}

div.question_list_wrapper div.question_list div.item:hover div.loading_text {
    background: #f9f9f9 url(/images/usersite/loading.gif) no-repeat 0 10px;
}

div.question_list_wrapper div.question_list div.item:hover {
	background: #f9f9f9;
}

div.question_list_wrapper div.question_list div.item div.question {
	margin: 0;
	color: #666;
}

div.question_list_wrapper div.question_list div.item div.question span.link {
	float: right;
}

div.watchlist_item.enabled.favorite_icon {
    display: inline-block;
    *display: none;
    background: url(/images/flag-small.png) no-repeat 4px -1px;
    height: 10px;
    width: 28px;
}

div.watchlist_item.favorite_icon {
    display: inline-block;
    *display: none;
    background: url(/images/flag-small-faded.png) no-repeat 4px -1px;
    height: 10px;
    width: 28px;
}

div.watchlist_item.favorite_icon:hover {
    cursor: pointer;
}

div.question_list_wrapper div.question_list div.item div.question div.favorite_icon {
    display: none;
}

div.question_list_wrapper div.question_list div.item:hover div.question div.favorite_icon {
    display: inline-block;
    *display: none;
}

div.question_list_wrapper div.question_list div.item div.question div.watchlist_item.enabled.favorite_icon {
    display: inline-block;
    *display: none;
}

div.question_list_wrapper div.question_list div.item div.controls {
	width: 150px;
	float: right;
	text-align: right;
}

div.question_list_wrapper div.question_list div.item div.controls div.results_button {
	display: table;
	float: right;
	text-decoration: underline;
	color: #103f65;
}

div.question_list_wrapper div.question_list div.item div.controls div.delete_button {
	display: table;
	float: right;
	text-decoration: underline;
	color: #103f65;
}

div.question_list_wrapper div.question_list div.item div.controls div.delete_button:hover {
    cursor: pointer;
}

div.question_list_wrapper div.question_list div.item div.controls div.details {
	display: table;
	float: right;
	text-decoration: underline;
	color: #103f65;
}

div.question_list_wrapper div.question_list div.item div.population_wrapper {
	clear: both;
	padding: 10px 5px;
	margin: 0 0 3px 0;
	width: 100%;
	border: 1px solid #ddd;
	display: table;
	background: #fff;
}

div.question_list_wrapper div.question_list div.item div.population_wrapper div.population {
	width: 648px;
	float: left;
}

div.question_list_wrapper div.question_list div.item div.population_wrapper div.population div.population_element {
	margin-top: 5px;
}

div.question_list_wrapper div.question_list div.item div.population_wrapper div.population div.population_element:hover {
	cursor: pointer;
}

div.question_list_wrapper div.question_list div.item div.population_wrapper div.population div.population_element:first-child {
	margin: 0;
}

div.question_list_wrapper div.question_list div.item div.population_wrapper div.population_controls {
	width: 150px;
	float: right;
	text-align: right;
}

div.question_list_wrapper div.question_list div.item div.population_wrapper div.population_controls div.delete_button {
	display: table;
	float: right;
	text-decoration: underline;
	color: #103f65;
}

div.question_list_wrapper div.question_list div.item div.population_wrapper div.population_controls div.delete_button:hover {
    cursor: pointer;
}

div.question_list_wrapper div.question_list div.item.expanded {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    *border-color: #ddd;
    margin: -1px -11px 0;
    color: #666;
}

div.question_list_wrapper div.question_list div.item.expanded:hover {
    background: #f9f9f9;
    cursor: default;
}

div.question_list_wrapper div.question_list div.item.expanded div.results {
    min-height: 100px;
}

div.question_list_wrapper div.question_list div.item.expanded div.controls {
    clear: both;
    background: #eee;
    margin: 0 -10px -9px;
    padding: 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #999;
    float: none;
    display: block;
    width: auto;
    min-height: 16px;
}

div.question_list_wrapper div.question_list div.item.expanded div.controls div.control {
    float: left; 
    margin: 0 10px 0 0; 
    border-left: 1px solid #999;
    padding: 0 0 0 10px;
    text-decoration: underline;
    color: #103f65;
}

div.question_list_wrapper div.question_list div.item.expanded div.controls div.control:hover {
    cursor: pointer;
}

div.question_list_wrapper div.question_list div.item.expanded div.controls div.control:first-child {
    border: none;
    padding: 0 0 0 5px;
}

div.question_list_wrapper div.question_list div.item.expanded div.controls div.control.details {
    float: right;
    margin: 0;
    border: none;
}

div.question_list_wrapper div.question_list div.item.expanded div.toggle {
    height: 14px;
    width: 14px;
    float: right;
    background: url(/images/iqpoll/toggle_collapse.png) no-repeat;
    margin: 0 0 0 20px;
}

div.question_list_wrapper div.question_list div.item div.toggle {
    height: 14px;
    width: 14px;
    float: right;
    margin: 0 0 0 20px;
    background: url(/images/iqpoll/toggle_expand.png) no-repeat;
}

div.question_list_wrapper div.question_list div.item div.toggle:hover {
    cursor: pointer;
}

div.question_list_wrapper div.question_list div.more_questions {
	margin: 15px 0 0;
}

div.question_list_wrapper div.question_list div.more_questions.loading {
	opacity: .5;
	filter: alpha(opacity=50);
}

/* @end */

/* @group pagination */

div.pagination {
	width: 980px;
	padding: 20px 0 0 0;
}

div.pagination.has_pages {
    display: block;
}

div.pagination.hidden {
	display: none;
}

div.pagination div {
	color: #103f65;
	text-decoration: underline;
}

div.pagination div:hover {
	cursor: pointer;
}

div.pagination div.disabled {
	color: #999;
	text-decoration: none;
}

div.pagination div.disabled:hover {
	cursor: not-allowed;
}

div.pagination div.start {
	float: left;
	margin: 0 10px 0 0;
}

div.pagination div.previous {
	float: left;
	margin: 0 10px 0 0;
}

div.pagination div.text {
	float: left;
	margin: 0 10px 0 0;
	color: #222;
	text-decoration: none;
}

div.pagination div.text:hover {
	cursor: auto;
}

div.pagination div.next {
	float: left;
	margin: 0 10px 0 0;
}

/* @end */

/* @group lists */


div.list_wrapper ul.population_list {
    display: block;
}

div.list_wrapper ul.feed_list {
    display: block;
}

div.list_wrapper ul.additional_accounts {
    display: block;
}

div.list_wrapper ul.brand_list {
    display: block;
}

div.list_wrapper ul.sysadmin_brand_list {
    display: block;
}

div.list_wrapper ul.network_list {
    display: block;
}

div.list_wrapper ul.subscription_list {
    display: block;
}

div.list_wrapper ul {
	display: none;
	list-style-position: inside;
	*list-style-type: none;
	padding: 0;
}

div.list_wrapper div.no_match_message {
	display: none;
}

div.list_wrapper.has_matches\[true\] div.list_headings {
	display: table;
}

div.list_wrapper.has_matches\[true\] ul {
	display: block;
}

div.list_wrapper.has_matches\[true\] div.help {
	display: block;
}

div.list_wrapper.has_matches\[false\] div.no_match_message {
	display: table;
}

div.list_wrapper ul li {
	padding: 8px 10px 8px;
	margin: 0 -10px;
	*margin: 0 0 0 -66px;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	display: block;
	cursor: pointer;
	display: table;
	width: 102.1%;
	width: 980px\9;
	color: #666;
}

div.list_wrapper ul li:first-child {
    border-top: 1px solid #ddd;
}

@-moz-document url-prefix() { 
	div.list_wrapper ul li {
    width: 980px;
} }

div.list_wrapper ul li:hover {
	background: #f9f9f9;
}

div.list_wrapper ul li div.name {
	width: 680px;
	float: left;
}

div.list_wrapper ul li div.controls {
	width: 210px;
	float: right;
	text-align: right;
}

div.list_wrapper ul li div.controls a {
	display: table;
	float: right;
	margin: 0 0 0 10px;
	text-decoration: underline;
	color: #103f65;
	cursor: pointer;
}

/* @end */

div.list_wrapper div.help {
	display: none;
}

div.list_wrapper div.help div.show_help {
    text-align: right;
    margin: 0 0 10px 0;
}

div.list_wrapper div.help div.help_message {
	display: none;
}

div.list_wrapper div.help.shown div.show_help {
    display: none;
}

div.list_wrapper div.help.shown div.help_message {
	display: block;
}

/* @group section layout */

div.section_content {
	padding: 0;
}

div.page_content.target_details div.section_content {
	float: none;
	min-height: 0;
}

div.section_content div.section_title {
	font-size: 15px;
	background: #f3f9fe;
	padding: 10px;
	margin: 0 -10px 10px -10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

div.section_content div.section_title.top {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

div.section_content div.section_instructions {
	font-size: 11px;
	line-height: 15px;
}

div.section_end {
	display: none;
}

div.section_nav {
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 60px;
	top: 59px\9;
	*top: 57px;
	width: 1000px;
	background: #f9f9f9;
	margin: 0 0 0 -10px;
	*clear: both;
}

@-moz-document url-prefix() { 
	div.section_nav {
    top: 61px;
} }

div.section_nav_buffer {
    height: 36px;
    width: 200px;
}

div.section_nav a {
	text-decoration: none; 
}

div.section_nav a div.nav_item {
	padding: 10px;
	border-top: 1px solid #ddd;
	font-size: 11px;
	color: #666;
	float: left;
}

div.section_nav a div.nav_item:first-child {
	border: none;
}

div.section_nav a div.nav_item:hover {
	color: #222;
	cursor: pointer;
}

div.section_nav a div.nav_item.selected {
    background: #fff;
    height: 13px;
    height: 15px\9;
    margin: 0 0 -1px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

@-moz-document url-prefix() { 
	div.section_nav a div.nav_item.selected {
    height: 16px;
} }

div.section_nav a:first-child div.nav_item.selected {
    border-left: none;
}

/* @end */

/* @group forms */

form.section_content div.section_title {
    background: none;
    padding: 0;
    border: 0;
}

div.form_section_wrapper {
	border-top: 1px solid #eee;
	padding: 3px 0 0 0;
	margin: 0 0 20px 0;
	display: table;
	clear: both;
	width: 100%;
}

div.form_section_wrapper div.form_section div.section_title {
	width: 250px;
	float: left;
	font-size: 13px;
}

div.form_section_wrapper div.form_section div.section_title div.instruction_box {
	width: 200px;
	margin: 10px 0;
}

div.form_section_wrapper div.form_section div.section_title div.instruction_box div.text {
	font-weight: normal;
}

div.form_section_wrapper div.form_section div.col1 {
	width: 340px;
	float: left;
}

div.form_section_wrapper div.form_section div.col1 select, div.form_section_wrapper div.form_section div.col2 select {
	width: 280px;
}

div.form_section_wrapper div.form_section div.col2 {
	width: 340px;
	float: left;
	min-height: 1px;
}

div.form_section_wrapper div.form_section div.colxl {
	width: 680px;
	float: left;
}

div.form_section_wrapper div.form_section div div.field_wrapper {
	margin: 0 0 10px 0;
}

div.form_section_wrapper div.form_section div div.field_wrapper div.field_name {
	font-size: 11px;
	color: #999;
	margin: 0 0 3px 0;
}

div.form_section_wrapper div.form_section div div.field_wrapper div.field_name span.help {
	font-size: 11px;
	color: #89bcde;
	margin: 0 0 3px 0;
	font-weight: bold;
}

div.form_section_wrapper div.form_section div div.field_wrapper div.field_value {
	font-size: 13px;
	font-weight: bold;
}

div.form_section_wrapper div.form_section div div.field_wrapper div.field_value span.link {
	color: #103f65;
	text-decoration: underline;
}

div.form_section_wrapper div.form_section div div.field_wrapper div.field_value span.link:hover {
	cursor: pointer;
}

div.form_section_wrapper div.form_section div div.field_wrapper div.field_input {
    margin: 0 0 6px 0;
}

div.form_section_wrapper div.form_section div div.field_wrapper div.field_input input[type="text"] {
	width: 230px;
}

div.form_section_wrapper div.form_section div.colxl div.field_wrapper div.field_input input[type="text"] {
	width: 400px;
}

div.form_section_wrapper div.form_section div.colxl div.field_wrapper div.field_input textarea {
	width: 588px;
	height: 100px;
}

div.form_section_wrapper div.form_section div.field_wrapper div.field_input div.control {
	width: 30px;
	float: left;
}

@-moz-document url-prefix() { 
	div.form_section_wrapper div.form_section div.field_wrapper div.field_input div.control {
    padding: 10px 0 0 0;
} }


div.form_section_wrapper div.form_section div.field_wrapper div.field_input div.control input[type="radio"] {
	margin: 1px 0 0 0;
	padding: 0;
}

div.form_section_wrapper div.form_section div.field_wrapper div.field_input div.text {
	display: table;
	*display: inline-block;
	margin: 10px 0;
}

div.form_section_wrapper div.form_section div.field_wrapper div.field_input div.text div.description {
	color: #999;
	margin: 2px 0 0 0;
}

div.form_section_wrapper div.form_section div.form_edit_wrapper {
	width: 50px;
	float: left;
	text-align: right;
}

div.form_section_wrapper div.form_section div.form_edit_wrapper div.edit_button {
	color: #103f65;
	text-decoration: underline;
}
	
div.form_section_wrapper div.form_section div.form_edit_wrapper div.edit_button:hover {
	cursor: pointer;
}
	
div.form_section_wrapper div.form_controls_wrapper {
	clear: both;
	padding: 0 0 0 250px; 
}
	
/* @end */

/* @group info section */

div.section_content div.info_section {
	margin: 20px 0;
	padding: 4px 0;
	border-top: 1px solid #ddd;
	clear: both;
	display: table;
	width: 100%;
}

div.section_content div.info_section div.section_title {
	width: 250px;
	float: left;
	font-size: 13px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

div.section_content div.info_section div.col1 {
	width: 340px;
	float: left;
	margin: 0 20px 0 0;
}

div.section_content div.info_section div.col2 {
	width: 340px;
	float: left;
}

div.section_content div.info_section div.colxl {
	width: 460px;
	float: left;
}

div.section_content div.info_section div div.field_wrapper {
	margin: 0 0 10px 0;
}

div.section_content div.info_section div div.field_wrapper div.field_name {
	font-size: 11px;
	padding: 0 0 2px 0;
	color: #999;
}

div.section_content div.info_section div div.field_wrapper div.field_value {
	font-size: 13px;
	padding: 0 0 2px 0;
	font-weight: bold;
}

div.section_content div.info_section div div.field_wrapper div.field_value input[type="text"] {
	width: 450px;
	padding: 5px;
	border: 1px solid #ddd;
	background: #eee;
	box-shadow: inset 1px 1px 0px #666;
	-webkit-box-shadow: inset 1px 1px 0px #666;
	-moz-box-shadow: inset 1px 1px 0px #666;
}

div.section_content div.info_section div div.field_wrapper div.field_value textarea {
	width: 450px;
	height: 60px;
	padding: 5px;
	padding: 5px;
	border: 1px solid #ddd;
	background: #eee;
	box-shadow: inset 1px 1px 0px #666;
	-webkit-box-shadow: inset 1px 1px 0px #666;
	-moz-box-shadow: inset 1px 1px 0px #666;
}

/* @end */


/* @group permissions */

div#permission_section.form_section div div.field_wrapper div.field_value {
	font-weight: normal;
	font-size: 11px;
}

/* @end */

/* @group footer */

div.footer {
	width: 1000px;
	margin: 0px auto 10px;
	padding: 0px 0 20px 0;
}

div.footer a {
	color: #bbb;
    text-decoration: none;
}

div.footer a:hover {
	color: #103f65;
}

div.footer div.copyright {
	margin: 0;
	padding: 5px 0 0 0;
	color: #bbb;
	float: left;
}

div.footer div.links {
	color: #bbb;
	margin: 5px 0 0 0;
	float: right;
}

div.footer div.links div.link {
	float: left;
	margin: 0 0 0 10px;
}

/* @end */

/* @group empty */

div.empty {
	background: #fefecc;
	padding: 5px 10px;
	margin: 10px 0; 
	border: 1px solid #eed42d;
}

div.empty.hidden {
	display: none;
}

div.empty a {
	color: #103f65;
}

/* @end */

/* @group popups */

div.popup_bg {
	width: 100%; 
	height: 100%; 
	position: fixed; 
	top: 0; 
	left: 0; 
	background-color: #000; 
	opacity: .8; 
	filter: alpha(opacity=80); 
	z-index: 1000;
}

div.popup {  
	box-shadow: 1px 1px 2px #000;
    -webkit-box-shadow: 1px 1px 2px #000;
    -moz-box-shadow: 1px 1px 2px #000; 
	z-index: 1001; 
	margin: 90px;
	padding: 10px;
	background: #fff;
}

div.popup div.close { 
	height: 17px;
	float: right;
	*float: none;
	width: 17px;
	background: url(/images/close_icon.png);
	position: absolute;
	right: 5px;
	top: 5px;
	opacity: .4;	
}

div.popup div.close:hover {
	cursor: pointer;
	opacity: .8;
}

div.popup div.popup_body {
	background: #fff;
	margin: 0;
	display: table;
	width: 700px;
	clear: both;
}

div.popup div.popup_body h1 {
	font-size: 15px;
	margin: 0 0 10px 0;
}

div.popup div.page_controls {
	float: right;
	width: 100px;
	margin: 10px 0 0 0;
	padding: 10px 0 10px 10px;
	border-left: 1px solid #ddd;
}

div.popup div.page_controls input[type="button"] {
	display: table;
	display: block\9;
	margin: 0 0 5px 0;
}

div.popup div.success, div.popup div.error, div.popup div.info {
	width: 580px;
}

/* @end */

/* @group small popup */

.sm_popup { 
	display: block;  
	z-index: 708; 
	background-color: rgba(0,0,0,0.9);
	background-color: #333\9;
	*background-color: #333; 
	width: 400px;
	left: 140px;
	color: #fff;
	border-radius: 5px;
    -moz-box-shadow: 1px 1px 10px #000000;
    -webkit-box-shadow: 1px 1px 10px #000000;
    box-shadow: 1px 1px 10px #000000;
}

.sm_popup * {
    color: #fff;
}

.sm_popup_top { 
	display: none;
}

.sm_popup_mid { 
	width: 380px;
	padding: 10px;
}

.sm_popup_mid .close { 
	float: right; 
	margin: 0 -3px 0 0; 
	cursor: pointer; 
	background: url(/images/close_icon.png);
	height: 17px;
	width: 17px;
	opacity: .4;
	display: none;
}

.sm_popup_mid .close:hover { 
	cursor: pointer;
	opacity: .8;

}

.sm_popup_mid .close img { 
	display: none;
}

.sm_popup_mid h3 { 
	margin: 0;
	font-size: 15px; 
}

.sm_popup_mid p { 
	padding: 0; 
}

.sm_popup_mid .select_button input[type="button"] { 
	margin: 0; 
}

.sm_popup_bot { 
	display: none;
}

.sm_popup_mid input.close_button { 
	margin: 0; 
}

.confirm_dialog .select_button input[type="button"] { 
	margin: 0 10px 0 0; 
}

.confirm_dialog_bg { 
	width: 100%; 
	height: 100%; 
	position: fixed; 
	top: 0; 
	left: 0; 
	background: transparent; 
	z-index: 1002; 
}

.sm_popup.confirm_dialog { 
	z-index: 1003; 
	margin: 140px 249px;
}

div.popup .sm_popup.confirm_dialog {
	z-index: 1003; 
	margin: 159px;
}

/* @end */

/* @group instructions */

div.instruction {
	padding: 10px;
	margin: 0 0 10px 0;
	background-color: #fefecc;
	border: 1px solid #eed42d;
}

div.instruction p {
	padding: 0;
	margin: 0;
}

/* @end */

/* @group help */

span.help {
	color: #999;
}

span.help:hover {
	cursor: help;
}

div.help {
	margin: -10px 0 0;
	*margin: -10px 0 10px 0;
}

/* @end */

/* @group js_client_error */

div.js_client_error {
    display: block;
}

div.js_client_error.hidden {
    display: none;
}

/* @end */

/* @group js_errors */

div.js_errors {
    display: block;
}

div.js_errors.hidden {
    display: none;
}

/* @end */

/* @group side bar */

div.side_bar {
    display: none;
}

/* @end */

/* @group populations */


div.population_details div.form_section div.field_wrapper div.field_input div.question {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

div.population_details div.form_section div.field_wrapper div.field_input div.answers {
    margin: 0 0 20px 0;
}

div.population_details div.form_section div.field_wrapper div.field_input div.answers div.answer {
    display: table;
    margin: 0 0 10px 10px;
}

div.population_details div.form_section div.field_wrapper div.field_input div.answers div.answer label select {
    margin: 10px 0 0 21px;
    display: none;
    display: block\9;
    height: 100px;
}

div.population_details div.form_section div.field_wrapper div.field_input div.answers div.answer input[type="radio"]:checked+label select {
    margin: 10px 0 0 21px;
    display: table;
    display: block\9;
    height: 100px;
}

div.population_details div.population_stats div.loading_text {
    padding: 0 0 0 20px;
    height: 20px;
    background: url(/images/usersite/loading.gif) no-repeat;
}

div.population_details div.population_constraints {
    margin: 30px 0 10px;
}

div.population_details div.population_constraints div.item {
	padding: 8px 10px 8px;
	margin: 0 -10px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}

div.population_details div.population_constraints div.item:first-child {
    border-top: 1px solid #ddd;
}

div.population_details div.population_constraints div.item.expanded:first-child {
    border-top: 1px solid #999;
}

div.population_details div.population_constraints div.item div.collapsed_section {
    display: block;
}

div.population_details div.population_constraints div.item div.expanded_section {
    display: none;
}

div.population_questions div.question_list div.item.expanded {
    border-bottom: 1px solid #999;
}

div.population_questions div.question_list div.item.expanded:first-child {
    margin-top: 1px;
}

div.population_details div.population_constraints div.item.expanded div.collapsed_section {
    display: none;
}

div.population_details div.population_constraints div.item.expanded div.expanded_section {
    display: block;
}

div.population_details div.population_constraints div.item:hover {
	background: #f9f9f9;
}

div.population_details div.population_constraints div.item div.close {
    height: 14px;
    width: 14px;
    float: right;
    background: url(/images/iqpoll/toggle_collapse.png) no-repeat;
    margin: 0 0 0 20px;
    cursor: pointer;
}

div.population_details div.population_constraints div.item div.question {
	width: 685px;
	margin: 0 0 4px 0;
	color: #666;
}

div.population_details div.population_constraints div.item div.question span.answer {
    font-weight: bold;
}

div.population_details div.population_constraints div.item div.controls {
	width: 100px;
	float: right;
	text-align: right;
}

div.population_details div.population_constraints div.item div.edit_constraint {
	clear: both;
	margin: 0 0 0 20px;
}

div.population_details div.population_constraints div.expanded {
    border: 1px solid #999;
    margin: -1px -11px 0;
}

div.population_details div.population_constraints div.expanded:first-child {
    border: 1px solid #999;
    margin: 0px -11px;
}

div.population_details div.population_constraints div.expanded:hover {
    background: #f9f9f9;
}

div.population_details div.population_constraints div.item div.value_list {
    margin: 10px 0 0;
}

div.population_details div.population_constraints div.item div.value {
	padding: 0 0 10px;
}

div.population_details div.population_constraints div.item div.edit_controls {
	padding: 0 0 10px;
}

div.population_questions div.question_list div.item.some_options_checked input.question_checkbox {
    opacity: .5;
    filter: alpha(opacity=50);
}

div.population_questions div.question_list div.item div.expanded_section {
    padding: 0 0 0 20px;
    display: none;
}

div.population_questions div.question_list div.item.expanded div.expanded_section {
    display: block;
}

div.population_questions div.question_list div.item div.option_list {
    margin: 10px 0 0 0;
}

div.population_questions div.question_list div.item div.option_list div.option {
    padding: 0 0 10px;
}

div.population_questions div.question_list div.item div.question_control {
    padding: 0;
}

div.population_question_section div.page_title_wrapper div.page_title {
    width: 980px;
    margin: 0 10px;
}

div.question_list_wrapper.population_questions div.question_list div.item div.question {
    padding: 0 0 0 20px;
}

div.question_list_wrapper.population_questions div.question_list div.item div.question input.question_checkbox {
    margin: 0 5px 0 -20px;
}

/* @end */

/* @group attributes */

div.attribute_text {
	font-size: 18px;
	font-weight: bold;
}

div.attribute div.values {
	margin: 10px 0 6px;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #ddd;
	*border-bottom: none;
	display: table;
}

div.attribute div.values div.value {
	padding: 5px 10px;
	display: table;
	background: #fff;
}

div.attribute div.values div.value.selected {
	font-weight: bold;
}

div.attribute div.values div.value:hover {
	background: #f9f9f9;
	outline-style: solid;
	outline-color: #ddd;
	outline-width: 1px;
	cursor: pointer;
	*background: #fff;
}

div.attribute.unselectable div.values div.value:hover {
    cursor: auto;
}

div.attribute div.values div.value div.value_text {
	width: 600px;
	width: 576px\9;
	padding: 3px 8px 3px 0;
	float: left;
}

div.attribute div.values div.value div.value_percentage {
	width: 140px;
	padding: 3px 8px 3px 0;
	float: left;
	text-align: right;
}

div.attribute div.values div.value div.value_percentage span.count {
	color: #ccc;
	float: left;
	font-size: 11px;
	margin: 0 10px 0 0;
}

div.attribute div.values div.value div.graph_wrapper {
	width: 200px;
	height: 18px;
	float: left;
	border: 1px solid #ddd;
	background: #fff;
	padding: 1px;
}

div.attribute div.values div.value div.graph_wrapper div.graph {
	height: 18px;
}

/* @end */

/* @group attribute stats */

div.attribute div.attribute_stats {
	margin: 2px 0 10px;
	*margin: 6px 0 10px;
	*padding: 4px 0 0 0;
	display: table;
	width: 100%;
	*border-top: 1px solid #ddd;
}

div.attribute div.attribute_stats * {
    font-size: 9px;
    color: #999;
}

div.attribute_stats div.date_range {
	float: left;
}

div.attribute_stats div.margin_error {
	float: right;
	margin: 0;
}

div.attribute_stats div.rounding_error {
    clear: both;
    padding: 3px 0 0 0;
}

/* @end */

/* @group country_map */

div.country_map div.map_text div.map_title {
	font-size: 18px;
	font-weight: bold;
}

div.country_map div.map {
	height: 400px;
}

/* @end */

/* @group state_map */

div.state_map div.map_text div.map_title {
	font-size: 18px;
	font-weight: bold;
}

div.state_map div.map {
	height: 620px;
}

/* @end */

/* @group state_map */

div.metro_map div.map_text div.map_title {
	font-size: 18px;
	font-weight: bold;
}

div.metro_map div.map {
	height: 620px;
}

/* @end */

div.csv_export {
    margin: 0;
    background: url(/images/down.png) no-repeat 5px 6px #f9f9f9;
    border: 1px solid #ddd;
    padding: 10px 10px 10px 30px;
    display: table;
    border-radius: 3px; 
    float: right;
}

div.csv_export.no_float {
    float: none;
    margin: 20px 0 10px;
}

/* @group attribute section */

div.attribute_section {
    outline: 1px solid #ddd;
    margin: 0 10px 10px 0;
    width: 485px;
    float: left;
}

@-moz-document url-prefix() { 
    div.attribute_section {
    width: 465px;
} }

div.attribute_section:nth-child(even) {
    margin: 0 0px 10px 0;
}

@-moz-document url-prefix() { 
    div.attribute_section:nth-child(even) {
    margin: 0 0px 10px 20px;
} }

div.attribute_section div.attribute_stats {
    padding: 0 10px 6px;
    *padding: 4px 10px 6px;
    margin: 0;
    height: 31px;
    width: 465px\9;
}

div.attribute_section div.attribute_text {
	font-size: 13px;
	font-weight: bold;
	padding: 6px 6px 0 6px;
}

div.attribute_section div.attribute div.values {
	margin: 10px 0 6px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #ddd;
	*border-bottom: none;
	display: table;
	width: 485px;
}

div.attribute_section div.attribute div.values div.value div.value_text {
	width: 205px;
	padding: 3px 8px 3px 0;
	float: left;
}

div.attribute_section div.attribute div.values div.value:hover {
	background: #f9f9f9;
	*background: #fff;
	outline: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	*border: none;
	padding: 4px 10px;
}

div.attribute_section div.attribute div.values div.value div.graph_wrapper {
	width: 100px;
}

/* @end */

div.attribute_section_wrapper div.attribute_section:nth-of-type(3) {
    margin-top: -191px;
}

div.attribute_section_wrapper div.attribute_section:nth-of-type(5) {
    margin-top: -222px;
}

div.dashboard div.profile_section div.attribute_section:nth-child(3) {
    margin-top: -191px;
}

div.dashboard div.profile_section div.attribute_section:nth-child(5) {
    margin-top: -222px;
}

/* @group add_attribute */

div.add_attribute_section {
	outline: 1px solid #ddd;
	margin: 0 0px 10px 0;
	width: 485px;
	float: left;
}

@-moz-document url-prefix() { 
    div.add_attribute_section {
   float: none;
   clear: both;
} }

div.add_attribute_section div.add_attribute_text {
	font-size: 13px;
	font-weight: bold;
	padding: 6px;
}

div.add_attribute_section div.add_attribute_control {
	margin: 6px;
}

div.add_attribute_section div.add_attribute_control select {
    
}

div.add_attribute_section div.add_attribute_control input[type="submit"] {
	height: 20px;
	margin: 10px 0;	
}

/* @end */

/* @group results */

div.question_list div.item div.results div.attribute_text {
    font-size: 11px;
    color: #666;
    font-weight: normal;
}

div.question_list div.item:hover div.results div.values div.value {
	background: #f9f9f9;
}

div.question_list div.item div.results div.values div.value:hover {
    background: none;
    outline: none;
    cursor: auto;
}

div.question_list div.item div.results div.values div.value div.graph_wrapper {
	float: right;
}

div.question_list div.item div.results div.error {
	background-color: #f9f9f9;
	border: none;
	padding: 10px 0 0 0;
}

div.question_list div.item div.results div.error div.ribbon {
	display: none;
}

div.question_list div.item div.results div.error div.title {
	float: none;
	display: block;
	width: auto;
}

div.question_list div.item div.results div.error div.message {
	float: none;
	padding: 0;
	width: auto;
	display: block;
}

/* @end */

/* @group time view */

div.attribute_time_graph div.loading_text {
    margin-top: 10px;
    padding: 0 0 5px 20px;
    background: url(/images/usersite/loading.gif) no-repeat;
}

div.attribute_time_graph_section.js-loading {
	opacity: 0.5;
}

div.attribute_time_graph div.graph_title {
	font-size: 11px;
}

div.attribute_time_graph div.graph_wrapper {
	height: 104px;
	margin: 5px 0 5px 0;
}

div.attribute_time_graph div.graph_wrapper div.day_wrapper {
	height: 100px;
	width: 10px;
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
	float: left;
	margin: 0 2px 0 0px;
}

div.attribute_time_graph div.graph_wrapper div.day_wrapper div.day {
	width: 10px;
}

div.attribute_time_graph div.graph_labels {
	font-size: 9px;
	width: 730px;
}

div.attribute_time_graph div.graph_labels div.left_label {
	float: left;
}

div.attribute_time_graph div.graph_labels div.right_label {
	float: right;
	margin: 0 10px 0 0;
}

/* @end */


div.sub_menu_message_wrapper {
    background: #222;
    padding: 10px 0;
}

div.sub_menu_message {
    width: 1000px;
    margin: 0 auto;
}

/* @group user messages */

div.message {
    display: block;
    padding: 6px 6px 6px 54px;
    margin: 0 0 10px 0;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 11px;
    color: #666;
    clear: both;
}

div.message div.ribbon {
   width: 29px;
   float: left;
   background-repeat: no-repeat;
   background-position: 0 -12px;
   height: 30px;
   margin: -7px 0 0 -42px;
}

div.message.error div.ribbon {
   background-image: url(/images/ribbon_red.png);
}

div.message.info div.ribbon {
   background-image: url(/images/ribbon_yellow.png);
}

div.message.success div.ribbon {
   background-image: url(/images/ribbon_green.png);
}

div.message strong {
    margin: 0 3px 0 0;
    color: #222;
    font-weight: bold;
    font-size: 11px;
}

div.message p {
    margin: 8px 0 0;
    *margin: 0;
    font-size: 11px;
}

div.message p:first-of-type {
    margin: 0;
}

div.message p a {
    font-size: 11px;
}

div.message ul {
    display: block;
    margin: 6px 0 0;
    padding: 0;
}

div.message ul li {
    display: block;
    margin: 0 0 0 10px;
    padding: 0;
}

/* @end */

/* @group feed_questions_section */

div.feed_questions_section div.question_list div.item div.question {
    padding-left: 20px;
}

div.feed_questions_section div.question_list div.item.expanded div.controls {
    margin-top: 5px; 
}

div.feed_questions_section div.question_list div.item.expanded div.results {
    padding: 0 0 0 20px;
}

div.feed_questions_section div.question_list div.item.expanded div.results div.values div.value div.value_text {
    width: 570px;
}

div.feed_questions_section div.question_list div.item ul.question_samples {
    margin: 10px 0 00;
    padding: 0;
}

div.feed_questions_section div.question_list div.item ul.question_samples li.sample {
    color: #999;
    font-style: italic;
    list-style: none;
    padding-left: 20px;
    margin: 0 0 6px 0;
}

div.feed_questions_section div.question_list div.item ul.question_samples li.sample span.population {
    font-weight: bold;
}

div.feed_questions_section div.question_list div.item span.remove_sample_button {
    font-style: normal;
    padding-left: 5px;
}

div.feed_questions_section div.page_title_wrapper div.page_title div.filters div.filter span.feed {
    font-weight: bold;
}

div.feed_questions_section div.question_list div.item div.priority_control {
	width: 15px;
	height: 15px;
	float: left;
	margin: -5px 0 0 -20px;
	cursor: pointer;
    font-weight: normal;
    font-style: normal;
}

div.feed_questions_section div.question_list div.item span.priority {
    display: inline-block;
    height: 19px;
    width: 16px;
    background: url(/images/star-small.png) no-repeat 0px 3px;
}

div.feed_questions_section div.question_list div.item span.priority.priority_lo {
    display: inline-block;
    height: 19px;
    width: 16px;
    background: url(/images/star-small-empty.png) no-repeat 0px 3px;
}

/* @end */

/* @group target_questions_section */

div.target_questions_section div.question_list div.item div.question {
    padding-left: 20px;
}

div.target_questions_section div.question_list div.item.expanded div.controls {
    margin-top: 5px; 
}

div.target_questions_section div.question_list div.item.expanded div.results {
    padding: 0 0 0 20px;
}

div.target_questions_section div.question_list div.item.expanded div.results div.values div.value div.value_text {
    width: 570px;
}

div.target_questions_section div.question_list div.item ul.question_samples {
    margin: 10px 0 00;
    padding: 0;
}

div.target_questions_section div.question_list div.item ul.question_samples li.sample {
    color: #999;
    font-style: italic;
    list-style: none;
    padding-left: 20px;
    margin: 0 0 6px 0;
}

div.target_questions_section div.question_list div.item ul.question_samples li.sample span.population {
    font-weight: bold;
}

div.target_questions_section div.question_list div.item span.remove_sample_button {
    font-style: normal;
    padding-left: 5px;
}

div.target_questions_section div.page_title_wrapper div.page_title div.filters div.filter span.target {
    font-weight: bold;
}

div.target_questions_section div.question_list div.item div.priority_control {
	width: 15px;
	height: 15px;
	float: left;
	margin: -5px 0 0 -20px;
	cursor: pointer;
    font-weight: normal;
    font-style: normal;
}

div.target_questions_section div.question_list div.item span.priority {
    display: inline-block;
    height: 19px;
    width: 16px;
    background: url(/images/star-small.png) no-repeat 0px 3px;
}

div.target_questions_section div.question_list div.item span.priority.priority_lo {
    display: inline-block;
    height: 19px;
    width: 16px;
    background: url(/images/star-small-empty.png) no-repeat 0px 3px;
}

/* @end */



div.population_control a  {
    color: #c7202d;
    margin: 0 15px;
    text-decoration: none;
}

div.population_control a:hover  {
    text-decoration: underline;
}

/* @group subscription_list */

div.subscription_list_wrapper div.subscription_list div.item {
    padding: 5px;
    margin: 0 0 3px 0;
    border: 1px solid #eee;
    background-color: #f9f9f9;
    display: table;
    width: 100%;
    width:968px\9;
    cursor: pointer;
    border-radius: 3px;
}

@-moz-document url-prefix() { 
    div.subscription_list_wrapper div.subscription_list div.item {
    width: 968px;
} }

div.subscription_list_wrapper div.subscription_list div.item:hover {
    background: #e9e9e9;
    border: 1px solid #d9d9d9;
}

div.subscription_list_wrapper div.subscription_list div.item div.subscription {
    width: 680px;
    float: left;
    color: #000;
}

div.subscription_list_wrapper div.subscription_list div.item div.controls {
    width: 210px;
    float: right;
    text-align: right;
}

div.subscription_list_wrapper div.subscription_list div.item div.controls a.settings {
    display: table;
    float: right;
    margin: 0 0 0 10px;
    text-decoration: underline;
    color: #103f65;
    cursor: pointer;
}

/* @end */

/* @group subscription_detail */

div.subscription_detail div.brands_section div.edit_brands div.form_controls_wrapper {
    padding-top: 10px;
}

div.subscription_detail div.brands_section div.edit_brands div.brand_item {
    width: 190px;
    margin: 5px 10px 0 0;
    float: left;
}

div.subscription_detail div.brands_section div.edit_brands div.brand_item input[type="checkbox"] {
    float: left;
}

div.subscription_detail div.brands_section div.edit_brands div.brand_item label {
    display: table;
}

/* @end */

/* @group sysadmin_brand_list */

div.sysadmin_brand_list_wrapper div.sysadmin_brand_list div.item {
    padding: 5px;
    margin: 0 0 3px 0;
    border: 1px solid #eee;
    background-color: #f9f9f9;
    display: table;
    width: 100%;
    width:968px\9;
    cursor: pointer;
    border-radius: 3px;
}

@-moz-document url-prefix() { 
    div.sysadmin_brand_list_wrapper div.sysadmin_brand_list div.item {
    width: 968px;
} }

div.sysadmin_brand_list_wrapper div.sysadmin_brand_list div.item:hover {
    background: #e9e9e9;
    border: 1px solid #d9d9d9;
}

div.sysadmin_brand_list_wrapper div.sysadmin_brand_list div.item div.brand {
    width: 680px;
    float: left;
    color: #000;
}

div.sysadmin_brand_list_wrapper div.sysadmin_brand_list div.item div.controls {
    width: 210px;
    float: right;
    text-align: right;
}

div.sysadmin_brand_list_wrapper div.sysadmin_brand_list div.item div.controls a.settings {
    display: table;
    float: right;
    margin: 0 0 0 10px;
    text-decoration: underline;
    color: #103f65;
    cursor: pointer;
}

/* @end */

/* @group timeview_chart */

div.timeview_chart {
	border: 1px solid #eee;
	border-radius: 3px;
	margin: 5px 0;
	width: 978px;
}

div.timeview_chart div.timeview_chart_body {
    cursor: pointer;
}

div.timeview_chart div.timeview_chart_label {
	height: 14px;
	padding: 5px 5px 15px;
}

div.timeview_chart div.timeview_chart_body {
	height: 135px;
}

div.timeview_chart div.timeview_chart_label div.timeview_percent_list {
    float: right;
}

div.timeview_chart div.timeview_chart_label span.timeview_percent {
    min-width: 50px;
    display: table-cell;
}

div.timeview_chart div.timeview_chart_label span.timeview_percent span.label_text {
    padding-right: 10px;
}

div.timeview_chart div.timeview_chart_label.selected span.timeview_percent {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

div.timeview_chart div.timeview_chart_label.selected span.timeview_percent.selected {
    opacity: 1;
    filter: alpha(opacity=100);
}

div.timeview_chart span.label_dot {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #666;
    margin: 3px 0 -1px;
    border-radius: 5px;
}

div.timeview_chart span.label_dot.chart_color_0 {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #326994;
    margin: 3px 0 -1px;
    border-radius: 5px;
}

div.timeview_chart span.label_dot.chart_color_1 {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #5d9648;
    margin: 3px 0 -1px;
    border-radius: 5px;
}

div.timeview_chart span.label_dot.chart_color_2 {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #e7a13d;
    margin: 3px 0 -1px;
    border-radius: 5px;
}

div.timeview_chart span.label_dot.chart_color_3 {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #bc2d30;
    margin: 3px 0 -1px;
    border-radius: 5px;
}

div.timeview_chart span.label_dot.chart_color_4 {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #522d59;
    margin: 3px 0 -1px;
    border-radius: 5px;
}

div.timeview_chart span.label_dot.chart_color_5 {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #ff663e;
    margin: 3px 0 -1px;
    border-radius: 5px;

}

div.timeview_chart span.label_dot.chart_color_6 {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #49a9f6;
    margin: 3px 0 -1px;
    border-radius: 5px;
}

div.timeview_chart span.label_dot.chart_color_7 {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #a43b89;
    margin: 3px 0 -1px;
    border-radius: 5px;
}

div.timeview_title {
	position: relative;
}

div.timeview_title span {
    font-size: inherit;
}

div.timeview_title span.clear_comparison {
    font-size: 11px;
}

div.timeview_title span.timeview_button {
    border: 1px solid #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    color: #222;
    padding: 4px 17px 5px 8px;
    text-decoration: none;
    background: url(/images/gray_button_bg_carrot.png) right #eee;
    cursor: pointer;
}

div.timeview_title span.timeview_button:hover {
    background: url(/images/gray_button_bg_carrot_down.png) right #eee;
    box-shadow: 0 0 2px #888;
    -moz-box-shadow: 0 0 2px #888;
    border: 1px solid #999;
}

div.timeview_menu {
    display: none;
    position: absolute;
    margin: 8px 0 0 0;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 5px #ddd; 
    -moz-box-shadow: 0px 0px 5px #ddd; 
    min-width: 200px;
    z-index: 9999;
    background: #f9f9f9;
    color: #999;
}

div.timeview_menu div.timeview_menu_section {
    border-top: 1px solid #ddd;
    margin: 2px 0;
    padding: 2px 0;
}

div.timeview_menu div.timeview_menu_section:first-child {
    border-top: none;
}

div.timeview_menu div.timeview_menu_item {
    font-size: 13px; 
    cursor: pointer; 
    color: #666;
    padding: 2px 10px;
}

div.timeview_menu div.timeview_menu_item:hover {
    color: #333;
}

/* @end */

div.page_title div.weighting_wrapper {
    display: table;
    *width: 220px;
    padding: 0;
    margin: 16px 15px 0 0;
    float: right;
    position: relative; 
}

div.page_title div.weighting_wrapper span.weighting_button {
    border: 1px solid #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    height: 23px;
    color: #222;
    padding: 4px 17px 5px 8px;
    text-decoration: none;
    background: url(/images/gray_button_bg_carrot.png) right #eee;
    cursor: pointer;
}

div.page_title div.weighting_wrapper span.weighting_button:hover {
    background: url(/images/gray_button_bg_carrot_down.png) right #eee;
    box-shadow: 0 0 2px #888;
    -moz-box-shadow: 0 0 2px #888;
    border: 1px solid #999;
}

div.page_title div.weighting_wrapper div.weighting_menu {
	display: none;
    position: absolute;
    right: 0px;
    margin: 12px 0 0 0;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 5px #ddd; 
    -moz-box-shadow: 0px 0px 5px #ddd; 
    min-width: 100px; 
    z-index: 9999;
    background: #f9f9f9;
    color: #999;
    padding: 6px;
}

div.page_title div.weighting_wrapper div.weighting_menu div.weighting_item {
    font-size: 11px; 
    cursor: pointer; 
    color: #666;
    padding: 3px;
}

div.page_title div.weighting_wrapper div.weighting_menu div.weighting_item:hover {
    color: #333;
}

/* @end */

/* @group q1_wizard */

body.q1_wizard div.page_control_wrapper div.page_control div.nav_wrapper div.nav_main {
	width: 100%;
}

body.q1_wizard div.page_control_wrapper div.page_control div.nav_wrapper div.nav_main div.item {
	float: right;
	color: white;
	margin: 6px 0 0 15px;
}

body.q1_wizard div.expire_option div.expire_settings {
	display: none;
}

body.q1_wizard div.expire_option.selected div.expire_settings {
    display: block;
}

body.q1_wizard div.expire_option.selected div.expire_settings div.clear_date {
    display: none;
}

body.q1_wizard div.expire_option.selected div.expire_settings div.date_picker_wrapper {
    display: none;
}

body.q1_wizard div.expire_option.selected div.expire_settings.has_date div.clear_date {
    display: block;
}

body.q1_wizard div.expire_option.selected div.expire_settings.editing div.date_picker_wrapper {
    display: block;
}

body.q1_wizard div.instructions {
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px 0;
}

body.q1_wizard div.instructions p {
    font-size: 13px;
}

body.q1_wizard div.instructions p * {
    font-size: 13px;
}

body.q1_wizard label.target_name, body.q1_wizard label.page_id {
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 6px 0;
}

body.q1_wizard div.target_name, body.q1_wizard div.page_id {
    font-size: 13px;
    padding: 6px 0 16px 0;
}

body.q1_wizard label.question_text, body.q1_wizard label.answer_options, body.q1_wizard div.label, body.q1_wizard label.question_preview, body.q1_wizard label.expires {
    display: table;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 6px 0;
}

body.q1_wizard div.label {
    margin-top: 20px;
}

body.q1_wizard label.expires {
    margin-top: 20px ;
}

body.q1_wizard div.expires {
    margin-bottom: 20px ;
    font-size: 13px;
}

body.q1_wizard textarea.question_text {
    width: 500px;
    height: 80px;
    margin: 0 0 20px 0;
}

body.q1_wizard input.answer_options {
    width: 300px;
    display: block;
    margin: 0 0	10px 0;
}

body.q1_wizard div.expire_option {
    margin: 0 0 6px 0;
}

body.q1_wizard div.expire_settings {
    margin: 6px 0 0 24px;
}

body.q1_wizard input[type="submit"] {
    margin: 20px 0 0;
}
   
body.q1_wizard input[type="submit"] {
    margin: 20px 0 0;
} 

body.q1_wizard div.answer_option {
    margin: 0 0 6px 0;
}

body.q1_wizard div.answer_option * {
    font-size: 13px;
}

body.q1_wizard div.question_text {
     margin: 0 0 10px 0;   
     font-size: 13px;
}

body.q1_wizard a.link_button {
    padding: 4px 10px;
    text-decoration: none;
}

/* @end */

div.population_compare div.loading_text {
	margin-top: 20px;
    padding: 0 0 5px 20px;
    background: url(/images/usersite/loading.gif) no-repeat;
}

table.category_compare {
    width: 980px;
    float: right;
    margin: 0 0 40px 0;
}

table.category_compare th {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #aaa;
    padding: 0 0 6px;
}

table.category_compare th.category {
    text-align: left;
    font-size: 13px;
}

table.category_compare th.population {
    text-align: left;
    font-size: 13px;
}

table.category_compare div.menu {
    position: absolute;
    display: none;
    z-index: 9999;
    margin: 3 0 0 -10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 0 5px #ddd;
    background: #f9f9f9;
    min-width: 160px;
}

table.category_compare div.menu.visible {
    display: block;
}

table.category_compare div.menu ul {
    border-top: 1px solid #ddd;
    margin: 2px 0;
    padding: 2px 0;
    list-style: none;
}

table.category_compare div.menu ul:first-child {
    border: none;
}

table.category_compare div.menu li {
    font-size: 13px;
    padding: 2px 10px;
    cursor: pointer;
    color: #666;
    white-space: nowrap;
}

table.category_compare div.menu li * {
    font-size: inherit;
    color: inherit;
}

table.category_compare div.menu li:hover {
    color: #333;
}

table.category_compare div.menu li.disabled {
    cursor: auto;
    color: #aaa;
}

table.category_compare div.menu li.disabled:hover {
    color: #aaa;
}

table.category_compare span {
    font-size: inherit;
}

table.category_compare td.category {
    width: 300px;
}

table.category_compare td.pop1, table.category_compare td.pop2 {
    width: 300px;
}

table.category_compare th.population {
	width: 320px;
}

table.category_compare td.value1, table.category_compare td.value2 {
    width: 26px;
}

table.category_compare th.value {
	width: 46px;
}

table.category_compare tbody tr {
    height: 40px;
}

table.category_compare tbody tr td {
    border-top: 1px solid #ddd;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

table.category_compare tbody tr.first_trait td {
    border-top: 1px solid #999;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

table.category_compare tbody tr:first-child.first_trait td {
    border-top: none;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

table.category_compare tbody tr:last-child td {
    border-bottom: 1px solid #999;
}

table.category_compare tbody tr:last-child td.category {
    border-bottom: none;
}

table.category_compare tbody tr td.category {
    border-top: 1px solid #fff;
}

table.category_compare tbody tr td.no_match {
    color: #ccc;
}

table.category_compare tbody tr td.pop1 {
    
}

table.category_compare tbody tr.favors_pop1 td.pop1, table.category_compare tbody tr.favors_pop1 td.value1 {
    background: #f9f9f9;
    padding: 10px;
}

table.category_compare tbody tr.favors_pop1 td.pop2, table.category_compare tbody tr.favors_pop1 td.value2 {
    color: #ccc;
    padding: 10px;
}

table.category_compare tbody tr.favors_pop2 td.pop1, table.category_compare tbody tr.favors_pop2 td.value1 {
    color: #ccc;
    padding: 10px;
}

table.category_compare tbody tr.favors_pop2 td.pop2, table.category_compare tbody tr.favors_pop2 td.value2 {
    padding: 10px;
    background: #f9f9f9;
}

table.category_compare tbody tr.favors_neither td.pop1, table.category_compare tbody tr.favors_neither td.value1 {
    color: #ccc;
    padding: 10px;
}

table.category_compare tbody tr.favors_neither td.pop2, table.category_compare tbody tr.favors_neither td.value2 {
    padding: 10px;
    color: #ccc;
}

span.clear_comparison {
    color: #89bcde;
    text-decoration: underline;
    margin: 0 0 0 4px;
    font-style: italic;
}

span.clear_comparison:hover {
    cursor: pointer;
}