/****************************/
/*css 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	background: #fff;
	color: #000;
}
/*tables still need cellspacing=0*/
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/****************************/
/*html tags*/
html {
	-webkit-text-size-adjust: none;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	height: 100%;
	min-height: 100%;
}
th {font-weight: bold;}
body {
	font-family: ff-meta-web-pro, arial, helvetica, sans-serif;
	font-size: 14px;
	height: 100%;
	width: 100%;
	min-width: 1000px; 
	background: #B2BDC4;
	line-height: 1.3;
}
p	{margin: 15px 0;}
a	{
	text-decoration: none;
	color: #000CFF;
}
a:hover {
	text-decoration: underline;
}
hr	{width: 100%; text-align: center; border: none 0; border-top: 1px dashed #999; height: 1px;}
th {text-shadow: 0px 1px 0px #fff;}
select, textarea, option, input {
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:;
	border: 1pt solid #999;
	padding-left: 3px;
	font-family: arial, helvetica, sans-serif;
}
textarea, input {
	font-size: 12pt;
}
strong, b {font-weight: bold;}

/****************************/
/*misc*/
.subtle {border-top: 1pt solid #f5f5ff; clear: both;}
.rounded {-moz-border-radius: 5px; border-radius: 5px;}
.rounded_l {-moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;}
.rounded_r {-moz-border-radius-topright: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}
.borderless {border: 0pt;}
.borderable div {border: 1pt solid red;}
.friend {border-bottom: 1px dotted #a8a3c2; cursor: pointer;}

/****************************/
/*list of users stuff*/
.person_bio {clear: both; float: left;}
.person_url {
	clear: both;
	float: left;
	text-align: right;
	width: 100%;
	padding-top: 3px;
	font-size: 12px;
}
.person_url a {color: #8288ff;}
.subscribe_for_graph, .login_for_graph, .youfollow, .youdontfollow, .theyfollow, .theydontfollow {
	vertical-align: top;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}
.subscribe_for_graph, .login_for_graph {background-image:url(unavailable.png);}
.youfollow {background-image: url(youfollow.png);}
.youdontfollow {background-image: url(notfollow.png);}
.theyfollow {background-image: url(theyfollow.png);}
.theydontfollow {background-image: url(notfollow.png);}
.follow_change {
	cursor: pointer;
	color: #2200cc;
	vertical-align: top;
	min-width: 77px;
	width: 77px;
	height: 26px;
}
.inbetween {
	background: url(ajax-loader3.gif) no-repeat center center;
	min-width: 77px;
	height: 26px;
	vertical-align: top;
}
.inbetween input {
	display: none;
}
.follow_change input {
	width: 75px;
	font-size: 11px;
}
td.button_unfollow input {color: red;}

table.listing_table {
	clear: both;
	width:100%;
	text-align:left;
}
table.listing_table table {table-layout: fixed;}
table.listing_table th {
	text-shadow: 0px 1px 0px #fff;
	font-weight: normal;
	white-space: nowrap;
	background-color: #e6EEEE;
	padding: 3px 5px 3px 5px;
	font-size: 13px;
}
table.listing_table th.sorter {
	background-image: url(tablesorter_bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right: 20px;
}
table.listing_table th.sorted_desc {background: #8dbdd8 url(tablesorter_asc.gif) no-repeat center right;}
table.listing_table th.sorted_asc {background: #8dbdd8 url(tablesorter_desc.gif) no-repeat center right;}
table.listing_table td {color: #242424;}
table.double_row td {vertical-align: top;}
table.single_row td {padding: 1px; vertical-align: middle;}
table.listing_table .num {font-size: 12px; white-space: nowrap;}
table.single_row {margin:10px 0pt 15px;}
table.double_row {margin-bottom:3px;}
.bg, .bgr {
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
}
.bgl {
	border:1px solid #fff;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.bgr {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
/*first_row and second_row are only in bio searches*/
table.double_row .first_row td, table.double_row .second_row td {
	padding: 1px;
}
table.double_row .first_row > td {
	padding-top: 5px;
	padding-bottom: 5px;
}
.social_left, .social_right {
	background-position: center center;
}
table.double_row .first_row .social_left {
	text-align: right;
	background-position: center right;
}
table.double_row .first_row .social_right {
	background-position: center left;
}
table.double_row .second_row > td {
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 5px;
	color: #666;
}

.fake_gry {background: url(follow_grey.png) no-repeat center center;}
.fake_gry_unfol {background: url(unfollow_gry.png) no-repeat center center;}

.list_ajax .list_icon {width: 30px; text-align: center;}
.list_bio .list_icon {width: 58px; text-align: center;}

tbody.dividing {padding: 0;}
tbody.dividing td {height: 1px; background: #E6EEEE; padding: 0;}

/****************************/
/*hovers*/

tbody.stripable_doublerow {}
tbody.stripable_doublerow:hover {
	background: #edf3ec;
}
div.stripable, tr.stripable {}
div.stripable:hover, tr.stripable:hover {
	background: #e2ede0;
}

/****************************/
/*page scaffolding*/

#outer_wrap2 {
	margin-left: auto;
	margin-right: auto;
	width: 998px;
	height: 100%;
}
#outer_wrap {
	position: relative;
	float: left;
	min-height: 100%;
	width: 998px;
	text-align: left;
	-moz-box-shadow: 0 0 150px #fff, 0 0 10px #000;
	-webkit-box-shadow: 0 0 150px #fff, 0 0 10px #000;
	box-shadow: 0 0 150px #fff, 0 0 10px #000;
	background: #fff;
}
#the_page {
	clear: both;
	padding-bottom: 75px;
	float: left;
	width: 100%;
	height: 100%;
}

/****************************/
/*footer*/
#the_footer {
	color: #444b4e;
	clear: both;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 40px;
	width: 100%;
}
#the_quote {
	-moz-box-shadow: inset 0 0 10px #fff;
	-webkit-box-shadow: inset 0 0 10px #fff;
	box-shadow: inset 0 0 10px #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #aaa;
	zoom: 1;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #fff;
	clear: both;
	width: 800px;
	text-align: center;
	border: 1pt solid #bbb;
	position: absolute;
	margin-top: -10px;
	margin-left: 98px;
}
.quote_internal {margin-left: 10px;}
.quote_internal a {color: #fff; border-bottom: 1px dotted;}
#the_boring {
	-moz-box-shadow: inset 0 0 5px #fff;
	-webkit-box-shadow: inset 0 0 5px #fff;
	box-shadow: inset 0 0 5px #fff;
	border-top: 1pt dotted #bbb;
	background: #D0D9DD;
	clear: both;
	float: left;
	width: 100%;
}
#copyright {
	padding-top: 3px;
	text-shadow: 0px 1px 0px #fff;
	float: left;
	margin-left: 10px;
	height: 39px;
	line-height: 39px;
	display: inline-block;
	font-size: 12px;;
}
#copyright a {color: #2164dc;}
#get_social {
	display: inline;
	margin-right: 5px;
	float: right;
	text-align: right;
	padding-top: 11px;
}

/****************************/
/*nav bar*/
#brand_strip {
	height: 61px;
	width: 100%;
	background-color: #fbfdfe;
	-moz-box-shadow: inset 0 0 40px #dbe5ea;
	-webkit-box-shadow: inset 0 0 40px #dbe5ea;
	box-shadow: inset 0 0 40px #dbe5ea;
}
#logo_holder {
	margin-left: 10px;
	float: left;
	display: inline;
	padding-top: 15px;
}
#alert_holder, #alert_ribbon {display: none;}
#alert_ribbon {
	padding: 10px;
	background-color: #fed5dc;
	border-top: 1pt dotted #fe91a4;
	-moz-box-shadow: inset 0 0 25px #fe91a4;
	-webkit-box-shadow: inset 0 0 25px #fe91a4;
	box-shadow: inset 0 0 25px #fe91a4;
	border-bottom: 1pt dotted #F5F8F9;
}
#mechanics {
	padding-top: 10px;
	margin-right: 10px;
	float: right;
	display: inline;
	line-height: 43px;
}
#mechanics a {
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	text-decoration: underline;
	color: #000CFF;
	text-shadow: 0px 1px 0px #fff;
	padding: 2px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#mechanics a:hover {
	-webkit-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	background-color: #fff;
	-moz-box-shadow: 0 0 15px 6px #fff;
	-webkit-box-shadow: 0 0 15px 6px #fff;
	box-shadow: 0 0 15px 6px #fff;
}
#mechanics .divider {padding-left: 10px; padding-right: 10px; color: #bbb;}
#mechanics .divider_sm {padding-left: 3px; padding-right: 3px; color: #bbb;}
#nav_bar {
	width: 100%;
	margin: 0;
	height: 36px;
	background: #f2942f;
	background-image: -webkit-gradient(linear, top, #f2942f, #d45f00);
	background-image: -webkit-linear-gradient(top, #f2942f, #d45f00);
	background-image: -moz-linear-gradient(top, #f2942f, #d45f00);
	background-image: -o-linear-gradient(top, #f2942f, #d45f00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2942f', endColorstr='#d45f00');
	zoom: 1;
}
#nav_bar_internal {margin-left: 10px;}
#top_menu {
	height: 36px;
	line-height: 36px;
	padding-right: 5px;
	padding-left: 5px;
	background: #fed721;
	background-image: -webkit-gradient(linear, top, #fed721, #e7c41e);
	background-image: -webkit-linear-gradient(top, #fed721, #e7c41e);
	background-image: -moz-linear-gradient(top, #fed721, #e7c41e);
	background-image: -o-linear-gradient(top, #fed721, #e7c41e);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#fed721', EndColorStr='#e7c41e');
	zoom: 1;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: inset 0 0 5px #f2942f;
	-webkit-box-shadow: inset 0 0 5px #f2942f;
	box-shadow: inset 0 0 5px #f2942f;
	float: right; 
	display: inline;
}
#top_menu_icon {
	float: right;
	padding-right: 2px;
	display: inline;
	padding-top: 6px;
	padding-left: 3px;
}
.tab_icon_bw, .tab_icon_color {padding-right: 3px;}
.tabbable .tab_icon_color {
	display: none;
	-moz-box-shadow: inset 0 0 25px #D0D9DD;
	-webkit-box-shadow: inset 0 0 25px #D0D9DD;
	box-shadow: inset 0 0 25px #DOD9DD;
}
.tabbable_selected .tab_icon_bw {display: none;}
.tabbable, .tabbable_selected	{float: left; height: 36px; margin-left: 2px; margin-right: 2px;}
.tabbable {
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	cursor: pointer;
}
.tabbable:hover {
	-webkit-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-moz-box-shadow: 0 0 5px 1px #999;
	-webkit-box-shadow: 0 0 5px 1px #999;
	box-shadow: 0 0 5px 1px #999;
}

/****************************/
/*tab body*/
.has_tab #tab_body, .tab_body_like {
	clear: both;

	background: #f8f7fe;
	background-image: -webkit-gradient(linear, top, #f8f7fe, #eaeaf8);
	background-image: -webkit-linear-gradient(top, #f8f7fe, #eaeaf8);
	background-image: -moz-linear-gradient(top, #f8f7fe, #eaeaf8);
	background-image: -o-linear-gradient(top, #f8f7fe, #eaeaf8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f7fe', endColorstr='#eaeaf8');
	zoom: 1;

	-moz-box-shadow: inset 0 0 5px 1px #fff;
	-webkit-box-shadow: inset 0 0 5px 1px #fff;
	box-shadow: inset 0 -1px 2px 0px #fff;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;

	border-bottom: 1pt dotted #ccc;
}
.tab_body_like {
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	border: 0;
	width: 580px;
}
.tab_content {
	color: #26292a;
}
.tab_content a {color: #2164dc;}
.intro_text {
	width: 800px;
	text-align: left;
}
.funexamples	{
	color: #666;
	padding-top: 5px;
	font-size: 12px;
}
.funexamples a {color: #2164dc;}
.code	{font-style: normal;}
.greyedout {color: #ddd;}
#name_search, #url_search, #location_search {width: 350px; padding: 5px;}
#input_orange {background-image:url(wonk_person_orange.png); color: #f89c0f;}
#input_green {background-image:url(wonk_person_green.png); color: #67a938;}
#input_blue {background-image:url(wonk_person_blue.png); color: #3d9dfd;}
#input_purple {background-image:url(wonk_person_purple.png); color: #ce7dd4;}
#input_search {background-image:url(wonk_search.png);}
.email_address, .titleselect, #moreoptions input, #input_orange, #input_green, #input_blue, #input_purple, #input_search, .drop_999 {
	-moz-box-shadow: 0 0 3px #999;
	-webkit-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
}
.titleselect {border: 1pt solid #999; padding: 6px 3px 5px 3px;}
.titleinput	{
	font-size: 12pt;
	font-weight: bold;
	width: 170px;
	border: 1pt solid #999;
	padding: 5px 3px;
	background-repeat: no-repeat;
	padding-left: 28px;
}
#tab_slicendice, #tab_bio, #tab_compare {clear: both;}

#tab_slice_table td, #tab_compare_table td, #tab_track_table td {
	padding-right: 5px;
	text-align: left;
	vertical-align: middle;
}
#tab_bio_table td, #tab_bio_extra_table td {
	padding-right: 5px;
	text-align: left;
	vertical-align: middle;
}
#tab_bio_extra_table td {
	padding-bottom: 3px;
}

/****************************/
/*display*/
.hidden		{display: none;}
.inline		{display: inline;}
.clear		{clear: both;}
.clr_l		{clear: left;}

/****************************/
/*padding*/
.p1_tb		{padding-top: 1px; padding-bottom: 1px;}
.p1_b		{padding-bottom: 1px;}
.p2_a		{padding: 2px;}
.p2_r		{padding-right: 2px;}
.p2_t		{padding-top: 2px;}
.p2_tb		{padding-top: 2px; padding-bottom: 2px;}
.p2_b		{padding-bottom: 2px;}
.p3_tb		{padding-top: 3px; padding-bottom: 3px;}
.p3_a		{padding: 3px;}
.p5_a		{padding: 5px;}
.p5_lr		{padding-left: 5px; padding-right: 5px;}
.p5_tr		{padding-top: 5px; padding-right: 5px;}
.p5_tb		{padding-top: 5px; padding-bottom: 5px;}
.p5_l		{padding-left: 5px;}
.p5_r		{padding-right: 5px;}
.p5_t		{padding-top: 5px;}
.p5_b		{padding-bottom: 5px;}
.p7_tb		{padding-top: 7px; padding-bottom: 7px;}
.p_a		{padding: 10px;}
.p_lr		{padding-left: 10px; padding-right: 10px;}
.p_tb		{padding-top: 10px; padding-bottom: 10px;}
.p_tr		{padding-top: 10px; padding-right: 10px;}
.p_l		{padding-left: 10px;}
.p_r		{padding-right: 10px;}
.p_t		{padding-top: 10px;}
.p_b		{padding-bottom: 10px;}
.p_lrb		{padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
.p_tlr		{padding-top: 10px; padding-left: 10px; padding-right: 10px;}
.p20_r		{padding-right: 20px;}
.p30_r		{padding-right: 30px;}

.table_p5 td, .table_p5 th {padding: 5px;}

/****************************/
/*margins*/
.m25_l		{margin-left: 25px;}
.m10_r		{margin-right: 10px;}
.m10_l		{margin-left: 10px;}
.m25_r		{margin-right: 25px;}

/****************************/
/*floats and dimensions*/
.row		{overflow: hidden; clear: both; vertical-align: top;}
.l			{float: left; text-align: left;}
.r			{float: right; text-align: left;}
.r_r		{float: right; text-align: right;}
.v_a img	{vertical-align: text-top;}
.l_140px, .r_170px, .l_325px, .l_540px, .l_400px {
			display: inline;
			float: left;
			margin: 0;
			text-align: left;
}
.l_140px	{width: 140px;}
.r_170px	{width: 170px; float: right;}
.l_325px	{width: 325px;}
.l_400px	{width: 400px;}
.l_540px	{width: 540px;}
.w_100		{width: 100%;}
.w_100px	{width: 100px;}
.w_120px	{width: 120px;}
.w_200px	{width: 200px;}
.w_600px	{width: 600px;}
.w_800px	{width: 800px;}
.w_950px	{width: 950px;}
.w_978px	{width: 978px;}
.w_1000px	{width: 1000px;}

/****************************/
/*image sizes*/
.sz75x24	{width: 75px; height: 24px;}
.sz219x33	{width: 219px; height: 33px;}
.sz13		{width: 13px; height: 13px;}
.sz16		{width: 16px; height: 16px;}
.sz24		{width: 24px; height: 24px;}
.sz48		{width: 48px; height: 48px;}
.sz73		{width: 73px; height: 73px;}
.sz750x10	{width: 750px; height: 10px;}
.sz35		{width: 35px; height: 35px;}
.sz30		{width: 30px; height: 30px;}
.sz28		{width: 28px; height: 28px;}
.sz97x28	{width: 97px; height: 28px;}
.sz123x36	{width: 123px; height: 36px;}
.sz125x36	{width: 125px; height: 36px;}
.sz133x36	{width: 133px; height: 36px;}
.sz136x36	{width: 136px; height: 36px;}
.sz139x36	{width: 139px; height: 36px;}
.sz141x36	{width: 141px; height: 36px;}
.sz148x36	{width: 148px; height: 36px;}
.sz150x36	{width: 150px; height: 36px;}
.sz160x36	{width: 160px; height: 36px;}
.sz169x36	{width: 169px; height: 36px;}
.sz181x60	{width: 181px; height: 60px;}
.sz190x115	{width: 190px; height: 115px;}
.sz295x30	{width: 295px; height: 30px;}
.sz312x30	{width: 312px; height: 30px;}
.sz390x340	{width: 390px; height: 340px;}
.sz400x200	{width: 400px; height: 200px;}
.sz1000x10	{width: 1000px; height: 10px;}
.sz1000x589	{width: 1000px; height: 589px;}
.sz406x326	{width: 406px; height: 326px;}

/****************************/
/*bg colors*/
.gold_bg		{background-color: #fbf78d;}
.green_border	{border: 1pt solid #CEF1B2;}
.dkgrn_border	{border: 1pt solid #3cc83b;}
.previewable	{border-bottom: 1pt dotted #36c4fa; padding-top: 2px; padding-bottom: 2px;}
.lg_border		{border-bottom: 1pt dotted #c8e7ad;}
.hi				{background-color: #ffffa3;}
.hi_bio, .hi_name, .hi_location, .hi_url {font-weight: bold;}
.bord_top		{border-top: 1pt dashed #bbb;}
.hi2			{background-color: #FBDBFB;}

/****************************/
/*fonts*/
.i	{font-style: italic;}
.b {
	color: #163c4c;
	font-weight: bold;
}
.grey {color: #666;}
.grey_small {
	color: #666;
	font-size: 12px;
}
.rd, .redpara {color: red;}
.greenpara {color: #060;}
.subonly {color: #999;}
.subonly a {color: #999;}
.f10 {
	font-size: 10pt;
}
.f11px {
	font-size: 11px;
}
.f9 {
	font-size: 9pt;
}
.f8, .ss {
	font-size: 8pt;
}

.small {
	font-size: 12px;
}
.smaller {
	font-size: 11px;
}
.smallest {
	font-size: 10px;
}

.title, .title_14 {
	text-shadow: 0px 1px 0px #fff;
	font-size: 15pt;
	font-weight: bold;
	color: #041319;
	font-family: kulturista-web, serif;
}
.text_col {width: 600px; color: #242424;}
.b_less {border: 0;}
.title {
	color: #163c4c;
	text-shadow: 0px 1px 0px #fff;
	font-family: kulturista-web, serif;
}
.a_l, .left_align, .la {text-align: left;}
.a_r, .right_align {text-align: right;}
.v_t {vertical-align: top;}
.nw {white-space: nowrap;}

/****************************/
/*overlays*/
#mobile_dark {display: none; z-index: 9999; position:absolute; top:0; left:0; width:100%;}
.twitter_login {cursor: pointer;}
#saved_overlay, #general_force_overlay, #download_overlay, #credits_overlay, #welcome_overlay, #track_overlay, #list_overlay, #ajax_overlay, .overlay {
	padding: 0px;
	display: none;
	z-index:10000;
}
.overlay_internal {padding: 5px;}
.not_mobile .overlay_internal {overflow: auto;}
.mobile .overlay_internal {padding: 10px;}
.mobile {width: 1000px; -moz-border-radius: 5px; border-radius: 5px; 
border: 1pt solid #999; background-color:#f2f5f7; position: absolute; top: 50px; left: 50%; margin-left: -500px;}
#bio_download_options {display: none;}
#data_menu tr td, #data_menu tr th {
	text-align: right;
	padding: 3px 5px 3px 5px;
}
.overlay_suppress .ui-dialog-titlebar, #modifies, #creditpacks {display: none;}

/****************************/
/*misc main body*/
#top_line {
	font-size: 12px;
	float: right;
	padding-top: 3px;
}
#top_line a, #top_line .fakelink {color: #8288ff;}
.yellow_box {
	font-style: italic;
	background-color: #fdf6bd;
	text-align: center;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	color: #666;
}

.grey_box {
	font-style: italic;
	background-color: #eee;
	text-align: center;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	color: #666;
}

/****************************/
/*bio search*/
#rare_title	{
	width: 100%;
	float: left;
	margin-top: 3px;
	padding-bottom: 10px;
	font-family: kulturista-web, serif;
	font-size: 15pt;
	font-weight: bold;
	color: #041319;
}

.list_top {float: left; padding-bottom: 5px; width: 100%;}
.result_count {float: left; display: inline; color: #888;}
.list_top_right {float: right; font-size: 12px; display: inline; padding-left: 30px;}

.pager {float: left; width: 100%; padding-top: 5px; text-align: center;}
.pager span, .pager a {padding-left: 5px; padding-right: 5px;}

.searchresults {clear: both;}

/****************************/
/*preview*/
#preview_wrap {
	padding-top: 0px;
	text-shadow: 0px 1px 1px #fff;
}
#preview_wrap ul {
	padding: 20px 0px 0px 50px;
}
#preview_head {
}
#preview_content {
	background-color: #f5f5f5;

	background-image: -webkit-gradient(linear, top, #f5f5f5, #d9d9d9, #d9d9d9);
	background-image: -webkit-linear-gradient(top, #f5f5f5, #d9d9d9, #d9d9d9);
	background-image: -moz-linear-gradient(top, #f5f5f5, #d9d9d9, #d9d9d9);
	background-image: -o-linear-gradient(top, #f5f5f5, #d9d9d9, #d9d9d9);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f5f5f5', EndColorStr='#d9d9d9');
	zoom: 1;

	-moz-box-shadow: inset 0 0 5px 1px #fff;
	-webkit-box-shadow: inset 0 0 5px 1px #fff;
	box-shadow: inset 0 0 5px 1px #fff;

	border-top: 1pt solid #ccc;
	border-bottom: 1pt solid #ccc;
	
	padding: 10px;
}
#preview_content table {
	width: 100%;
}
.preview_head_bio {margin-left: 75px;}
.preview_head_compare {margin-left: 205px;}
.preview_head_slicendice {margin-left: 355px;}
.preview_head_track {margin-left: 505px;}
.preview_head_sort {margin-left: 655px;}
#preview_compare, #preview_slicendice, #preview_track, #preview_sort {display: none;}
.preview_text {
	padding-right: 10px;
	font-size: 20px;
	color: #163C4C;
	vertical-align: top;
}
.preview_intro {
	font-family: kulturista-web, serif;
	font-size: 30px;
	font-weight: 600;
	color: #242424;
}
.preview_image {text-align: right; vertical-align: top;}
.preview_image img {
	-moz-box-shadow: 2px 2px 5px #bbb;
	-webkit-box-shadow: 2px 2px 5px #bbb;
	box-shadow: 2px 2px 5px #bbb;
}

/****************************/
/*subscribe now*/
#subscriber_benefits {padding-left: 20px;}
#subscriber_benefits td {text-align: left; padding: 2px; vertical-align: middle;}
#subscriber_benefits td.chk {padding-left: 10px; padding-right: 10px;}
#subscriber_benefits .chk {text-align: center;}
.discussion	{clear: both; text-align: left;}
div.is_not_upgraded:hover, div.is_upgraded:hover, .fakelink:hover {text-decoration: underline;}
div.is_upgraded, .fakelink {color: #000CFF; cursor: pointer;}
#tab_internal a, #tab_internal * .fakelink {color: #2164dc;}
div.is_not_upgraded {color: #ddd;}
.is_not_upgraded {cursor: pointer;}
div.is_upgraded {background: url(download.png) no-repeat; padding-left: 18px;}
div.is_not_upgraded {background: url(download_grey.png) no-repeat; padding-left: 18px;}
.divide {border-bottom: 1pt dashed #eeeeee;}
#payment_options {width: 600px;}
#payment_options td.pay_tab {width: 300px; vertical-align: top; cursor: pointer; padding-bottom: 10px;}
#payment_options td.is_selected {
	background: #f8f7fe;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

#credit_table {padding-left: 20px;}
#recurly_table td, #credit_table td, #paypal_table td {
	padding: 3px 25px 3px 0px;
	vertical-align: middle;
}
#recurly_table td, #paypal_table td {
	width: 193px;
}
#credit_cost_table {
	padding-left: 10px;
}
#credit_cost_table td {padding: 2px;}

/****************************/
/*tracks*/
#track_title {width: 978px; text-align: center; padding-bottom: 5px;}
#track_body {display: none;}
#candidate_chart {width: 480px; height: 400px; float: left;}
#candidate_percent_chart {width: 480px; height: 400px; float: right;}
#track_chart {width: 978px; height: 400px;}
#track_chart_extra {display: none; clear: both; padding-top: 25px;}
#track_chart_extra_break {width: 998px; padding-bottom: 10px; border-top: 25px solid #eee; margin-left: -10px;}
#track_chart_day {width: 489px; height: 350px; float: left; clear: left;}
#track_chart_win {width: 489px; height: 350px; float: right; clear: right;}
#track_summary {clear: both; float: left; padding-top: 5px; width: 978px;}
.increment {
	background-color: #eeffeb; 
	border: 1pt solid #25950f;
	-moz-box-shadow: inset 0 0 100px #aefe9f, 2px 2px 5px #bbb;
	-webkit-box-shadow: inset 0 0 100px #aefe9f, 2px 2px 5px #bbb;
	box-shadow: inset 0 0 100px #aefe9f, 2px 2px 5px #bbb;
	color: #25950f;
}
.decrement {
	background-color: #ffebee;
	border: 1pt solid #fb3d3d; 
	-moz-box-shadow: inset 0 0 100px #ffa0ae, 2px 2px 5px #bbb;
	-webkit-box-shadow: inset 0 0 100px #ffa0ae, 2px 2px 5px #bbb;
	box-shadow: inset 0 0 100px #ffa0ae, 2px 2px 5px #bbb;
	color: #fb3d3d;
}
#associates_new_summary, #associates_lost_summary, #associates_equal, #associates_net_summary {
	float: left;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
	vertical-align: center;
	text-align: center;
	min-height: 70px;
}
.viewable {cursor: pointer;}
.not_viewable .click_to_view {display: none;}
#associates_new_summary, #associates_lost_summary {width: 200px;}
#associates_net_summary {width: 410px;}
#associates_equal {width: 50px;}
#associates_new_count, #associates_lost_count, #associates_equal, #associates_net_count {
	font-size: 30px;
	text-shadow: 0px 1px 0px #fff;
	font-weight: bold;
}
#associates_total_count {}
#associates_new_percent, #associates_lost_percent, #associates_net_stats, #associates_net_stats2 {font-style: italic;}


/****************************/
/*SHARED BETWEEN SLICE AND COMPARISON*/
/*note the html that uses these are saved */
/*therefore any change of the styles should re-version, or ensure works in prior versions*/
/*best to make all CSS unique to comparisons so as not to intermix*/

/*0.1*/
/*example at GDU6*/
/*example at dSya*/
/*badge classes below were not used in slices prior to 12.05.2011*/
	.badge_holder			{padding-bottom: 10px; float: left; width: 360px;}
	.badge					{
								width: 100%;
								float: left;
								-moz-box-shadow: inset 0 0 15px #fff;
								-webkit-box-shadow: inset 0 0 15px #fff;
								box-shadow: inset 0 0 15px #fff;
							}
	.badge_icon				{
								width: 77px;
								float: left;
								height: 150px;
							}
	.actual_icon			{padding-bottom: 5px; float: left;}
	.badge .bio, .badge .primary, .badge .location, .badge .purl
							{float: left; width: 275px;}
	.primary .fullname		{
								font-size: 16px;
								color: #163c4c;
								text-shadow: 0px 1px 0px #fff;
								font-weight: bold;
								font-family: kulturista-web, serif;	
							}
	.primary .twittername	{}
	.badge .wonk_score, .badge .following, .badge .followers, .badge .dayson, .badge .tweets
							{float: left; width: 150px; font-style: italic; padding-left: 5px; clear: both;}
	.badge .wonk_score, .badge .wonk_score_ct, .badge .bio
							{padding-top: 5px;}
	.badge .wonk_score_ct, .badge .following_ct, .badge .followers_ct, .badge .dayson_ct, .badge .tweets_ct 
							{float: right; width: 80px; padding-right: 20px; text-align: right;}
	.badge .bio				{width: 250px;}
	.badge .purl			{
								font-size: 12px;
								padding-top: 5px;
							}
	.badge .purl a 			{color: #8288ff;}

/*1 12.05.11 */
	.badge_text_1			{float: left; display: inline; width: 283px;}
	.badge_icon_1			{width: 77px; float: left;}

/****************************/
/*COMPARISON*/
/*note the html that uses these are saved */
/*therefore any change of the styles should re-version, or ensure works in prior versions*/
/*best to make all CSS unique to comparisons so as not to intermix*/

/*COMPARISON 0.1*/
/*example at GDU6*/
/*other used classes, row stripable*/
/*following entry is for legacy pre 0.1 comparisons*/
	#left_content img.topRound, #left_content img.bottomRound
							{display: none;} 

	#left_content			{padding-right: 5px; float: left; width: 400px;}
	#left_content_body		{
								clear: both;
								background: #efeff7;
								padding-bottom: 10px;
								-moz-border-radius: 10px;
								border-radius: 10px;
								-moz-box-shadow: 2px 2px 5px #bbb;
								-webkit-box-shadow: 2px 2px 5px #bbb;
								box-shadow: 2px 2px 5px #bbb;
								border: 1pt solid #bbb;
							}
	#left_content_body .hd	{padding-left: 10px; padding-right: 10px; padding-top: 10px;}
	#left_content_body .venn	
							{padding-left: 5px; padding-right: 5px;}
	#left_content_body .ft	{padding-left: 10px; padding-right: 10px; padding-top: 10px;}
	.ft .list_intro			{
								font-weight: bold;
								color: #163c4c;
								font-family: kulturista-web, serif;
								padding-bottom: 5px;
							}
	.ft .list_num			{font-weight: 9pt; float: left; width: 50px; text-align: right; padding-right: 5px;}
	.ft .list_name			{font-weight: 9pt; float: left; width: 320px;}

	#middle_content			{float: left; width: 360px; padding-left: 5px; padding-right: 5px;}
	#orangeid				{
								padding-top: 3px;
								padding-bottom: 3px;
								background: #fcefcc;
								background-image: -webkit-gradient(linear, left, #fff, #fcefcc, #fff);
								background-image: -webkit-linear-gradient(left, #fff, #fcefcc, #fff);
								background-image: -moz-linear-gradient(left, #fff, #fcefcc, #fff);
								background-image: -o-linear-gradient(left, #fff, #fcefcc, #fff);
							}
	#greenid				{
								padding-top: 3px;
								padding-bottom: 3px;
								background: #eefcd4;
								background-image: -webkit-gradient(linear, left, #fff, #eefcd4, #fff);
								background-image: -webkit-linear-gradient(left, #fff, #eefcd4, #fff);
								background-image: -moz-linear-gradient(left, #fff, #eefcd4, #fff);
								background-image: -o-linear-gradient(left, #fff, #eefcd4, #fff);	
							}
	#blueid					{
								padding-top: 3px;
								padding-bottom: 3px;
								background: #e2efee;
								background-image: -webkit-gradient(linear, left, #fff, #e2efee, #fff);
								background-image: -webkit-linear-gradient(left, #fff, #e2efee, #fff);
								background-image: -moz-linear-gradient(left, #fff, #e2efee, #fff);
								background-image: -o-linear-gradient(left, #fff, #e2efee, #fff);
							}
	.compare_icons			{}
	.compare_icon_r, .compare_icon
							{float: left; width: 20px; height: 20px; float: left; padding: 5px; background-repeat: no-repeat;}
	.compare_icon_r			{float: right; padding-right: 12px;}

	#right_content			{width: 198px; float: left; padding-left: 5px;}
	.blurb					{padding-bottom: 15px;}
	.blurb_title			{text-align: center; font-style: italic; color: #163c4c; text-shadow: 0px 1px 0px #fff;}

/*COMPARISON 1*/
/*no longer using, title_14 (all?), p_b (all?)*/
	#left_content_body .hd_1	{padding-left: 10px; padding-right: 10px;}
	.compare_title_1	{
							text-shadow: 0px 1px 0px #fff;	
							-moz-box-shadow: 2px 2px 5px #bbb;
							-webkit-box-shadow: 2px 2px 5px #bbb;
							box-shadow: 2px 2px 5px #bbb;
							font-weight: bold;
							color: #163C4C;
							position: absolute;
							margin-top: -20px;
							background: #e8eff8;
							display: inline;
							padding: 7px;
							border: 1pt solid #bbb;
							-moz-border-radius: 5px;
							border-radius: 5px;
							font-size: 18px;
							font-family: kulturista-web, serif;
						}
	.compare_desc_1		{
							padding-top: 24px;
							color: #242424;
							padding-bottom: 10px;
						}

/****************************/
/*SLICE*/
/*note the html that uses these are saved */
/*therefore any change of the styles should re-version, or ensure works in prior versions*/
/*best to make all CSS unique to slices so as not to intermix*/

/*SLICE 0.1*/
/*example at dSya*/
/*and start of dynamic charts example at xU9p*/
/*other used classes, text_col row p_tb p_a title_14 p_b l_400px p5_r l_325px*/
	#pie_top, .welcome, .welcome_title, .welcome_body, .welcome_caption, .bkd_1, .bkd_2, .bkd_3, .stats
						{float: left;}
	#pie_top			{width: 100%; padding-left: 10px; padding-right: 10px;}
	#pie_top .welcome			{width: 673px;}
	#pie_top .welcome_title		{
									width: 100%;
									font-weight: bold;
									color: #163c4c;
									text-shadow: 0px 1px 0px #fff;
									font-family: kulturista-web, serif;
								}
	#pie_top .welcome_caption	{width: 100%; font-style: italic; padding-bottom: 10px;}
	/*not used in non dynamic charts*/
	.pie_chart			{width: 620px; height: 400px; float: left;}
	.slice_section		{background: #efeff7;}
	.breakdown			{
							border-bottom:1px solid #ababbe;
							font-weight: bold;
							align: left;
							text-shadow: 0px 1px 0px #fff;
							font-family: kulturista-web, serif;
							padding-bottom: 5px;
						}
	.bkd_1				{width: 40px; text-align: right; padding-right: 3px;}
	.bkd_2				{width: 75px; text-align: right;}
	.bkd_3				{width: 120px; text-align: left; padding-left: 20px;}
	.stats				{font-style: italic; padding-top: 5px;}

/*SLICE 1 12.05.11 */
/*introduced badge classes (see 0.1 shared above) */
/*no longer using, text_col (all?), welcome, welcome_caption, slice_section, p_a (all?), title_14 (all?), p_b (all?) */
/*no longer using cont'd, row (all?) p_tb (all?), welcome_title */
	#pie_top .welcome_1	{
							float: left;
							width: 600px;
						}
	#pie_top .welcome_body_1
						{
							color: #242424;
						}
	#purpleid_1			{
						}
	.slice_holder_1		{
							overflow: hidden;
							clear: both;
							vertical-align: top;
							padding-top: 17px;
							padding-bottom: 10px;
						}
	.slice_holder_1 .row:hover 
						{
							background: #e2ede0;
						}
	.slice_section_1	{
							padding-left: 10px;
							padding-right: 10px;
							padding-bottom: 15px;
							background: #efeff7;
							border-top: 1pt solid #bbb;
							border-bottom: 1pt solid #bbb;
						}
	.slice_title_1		{
							font-size: 16px;
							font-family: kulturista-web, serif;	
							background: #e8eff8;
							text-shadow: 0px 1px 0px #fff;
							-moz-box-shadow: 2px 2px 5px #bbb;
							-webkit-box-shadow: 2px 2px 5px #bbb;
							box-shadow: 2px 2px 5px #bbb;
							font-weight: bold;
							color: #163C4C;
							position: absolute;
							margin-top: -19px;
							display: inline;
							padding: 7px;
							border: 1pt solid #bbb;
							-moz-border-radius: 5px;
							border-radius: 5px;
						}
	.slice_desc_1		{
							padding-top: 26px;
							width: 600px;
							color: #242424;
							padding-bottom: 10px;
						}
	.slice_body_1		{
							overflow: hidden;
							clear: both;
							vertical-align: top;
						}
	.slice_body_1 .row div {
							padding-top: 5px;
							padding-bottom: 5px;
						}