/* Pikki.jp CSS - 29/01/2007 

	Table of Contents:
	Reset
	Typography
	Positioning
	IE Fixes
			
*/


/* Reset
---------------------------------------------------------------------------------------- */

@import "reset.css";

* {
	margin: 0;
	padding: 0;
}

/* now I'm working with a clean slate! */


/* Typography
---------------------------------------------------------------------------------------- */
body {
	font-family: Lucida Grande, arial, helvetica, sans-serif;
	font-size: 14px;
}

a {
	color: #787878;
	text-decoration: none;
}

a:visited {
	color: #787878;
}

a:hover {
	color: #333;
}

h1, h2, h3 {
	font-weight: normal;
}

h1#pikki_tagline {
	color: #ccc;
	font-size: 18px;
	font-weight: normal;
}


p#login_area_text {
	color: #ccc;
	font-size: 12px;	
}

a#login_area_username {
	color: #0066ff;
	font-size: 14px;	
}

a#login_area_logout {
	color: #ccc;
	font-size: 10px;	
}

div#lang_switch{
	color: #999;
	font-size: 10px;
}


h1.wide_element_header, h1.medium_element_header, h1.narrow_element_header, h1.narrow_element_header2, h1.wide_element_header a, h1.medium_element_header a, h1.narrow_element_header a, h1.fieldset_header{
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
}

h3.wide_element_subheader {
	font-size: 10px;
}

h1#mypikki_header {
	height: 60px;
}

img#mypikki_header_avatar {
	float: left;
}




p#qrcode_email, a#qrcode_link{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}



div#footer {
	font-size: 12px;
}

div#footer a {
	color: #333;
}

li.header_nav_tab, li.header_nav_tab_selected, li.header_nav_tab a, li.header_nav_tab_selected a {
	color: #333;
	font-size: 12px;
}

ul.narrow_element_list li a {
	color: #333;
}

ul.narrow_element_list li p.username{
	font-size: 11px;
	font-weight: bold;
}

ul.narrow_element_list li p.info{
	font-size: 11px;
}

p#mypikki_header_title {
	color: #fff;
	font-size: 22px;
}

p#mypikki_header_info, p#mypikki_header_info a{
	color: #fff;
	font-size: 12px;
}

p#mypikki_header_date {
	font-size: 14px;
}

a.post_image span.post_image_info{
	font-size: 12px;
}

a.post_image span.comment {
  color: #c0c0c0;
	font-size: 10px;
}



div.medium_element_footer, div.medium_element_footer a, p.mypikki_header_title a, div#paginator a, div#wide_paginator a, div#paginator, div#wide_paginator, div#challenge_paginator, div#challenge_paginator a  {
	color: #fff;
}

div.medium_element_footer a:visited, p.mypikki_header_title a:visited {
	color: #fff;
}


a.voter, a.voter_voted, a.voter_mine {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

div.past_challenge_date {
	font-size: 10px;
}

div#paginator, div#wide_paginator, div#challenge_paginator {
	font-weight: bold;	
}


ul.narrow_element_list li.top10_challenge_list_item{
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

span.comment_date, span.disc_date {
	font-size: 12px;
	color: #656565;
}

span.disc_date {
	font-size: 10px;
}

span.step_no {
	font-size: 22px;
	font-weight: bold;
}


li.top10_challenge_list_item a.voted, li.top10_challenge_list_item a.mine {
	color: #cbcb7a;
}

li.top10_challenge_list_item a.not_voted{
	color: #000;
}

span.challenge_info_title {
	display: block;

	font-size: 12px;
	font-weight: bold;
}

span.challenge_postit_info, h1.medium_element_header p#new_challenge_msg, div#add2group_contents  {
	font-size: 12px;
}

p.comment_status, p.post_date, p.post_text, p.post_date a, p.post_text a, a.white  {

	color: #fff;
}


p.upload_msg, p.group_upload_msg, span.upload_text {
	font-size: 10px;
	color: #656565;
}

ul#edit_post_list {
	font-size: 12px;
}


p#edit_image span#icon_drawer {
	font-size: 12px;
	color: #fff;
}


span.paginator_text a, div.block_header a, div.block_header_tall a, div.block_header h2 a, div.block_header_tall h2 a, div.block_header h1 a, div.block_header_tall h1 a, div.block_header a:visited, div.block_header_tall a:visited, div.block_header h2 a:visited, div.block_header_tall h2 a:visited, div.block_header h1 a:visited, div.block_header_tall h1 a:visited, div.block_header a:hover, div.block_header_tall a:hover, div.block_header h2 a:hover, div.block_header_tall h2 a:hover, div.block_header h1 a:hover, div.block_header_tall h1 a:visited, div.block_header_mid a, div.block_header_mid a:visited, div.block_header_mid a:hover, h1.narrow_element_header a, h1.narrow_element_header a:hover, h1.narrow_element_header a:visited {
		
	color: #ffffff;
}

li.header_nav_tab a.nav_link, li.header_nav_tab_selected a.nav_link, li.header_nav_tab a:visited.nav_link, li.header_nav_tab_selected a:visited.nav_link, li.header_nav_tab a:hover.nav_link, li.header_nav_tab_selected a:hover.nav_link {
	color: #787878;
}


div.block_header a.view_all, block_header_mid a.view_all {
	color: #990033;
	font-size: 14px;
	font-weight: normal;
}

div.block_header_mid a.view_all, block_header_mid a.view_all {
	font-size: 12px;
	font-weight: normal;
}

p#user_login_error, p#user_password_error, p#user_password_error a{
	
	font-size: 10px;
}

span.paginator_text, div#paginator span, ul#comments_bubbles li p.bubble, ul#comments_bubbles li p.bubble_shaded {
	color: #656565;
}

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

a.smaller_link {
	font-size: 14px;
}

p.narrow_block_text, span.mini_thumb_txt {
	font-size: 12px;
	color: #656565;
}

label.narrow_block_label {
	font-size: 10px;
	color: #656565;
}

span#character_count{
 font-size: 10px;
 color: #c0c0c0;
}

div#add_pikki_cal_code {
	font-size: 12px;
}

table#calendar_table td.faded {
	color: #ddd;

}

h3.wide_element_subheader, a.post_image p, span.step_no, p.post_image_placeholder {
	color: #FF0066;
}


/* Positioning
---------------------------------------------------------------------------------------- */

body {
	background: #ffffff url(/shared/images/wallpaper/default_wallpaper.jpg) top left repeat-x;
}

form#login_form input#user_login, form#login_form input#user_password {
	width: 83px;
	margin: 0 4px 0 0;
}

form#login_form fieldset {
	display: inline;
	margin: 0;
}


div#container {
	width: 800px;
	margin: 0 auto;
}

div#header {
	float: left;
	width: 800px;
	position: relative;
	height: 144px;
	background: #fff;
	border: 3px solid #656565;
	border-top: none;
	border-bottom: 2px solid #787878;
}

div#main {
	float: left;
	width: 760px;
	position: relative;
	padding: 20px;
	background: #fff;
	border-top: none;
	border-right: 3px solid #656565;
	border-left: 3px solid #656565;
}

div#footer {
	float: left;
	width: 786px;
	position: relative;
}

div#sub_footer {
	float: left;
	width: 786px;
	margin: 0 0 80px 0;
	position: relative;
	padding: 7px;
	background: #f1f1f1;
	border: 3px solid #656565;
	border-top: none;
}


div#sub_footer a#contact_link {
	position: absolute;
	bottom: 7px;
	right: 7px;	
}


/* NEW ----------------------------*/

div.wide_block {
	float: left;
	width: 760px;
	margin: 0 0 20px 0;
	display: inline;
}

div.mid_block {
	width: 480px;
	margin: 0 20px 20px 0;
	display: inline;
}

div.narrow_block, div.narrow_block_mystuff {
	float: left;
	width: 260px;
	margin: 0 0 20px 0;
	display: inline;
}

div#my_stuff {
	float: left;
	margin: 0 0 20px 0;
	display: inline;
}

ul#my_stuff_nav {
	float: left;
	width: 260px;
	position: relative;
	min-height: 17px;
}

ul#my_stuff_nav li {
	float: left;
	display: inline;
	padding: 8px;

	font-size: 12px;
}

ul#my_stuff_nav li a {
	color: #333;
}

ul#my_stuff_nav li.selected a {
	color: #fff;
}

ul#my_stuff_nav li.selected {
	background: #FFCCCC;

	color: #fff;
}

div.narrow_block_mystuff {
	margin: 0;
}

div.block_header, div.block_header_mid, div.block_header_tall, label.block_header, div.block_header_withnav {
	float: left;
	width: 744px;
	position: relative; 
	background: #ff0066;
	padding: 8px;
	margin: 0 0 8px 0;

	color: #ffffff;
	font-size: 18px;
}

div.block_header_withnav {
	border-bottom: 1px solid #000;
}

div.block_header_tall {
	height: 60px;
}

div.block_header_tall {
	height: 60px;
}

div.block_header_mid {
	width: 464px;
}

div.block_header_mid h2 {
	display: inline;	
}

div.block_header h2, div.block_header_tall h2 {
	float: left;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
}

div.block_header h1, div.block_header_tall h1 {
	
	color: #ffffff;
	font-size: 22px;
	font-weight: normal;
}

img.large_header_avatar {
	margin: 0 8px 0 0;
}



div.qrcode {
	position: absolute;
	width: 230px;
	z-index: 1007;
	text-align: right;
	height: 41px;
	top: -2px;
	right: 13px;
}

span.qrcode_email{
	font-size: 12px;
	display: inline;
	margin: 0px;
}

span.qrcode_txt {
	font-size: 10px;
	display: inline;
	margin: 0px;
}

a.qrcode_link {
	float: right;
	height: 37px;
	padding: 3px;
	margin: 3px 0 0 0;

	font-size: 10px;
	color: #fff;
}

img.qrcode_icon {
	float: right;
	width: 39px;
	height: 39px;
	border: 2px solid #ff0066;
	cursor: pointer;
	clear: both;
}

img.qrcode_icon_large {
	position: absolute;
	right: -15px;
	top: -17px;
	width: 75px;
	height: 75px;
	border: 2px solid #ff0066;
	cursor: pointer;
	clear: both;
}

/*NEW END -------------------------*/


div#wide_column {
	float: left;
	width: 760px;
}

div#main_column {
	float: left;
	width: 480px;
	min-height: 300px;
}

div#side_column {
	float: left;
	width: 260px;
	margin: 0 0 0 20px;
}


h2#mypikki_header_title, p#mypikki_header_info {
	float: left;
	width: 450px;
	margin: 0 0 0 8px;
}

p#mypikki_header_info {
	padding: 5px 0 0 0;
}

p#mypikki_header_date {
	position: absolute;
	top: 8px;
	right: 8px;
	text-align: right;
}


/* HEADER */

div#logo {
	float: left;
	width: 435px;
	margin: 25px 0 25px 20px;
	display: inline;
}

div#logo img {
	margin: 0 15px 0 10px;
	vertical-align: middle;
}

h1#pikki_tagline {
	display: inline;
}


div#lang_switch {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 7px 0 0;
}

div#lang_switch img {
	vertical-align: middle;
}

div#login_area {
	float: left;
	width: 325px;
	height: 70px;
	padding: 0 15px 0 0;
	margin: 45px 0 0 0;
	text-align: right;
}

p#logged_area_container {
	float: right;
	width: 170px;
	
}

span#login_area_text {
	padding: 7px 7px 0 0;
	float: right;
	width: 100px;
	text-align: right;
	
}

a#login_area_username {
	padding: 0 7px 0 0;
	
}

span#login_area_avatar_border {
	float: right;
	width: 30px;
	padding: 8px;
	background: transparent url(/shared/images/login_avatar_border.gif) top left no-repeat ;	
}

a#login_area_logout {
	padding: 0 4px 0 0;
	float: right;
	width: 70px;
	clear: right;
}

ul#header_nav {
	z-index: 100;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 800px;
	clear: both;
}

div#navtab_top_left, div#navtab_top_right {
	position: absolute;
	width: 3px;
	height: 3px;
	background: #787878;
}


ul#header_nav li.nav_tab, li#tab_signup, li#tab_admin, li.nav_tab_selected{
	border: 2px solid #787878;
}

ul#header_nav li.nav_tab, li#tab_signup, li#tab_admin, li.nav_tab_selected{
	min-height: 18px;
	padding: 0;	
	margin-right: 6px;
}

li#tab_home {
	margin-left: 20px; 
}

ul#header_nav li.nav_tab, li.nav_tab_selected{
	position: relative;
	float: left;
	display: inline;
}

li#tab_signup, li#tab_admin {
	position: absolute;
	min-height: 20px;
	margin: 0;
	right: 20px;
	bottom: 0;
}

ul#header_nav li.nav_topleft {
	position: absolute;
	left: -2px;
	top: -4px;
	width: 90%;
	height: 4px;
	background: transparent url(/shared/images/nav_topleft.png) bottom left no-repeat ;
}

ul#header_nav li.nav_topright {
	position: absolute;
	right: -2px;
	top: -4px;
	width: 90%;
	height: 4px;
	background: transparent url(/shared/images/nav_topright.png) bottom right no-repeat ;
}


/* IE ignores styles with [attributes], so it will skip the following. */
ul#header_nav li.nav_tab[class], ul#header_nav li.right_nav_tab[class]{
	background: #fff url(/shared/images/nav_dither.png) bottom left repeat-x ;
}


ul#header_nav li.nav_tab_selected {
	min-height: 26px;
	border-bottom-color: #fff;
	background: #fff;
}

ul#header_nav li.nav_tab img, li#tab_signup img, li.nav_tab_selected img {
	vertical-align: middle;
}

a.nav_link {
	padding: 5px 7px;
	display: block;
}

/* HEADER END */



div.wide_element {
	float: left;
	width: 760px;
}

h3.wide_element_subheader {
	padding: 5px;

}

h1.wide_element_header {
	position: relative;
	min-height: 17px;
	padding: 8px;

}

div.wide_element_body {	
	padding: 5px 4px;
}

ul.wide_element_list {	
}

a.view_all {
	margin: 3px 0 0 10px;
}


div.medium_element {
	float: left;
	width: 480px;
	margin: 0 20px 16px 0;
}

h1.medium_element_header, h1.fieldset_header, label.fieldset_header {
	position: relative;
	min-height: 17px;
	padding: 8px;
}

h1.fieldset_header {
	margin: 0 0 20px 0;
}

ul.medium_element_header_nav, ul.wide_element_header_nav{
	position: absolute;
	z-index: 1000;
	width: 872px;
	bottom: -1px;
	right: 0;
	padding-right: 8px;
	display: inline;
}

li.header_nav_tab, li.header_nav_tab_selected {
	float: right;
	margin: 0 0 0 4px;
	background: #fff;
	border: 1px solid #000;
}

li.header_nav_tab_selected {
	border-bottom: 1px solid #fff;
}

li.header_nav_tab a, li.header_nav_tab_selected a {
	padding: 5px 20px;
	text-align: center;
	display: block;
}

div.medium_element_body {	
	padding: 8px 4px;
}

div.medium_element_footer {
	position: relative;
	float: left;
	width: 464px;
	min-height: 17px;
	margin: 0;
	padding: 8px;
	clear: both;
	text-align: right;
}


div.narrow_element {
	float: left;
	width: 260px;
	margin: 0 0 40px 0;
}

h1.narrow_element_header, h1.narrow_element_header2 {
	float: left;
	width: 244px;
	position: relative;
	min-height: 17px;
	padding: 8px;
	display: block;
}

h1.narrow_element_header2 {
	width: 264px;
}

p.narrow_element_footer {
	float: left;
	width: 244px;
	min-height: 17px;
	padding: 8px;
	display: block;
}


div.narrow_element_body {
	float: left;
	width: 240px;
	padding: 10px;
}

ul.narrow_element_list {
	float: left;
	width: 260px;
}

ul.narrow_element_list li {
	position: relative;
	float: left;

}

ul.narrow_element_list li a {
	position: relative;
	width: 238px;
	padding: 11px;
	display: block;
}

ul.narrow_element_list li img {
	margin: 0 8px 0 0;

}

ul.narrow_element_list li span.li_main_text {
	display: block;
	
	font-size: 12px;

}

ul.narrow_element_list li span.li_sub_text, span.disc_date {
	padding: 2px 0 0 0;
	display: block;
	color: #656565;
	font-size: 10px;

}


div#edit_post_list_pag, div#friends_list_pag {
	float: left;
	width: 244px;
	padding: 8px;
	
}

div#edit_post_list_pag span#edit_pag_wrapper, div#friends_list_pag span#friend_pag_wrapper {
	float: right;
}

div#edit_post_list_pag a , div#edit_post_list_pag img, div#edit_post_list_pag span, div#friends_list_pag a , div#friends_list_pag img, div#friends_list_pag span {
	float: left;
}

div#edit_post_list_pag a, div#friends_list_pag a {
	display: block;
	margin: 0 4px;
	cursor: pointer;

	color: #fff;
	
}

div#edit_post_list_pag img, div#friends_list_pag img {
	cursor: pointer;
	
}

div#edit_post_list_pag span.page_no, div#friends_list_pag span.page_no{
	display: block;
	margin: 0 4px;

	color: #333;
	font-weight: bold;
	
}



ul.narrow_element_list img.m_avatar {
	float: left;
	width: 30px;
	height: 30px;
}

ul.narrow_element_list li p.username, ul.narrow_element_list li p.info{
	float: left;
	padding-left: 8px; 
}

ul.narrow_element_list li p.username{
}


ul.narrow_element_list li a{
	width: 238px;
	padding: 11px;
	display: block;
}


ul.narrow_element_list li.top10_challenge_list_item{
	min-height: 30px;
}

li.small_thumb_border {
	float: left;
	position: relative;
	width: 60px;
	height: 60px;
	padding: 9px 9px 23px 9px;
	background: transparent url(/shared/images/small_thumb_border.gif) 0 0 no-repeat;
	margin: 8px;
	display: inline;
}

li.small_thumb_border:hover {
	background: transparent url(/shared/images/small_thumb_border_hover.gif) 0 0 no-repeat;
}

div.small_thumb_sheen {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 9px;
	left: 9px;
	background: transparent url(/shared/images/small_thumb_sheen.png) 0 0 no-repeat;
}

img.icon, img.icon_red, img.icon_faded, img.icon_trans, img.icon_trans_faded {
	width: 16px;
	height: 16px;
	margin: -3px 5px 0 0;
	vertical-align: middle;
	background: transparent url(/shared/images/icon_darkgrey_bg.gif) 0 0 no-repeat;
	cursor: pointer;
}

img.icon_red {
	background: transparent url(/shared/images/icon_darkred_bg.gif) 0 0 no-repeat;
}

img.icon_trans {
	background: none;
}

img.icon_faded, img.icon_trans_faded {
	cursor: default;   
}

img.pag_icon {
	margin: -3px 0 0 0
}


/* CALENDAR */

div.narrow_element_body_cal  {
	float: left;
	width: 260px;
	background: #ccc;
}

span#calendar_nav {
	position: absolute;
	top: 11px;
	right: 5px;
	width: 63px;
}

span#calendar_nav img {
	float: right;
	margin-top: 0;
}

img#leftarrow_faded, img#pag_leftarrow_faded {
	background: transparent url(/shared/images/icon_arrow_left_faded.png) 0 0 no-repeat;
	cursor: default;
}

img#rightarrow_faded, img#pag_rightarrow_faded {
	background: transparent url(/shared/images/icon_arrow_right_faded.png) 0 0 no-repeat;
	cursor: default;
}

table#calendar_table {
	float: left;
	width: 240px;
	display: inline;
	margin: 10px 8px 9px 12px;
}

table#calendar_table td {
	width: 35px;
	height: 35px;
	text-align: left;
	vertical-align: top;
	background: transparent url(/shared/images/cal_cell_bg.gif) top left no-repeat;
	font-size: 12px;
	font-weight: bold;
}

table#calendar_table td.faded {
	width: 35px;
	height: 35px;
	text-align: left;
	vertical-align: top;
	background: transparent url(/shared/images/calendar_cell_bg.gif) top left no-repeat;
	font-size: 12px;
	font-weight: bold;
}

table#calendar_table td p {
	padding: 4px;
	width: 22px;
	height: 22px;	
}

table#calendar_table th p {
	padding: 3px;
	width: 24px;	
	font-size: 12px;
	font-weight: bold;	
}

table#calendar_table td p.with_photo {
	color: #fff;
	background: transparent url(/shared/images/grey_opaque.png) top left no-repeat;
}

table#calendar_table td a {
	
	width: 30px;
	height: 30px;
	margin: 0 5px 5px 0;
}

table#calendar_table th {
	
	text-align: center;
	margin: 0 30px;
}

/* MY PIKKI */

div.post {
	padding: 0;
}

a.post_image, p.gallery_post_image, p.edit_post_image, p.post_image {
	float: left;
	position: relative;
	padding: 7px;
	margin: 16px 0 0 16px; 
	background: #fff;
	border: 1px solid #dcdcdc;
}

a.clear_post, ul.blog_view_list li.clear_post  {
	clear: left;
}

p.view_post_image {
	float: left;
	width: 480px;
	margin: 10px 0;
	position: relative;
	text-align: center;
}

p.view_post_image img {
	padding: 7px;
	background: #fff;
	border: 1px solid #dcdcdc;
}



a.post_image img {
	width: 120px;
	height: 120px;
	border: 1px solid #dcdcdc;
}

a.post_image span.post_image_info {
	width: 122px;
	padding: 0 0 0 0;
	min-height: 24px;
	display: block;
	text-align: center;
}

li.post_image_placeholder {
	float: left;
	width: 136px;
	height: 169px;
	margin: 16px 0 0 16px; 
	background: #f7f7f7;
	border: 1px solid #ececec;
	text-align: center;
}

p.post_image_enlarged {
	float: left;
	position: relative;
	padding: 8px 8px 35px 8px;
	margin: 0 16px 16px 16px; 
	background: #fff;
	border: 1px solid #dcdcdc;
}

p.gallery_post_image {
	margin: 8px 16px 0 0; 
}

p.post_date {
	position: absolute;
	top: 8px;
	right: 8px;
}

p.post_text {
	margin: 16px 0 8px 0;
}

p.view_post_text {
	float: left;
	width: 480px;
	margin: 0 0 20px 0;
}

p.post_edit {
	position: absolute;
	top: 8px;
	left: 8px;
}

div.post_comments {
	position: relative;
	float: left;
	width: 480px;
}

ul.comments_list {
	float: left;
	width: 480px;
}

ul.comments_list li {
	float: left;
	position: relative;
	width: 458px;
	padding: 11px;
}


ul.comments_list li.shaded {
	background: #fee8e8;
}


ul.comments_list li img {
	float: left;
	margin: 0 8px 0 0;

}

ul.comments_list li span.li_main_text {
	float: left;
	width: 415px;
	display: block;
	
	font-size: 12px;
	color: #333;

}

ul.comments_list li span.li_sub_text {
	float: left;
	padding: 2px 0 0 0;
	display: block;

	color: #656565;
	font-size: 10px;

}

ul.comments_list span.comment_text {
	float: left;
	padding: 8px 0;
	width: 458px;
	display: block;
}

ul.comments_list a.comment_delete {
	float: right;
}


form.comment_form {
	float: left;
	width: 464px;
	padding: 8px;
}

form.comment_form textarea {
	width: 460px;
	height: 100px;
	margin: 0 0 8px 0;
	background: #ffc;
}

form.comment_form input {
	float: right;
}

/* CHALLENGES */

a.voter, a.voter_voted, a:hover.voter {
	position: absolute;
	width: 60px;
	height: 23px;
	bottom: 9px;
	left: 9px;
	cursor: pointer;
}

a.voter {
	background: transparent url(/shared/images/challenge_canvote_bg.png) bottom left no-repeat;
}

a.voter_voted, a:hover.voter {
	background: transparent url(/shared/images/challenge_voted_bg.png) bottom left no-repeat;
}

a.voter_voted {
	cursor: default;
}


a.voter span, a.voter_voted span, a:hover.voter span {
	width: 56px;
	padding: 0 4px 0 0;
	margin: 8px 0 0 0;
	text-align: right;
	display: block;
}

div.past_challenge_date {
	float: right;
	padding: 5px 0 0 5px;
	text-align: right;
}



p.accept_decline {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 53px;
	height: 30px;
	clear: both;
}

p.accept_decline img {
	margin: 7px 0 0 7px;
	cursor: pointer; 
}


div#paginator {
	float: left;
	width: 464px;
	padding: 8px;
	margin: 40px 0 0 0;
	text-align: right;
}

div#mini_paginator {
	float: left;
	width: 220px;
	margin: 5px 0 0 0;
	padding: 8px;
	text-align: right;
	background: #ffcccc;
	display: inline;

	font-size: 12px;
}


div#wide_paginator, div#challenge_paginator {
	width: 744px;
	padding: 8px;
	text-align: right;
}

div#wide_paginator {
	position: relative;
	float: left;
}

div#challenge_paginator {
	position: relative;
	float: left;
	background: #ff0066;
}

p#wide_paginator_sort {
	position: absolute;
	bottom: 6px;
	left: 8px;
	text-align: right;
}



ul#top10_challenge_list {
	float: left;
	width: 260px;
	

}

ul#top10_challenge_list li {
	position: relative;
	background: #fff7f7;
	border-bottom: 1px solid #ffcccc;
	
}

ul#top10_challenge_list li span.li_main_text {
	padding: 16px;
	display: block;
	
	font-size: 12px;

}

ul#top10_challenge_list li img.vote_icon{
	margin: 2px 2px 0 0;
	vertical-align: bottom;

}


ul#top10_challenge_list span.not_voted, ul#top10_challenge_list span:hover.not_voted, ul#top10_challenge_list span.voted, ul#top10_challenge_list span.mine {
	position: absolute;
	top: 10px;
	right: 8px;
	padding: 2px 10px 4px 4px;
	/*background: transparent url(/shared/images/challenge_icon_arrow_up.gif) 3px 3px no-repeat;*/
}

ul#top10_challenge_list span.not_voted {
	/*background: #ffff66 url(/shared/images/challenge_icon_arrow_up.gif) 3px 3px no-repeat;*/
	background: #ffff66 url(/shared/images/top10_button_bg.gif) bottom right no-repeat;
	cursor: pointer;
}


ul#top10_challenge_list span:hover.not_voted {
	background: #ffff66;
	/*background: #f9f982 url(/shared/images/challenge_icon_arrow_up_hover.gif) 3px 3px no-repeat;*/
	background: #ffff66 url(/shared/images/top10_button_bg.gif) bottom right no-repeat;
	cursor: pointer;

	
}

ul#top10_challenge_list span:hover.not_voted span.vote_no{

	text-decoration: underline;
	
}



ul#top10_challenge_list span:hover.not_voted img {

	text-decoration: none;
	
}

ul#top10_challenge_list span.voted {
	cursor: default;
	/*background: #f9f982 url(/shared/images/challenge_icon_arrow_up.gif) 3px 3px no-repeat;*/
	background: #f9f982 url(/shared/images/top10_button_bg.gif) bottom right no-repeat;
}


ul#challenge_postits li.not_voted, ul#challenge_postits li.voted, ul#challenge_postits li.mine {
	position: relative;
 	float: left;
	padding: 6px 10px;	
	display: block;
	margin: 5px;
}


ul#challenge_postits li.not_voted {
	background: #ffff66 url(/shared/images/postit_bg.gif) bottom right no-repeat;
	cursor: pointer;

	color: #000;
}

ul#challenge_postits li:hover.not_voted {
	background: #ffff66 url(/shared/images/postit_bg.gif) bottom right no-repeat;
	cursor: pointer;

	
	color: #000;
}


ul#challenge_postits li:hover.not_voted span.challenge_postit_keyword {
	text-decoration: underline; 
}

ul#challenge_postits li.voted, ul#challenge_postits li.mine {
	background: #f9f982 url(/shared/images/postit_bg.gif) bottom right no-repeat;
	cursor: default;

	color: #cbcb7a;
}


ul#challenge_postits li span.vote_click {
	position: absolute;
	z-index: 2000;
	top: 0;
	left: 0;
	display: block;
	padding: 6px 10px;
	opacity: 0;
	filter: alpha(opacity=0);
	
}

li.justadded {
	border: 2px solid #000;
}


p.challenge_postit_info {
	position: absolute;
	z-index: 1000;
	top: -57px;
	right: -600px;
	width: 610px;
	height: 50px;
	padding: 0 0 17px 15px;
	cursor: default;
	display: inline;
	
}

span.votes {
	float: left;
	padding: 4px 0 0 0;
	font-size: 10px;
	display: block;
}

span.challenge_postit_info_contents {
	float: left;
	min-width: 200px;
	position: relative;
	background: #ffffff;
	height: 34px;
	padding: 8px;
	border: 1px solid #808080;
	display: block;

	color: #333;
}

a.new_chal_report, span.new_chal_reported {
	position: absolute;
	width: 100px;
	bottom: 11px;
	right: 9px;
	text-align: right;

	font-size: 10px;
	color: #ffcccc;
}

a.new_chal_report {
	cursor: pointer;
}

span.new_chal_reported {
	margin: 0 0 0 90px;
}

a.new_chal_report img, span.new_chal_reported img {
	vertical-align: middle;
	margin: 0 0 3px 3px;
}

img.cornerpoint {
	position: absolute;
	width: 50px;
	height: 16px;
	bottom: -16px;
	left: -1px;
}

div.challenge_postit_info h3.title{
 	float: left;
}

div.challenge_postit_info p.vote{
 	float: right;
	margin: 0 0 0 10px;
}

div.challenge_postit_info div.tick{
 	cursor: pointer;
}

img.postit_dogear{
	width: 9px;
	height: 10px;
	position: absolute;
	bottom: -2px;
	right: -2px;
}

img.enlarge_icon {
	position: absolute;
	right: 16px;
	bottom: 42px;
	cursor: pointer;
}


 /* QUICK START */

div#quickstart {


}

ul#fp_quickstart {
	position: relative;
	float: left;
	width: 760px;
	height: 280px;
	margin: 20px 0 0 0;
	display: inline;
	background: #cceaf5 url(/shared/images/blueswishback.jpg) top left no-repeat;
}

img#fp_banner {
	position: relative;
	width: 760px;
	height: 239px;
	margin: 20px 0 0 0;
	cursor: pointer;
}

div#fp_intro ul{
	margin: 20px;
}

div#fp_intro ul li{
	margin: 20px;
}

div#fp_intro ul li a{


	color: #fff;
}

li#step1, li#step2, li#step3 {
	position: relative;
	float: left;
	width: 200px;
	height: 207px;
	margin: 14px 3px 0 15px;
	padding: 45px 16px 0 16px;
	background: #fff url(/shared/images/3steps_box_bg.gif) bottom left no-repeat;
	display: inline;
	text-align: center;
}

img.stepbutton, img.stepbutton_on, a.signup_link {
	position: absolute;
	z-index: 1000;
	bottom: 1px;
	right: 1px;
	cursor: pointer;
}

img.stepbutton_on, a.signup_link {
	cursor: pointer;
}

a.signup_link img{
	margin: 0 0 -3px 0;
}

h3.stepheader {
	position: absolute;
	z-index: 1000;
	top: 1px;
	left: 1px;
	padding: 8px;
	clear: both;

	color: #ffcccc;
	font-size: 16px;
	font-weight: bold;
}

li#step1 p, li#step2 p, li#step3 p {
	float: left;
	width: 200px;
	margin: 45px 16px 0 16px;
	text-align: center;
	display: inline;

	font-size: 14px;
}

span.step_no {
	position: absolute;
	width: 30px;
	bottom: 11px;
	left: 83px;
	text-align: center;
}

li#step1 input {
	margin: 16px 0 0 0;
	width: 146px;
}

span.qs_email {
	font-size: 10px;
}


li#step2 img.qrcode {
	margin: 10px 0;
}


/* Form Styles */


fieldset {
	margin: 0 0 20px 0;
}

label.form_label, label.form_label_radiocheck {
	float: left;
	padding: 0 0 3px 0;

	font-size: 14px;
	color: #656565;
}

label.form_label {
	width: 420px;
	display: block;
}



input.form_input, input.form_input_theme_colour {
	width: 470px;
	margin: 2px 0 0 0;
	padding: 3px;
	background: #ffc;

	font-size: 16px;
	color: #333;

}

input.form_checkbox,input.form_radiobox  {
	margin: 0 20px 0 5px;
	width: auto;
}

input.form_input_theme_colour {
	margin: 0 0 0 20px;
	width: 120px;
}

span.colorbox {
	float: left;
	margin: 0 0 0 20px;
	width: 115px;
	height: 38px;
	border: 1px solid #c0c0c0;
	cursor: pointer;
	display: block;
}


textarea.form_textarea {
	width: 470px;
	height: 194px;
	padding: 3px;
	background: #ffc;

	font-size: 18px;
	color: #333;
}

input.required_input, textarea.required_input, select.required_input {
	background: #ffc;
}


p.form_msg, p.regform_msg {
	width: 440px;
	min-height: 20px;
	margin: 0 20px 10px 20px;

	font-size: 12px;
}


p.regform_progress, p.regform_status, p#reg_terms_prog, p#reg_terms_status  {
	float: left;
	width: 24px;
}

label.regform_label, a#image_uploader_label_link, a#pro_pass_link {
	float: left;
	width: 300px;
	margin: 0 0 3px 0;
}

a#pro_pass_link {
	margin: 0 0 20px 0;
}

form.reg_form {
	position: relative;
}

input.regform_input, input#validator {
	float: left;
	width: 314px;
	padding: 3px;
	margin: 0;
	border: 1px inset #656565;

	font-size: 18px;
	color: #656565;
}

input#validator {
	float: none;
	width: 114px;
	height: 34px;

	font-size: 27px;
	text-align: center;	
}

p.regform_input_wrapper {
	float: left;
	width: 322px; 
	margin: 0;
}


p.regform_msg {
	float: left;
	width: 346px;
	margin: 0 0 10px 0;
	padding: 3px 0 3px 24px;

	color: #656565;
}

img.form_icon_prog, img.form_icon_status {
	width: 16px;
	height: 16px;
}

img.form_icon_prog {
	margin: 26px 8px 0 0;
}

img.form_icon_status {
	margin: 26px 0 0 8px;
}

p#reg_terms_prog img {
	margin: 2px 8px 0 0;
}

p#reg_terms_status img {
	margin: 2px 0 0 10px;
}

p#reg_terms_status img {
}

p.reg_terms_status_check {
	position: absolute;
	bottom: 115px;
	right: 22px;
}


p#reg_submit_prog {
	float: right;
	width: 24px;
}

p#reg_submit_prog img {
	width: 16px;
	height: 16px;
	margin: 3px 4px 0 0;
}


input#reg_submit {
	float: right;
	font-size: 18px;
	margin: 0 24px 0 0;
}



/* PROFILE FORM */

form#profile_form fieldset {
	margin: 0;
}

span.proform_input_wrapper {
	float: left;
	width: 428px; 
	margin: 0;
}

label.proform_label {
	float: left;
	margin: 0 0 3px 0;
	width: 428px;
}

label.proform_label_radiocheck {
	float: left;
	margin: 0 10px 0 0;
}

input.proform_input {
	float: left;
	width: 422px;
	padding: 3px;
	margin: 0;
	border: 1px inset #656565;

	font-size: 18px;
	color: #656565;
}

textarea.proform_textarea {
	float: left;
	width: 422px;
	height: 200px;
	padding: 3px;
	margin: 0;
	border: 1px inset #656565;

	font-size: 18px;
	color: #656565;
}

select.proform_select {
	float: left;
	width: 428px;
	margin: 0;
	background: 

	color: #656565;
}

span.proform_status {
	float: left;
	width: 24px;
	display: block;
}

span.proform_status img {
	width: 16px;
	height: 16px;
	margin: 26px 0 0 8px;
	display: block;
}


span.proform_msg {
	float: left;
	width: 394px;
	margin: 0 0 10px 0;
	padding: 3px;
	display: block;

	color: #656565;
}

input#profile_submit {
	font-size: 18px;
	float: right;

}

/* PROFILE FORM END */











iframe {
	width: 260px;
	height: 260px;
}

h1#add_pikki_cal_header a, h1#invite_form_header a, h1#add2group_header{
	font-size: 12px;
	color: #fff;
}

div#add_pikki_cal textarea {
	margin: 10px 0 0 0;
	width: 230px;
	font-size: 8px;
	overflow: visible;
}


p.upload_msg, p.group_upload_msg {
	margin: 10px 0 0 0;
	padding: 4px;

}

iframe#image_uploader {
	width: 430px;
	height: 280px;
	height: 120px;
	margin: 0 20px;
}

p#edit_image {
	float: left;
	width: 480px;
	margin: 0 0 20px 0;
	text-align: center;
	display: inline;
}

img#current_image {
	padding: 7px;
	background: #fff;
	border: 1px solid #dcdcdc;

}

p#edit_image span#icon_drawer {
	position: absolute;
	z-index: 3000;
	padding: 5px;
	bottom: 9px;
	left: 7px;	
	background: transparent url(/shared/images/grey_opaque_bg.png) top left ;
}

p#image_tools {
	position: relative;
	float: left;
	width: 480px;
	margin: 0 0 20px 0;
	text-align: center;
	display: inline;

}

a#image_uploader_label_link {
	margin: 0 20px 10px 0;
	display: block;
}

form#edit_form {
	float: left;
	width: 470px;
	position: relative;
	display: inline;
}

input.edit_form_button {
	float: right;
	font-size: 18px;
	margin: 0 0 0 10px;
}


input#delete_post_button {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 18px;
}

span#save_publish_buttons {
	position: absolute;
	width: 350px;
	right: 0;
	bottom: 0;
}

span#save_publish_buttons input, input.edit_form_button, input#delete_post_button, input#profile_submit {
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Lucida Grande, arial, helvetica, sans-serif;
}



p.form_msg {
}


img.comment_delete_icon {
	position: absolute;
	bottom: 8px;
	right: 8px;
}

li.search_challenge {
	float: left;
	width: 364px;	
	padding: 8px;
	display: inline;
	background: #fff7f7;
	border-bottom: 1px solid #ffcccc;

}

li.search_challenge img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.pink_bg {
	background: #ffcccc;
}

a.post_report {
	float: left;
	padding: 3px 0;

	font-size: 10px;
	color: #c0c0c0;
}

ul#why_pikki {
	float: left;
	list-style: disc;
	padding: 0 10px;

	font-size: 18px;
	color: #656565;
}

ul#why_pikki li {
	margin: 20px 0 20px 20px;
}

img#challenge_banner {
	margin: 0 0 20px 0;	
}

div#challenge_banner ul{
	float: right;
	width: 450px;
	margin: 20px;
	
}

div#challenge_banner ul li{
	margin: 0 0 20px 0;
	
}

img#new_challenge_info {
	margin: 0 0 20px 0;
}

form#search_form {
	float: right;
	margin: 10px 0 0 10px;
}

form#search_form fieldset {
	display: inline;
	margin: 0;
}


form#search_form label {

font-size: 14px;
margin: 0 10px 0 0;

}

form#search_form input.search_form_button, form#group_search input#search_form_button {
	font-size: 18px;
	margin: 0 0 0 10px;
}

form#search_form input#search_input, form#group_search input#search_input {
	width: 260px;
	padding: 3px;
	margin: 0;
	border: 1px inset #656565;

	font-size: 18px;
	color: #656565;
}

img#search_banner {
	float: left;
	margin: 20px 0 0 0;
	background: transparent url(/shared/images/search_banner.jpg) top left ;
}

div#search_form_info ul {
	float: right;
	margin: 20px;
}

div#search_form_info ul li {
	margin: 0 0 20px 0;
}

ul.search_posts {
	float: left;
	width: 760px;	
}

li.search_list, li.search_list_left {
	float: left;
	width: 364px;
	padding: 8px;
	margin: 0;
	background: #fff7f7;
	border-bottom: 1px solid #FFCCCC;
}

li.search_list_left {
	width: 363px;
	border-right: 1px solid #FFCCCC;
}

div.search_result_header {
	height: 30px;
	margin: 20px 0 8px 0;
}

div.search_result_header img {
	vertical-align: middle;
}

div.search_result_header a {
	color: #fff;
}

/* \*/
* html li:hover.search_list, li:hover.search_list_left {
		background: #FFCCCC;
   //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/shared/images/white_opaque_bg.png');
}
/* */

li:hover.search_list, li:hover.search_list_left {
	background: #FFCCCC url(/shared/images/white_opaque_bg.png) 0 0 repeat;
}

form#new_challenge_form fieldset {
	display: inline;
	margin: 0;
}

p#new_challenge_form_msg {
	position: relative;
	margin: 5px 0 0 0;
	font-size: 12px;
	line-height: 18px;
}

span#dup_confirm {
	float: right;
	display: block;
}

.float_left {
	float: left;
}

ul.challenge_paginator li, ul.comments_list li   {
	border-top: none;
}

p#user_login_error, p#user_password_error {
	float: left;
	width: 150px;
	padding: 3px 0 0 0;
	text-align: center;
}

p#user_password_error {
	padding-left: 5px; 
}


p#user_password_error a{
	margin: 5px;
	display: block;
}

div#post_view_header {
	margin: 0 0 20px 0;
}

div#profile_header {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #000;
}

p.comment_signup {

	font-size: 12px;
	
	float: left;
	padding: 20px 0 0 0;
}

ul.blog_view_list {
	float: left;
	width: 480px;
	display: inline;
	margin-bottom: 40px;
}

ul.blog_view_list li {
	float: left;
	display: inline;
}

form#avatar_upload_form {
	float: left;
	margin: 0;
}

form#avatar_upload_form fieldset, form#bg_upload_form fieldset, form#file_upload_form fieldset {
	margin: 0;
}

form#reg_form fieldset {
	margin: 0;
}

input#reg_terms_input {
	margin: 0 3px 3px 0;
}

div#fp_recent_header {
	margin: 0 0 10px 0;
	height: 1%;
	border-bottom: 1px solid #000;
}

div#invite_form form {
	display: inline;
}

div#invite_form form fieldset {
	display: inline;
	margin: 0;
	padding: 0;
}

div#invite_form input#invite_email {
	margin: 0 10px 0 0;
}

div.rss_link_fp {
	position: absolute;
	left: 20px;
	bottom: 15px;
}

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

div.rss_link_absolute {
	position: absolute;
	left: 20px;
	bottom: 10px;
}

div.rss_bottom {
	padding-bottom: 20px;
}


ul#groups_list, ul#people_list {
	float: left;
	width: 740px;
	margin: 20px 0 0 10px;
}

ul#groups_list li, ul#people_list li {
	float: left;
	width: 360px;
	margin: 0 0 30px 0;
}

ul#groups_list li.endrow, ul#people_list li.endrow {
	margin-right: 20px; 
	clear: left;
}

ul#groups_list li img, ul#people_list li img {
}

ul#groups_list li a.group_title, ul#people_list li a.person_username {
	display: block;
	
	font-size: 20px;
	font-weight: bold;
	color: #656565;
 
}

ul#groups_list li span.group_desc, ul#people_list li span.person_desc {
	display: block;
	padding: 0 5px;

	font-size: 12px;

}

ul#groups_list li span.group_info, ul#people_list li span.person_info {
	display: block;
	padding: 2px 5px 5px 5px;

	font-size: 10px;
	color: #c0c0c0;

}

span.avatar_thumb_border {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	padding: 9px;
	margin: 0 10px 2px 0;
	background: transparent url(/shared/images/avatar_thumb_border.gif) 0 0 no-repeat;	
}

span.avatar_thumb_border:hover {
	background: transparent url(/shared/images/avatar_thumb_border_hover.gif) 0 0 no-repeat;	
}


li.avatar_thumb_border_li {
	float: left;
	position: relative;
	width: 60px;
	height: 60px;
	padding: 9px;
	background: transparent url(/shared/images/avatar_thumb_border.gif) 0 0 no-repeat;
	margin: 8px 8px 20px 8px;
	display: inline;
}

li.avatar_thumb_border_li:hover {
	background: transparent url(/shared/images/avatar_thumb_border_hover.gif) 0 0 no-repeat;
}

li.group_thumb_border_li {
	float: left;
	position: relative;
	width: 69px;
	height: 91px;
	padding: 9px 0 0 15px;
	margin: 8px 0 20px 11px;
	background: transparent url(/shared/images/group_thumb_border.gif) 0 0 no-repeat;	
	display: inline;
}

li.group_thumb_border_li:hover {
	background: transparent url(/shared/images/group_thumb_border_hover.gif) 0 0 no-repeat;
}

span#add_group_link, span.add_group_link {
	position: absolute;
	right: 8px;
	top: 8px;
}

div#group_view_header {
	margin: 0 0 20px 0;
}


/* ADD GROUP/TOPIC FORMS */

form#add_topic, form#add_comment {
	float: left;
	width: 460px;
	padding: 10px;
	background: #ffcccc;
}

form#add_group_form fieldset {
	margin: 0;
}

span.add_group_form_wrapper {
	float: left;
	width: 428px; 
	margin: 0;
}

form#add_group_form label, form#add_topic label,  form#add_comment label {
	float: left;
	margin: 0 0 3px 0;
	width: 428px;
}

form#add_topic label,  form#add_comment label {
	color: #fff;
}

label.add_group_form_radiocheck {
	float: left;
	margin: 0 10px 0 0;
}

form#add_group_form input.text,  form#add_topic input.text {
	float: left;
	width: 422px;
	padding: 3px;
	margin: 0 0 20px 0;
	border: 1px inset #656565;

	font-size: 18px;
	color: #656565;
}

form#add_group_form textarea,  form#add_topic textarea,  form#add_comment textarea {
	float: left;
	width: 422px;
	height: 100px;
	padding: 3px;
	margin: 0 0 20px 0;
	border: 1px inset #656565;

	color: #656565;
}


form#add_topic input.text,  form#add_topic textarea {
	width: 450px;
}

span.add_group_form_status {
	float: left;
	width: 24px;
	display: block;
}

span.add_group_form_status img {
	width: 16px;
	height: 16px;
	margin: 26px 0 0 8px;
	display: block;
}


span.add_group_form_msg {
	float: left;
	width: 394px;
	margin: 0 0 10px 0;
	padding: 3px;
	display: block;

	color: #656565;
}

form#add_group_form input#add_group_form_submit, form#edit_group_desc input#edit_group_submit {
	width: 100px;
	margin: 20px 0 0 0;
	font-size: 18px;
	float: right;

}

form#add_topic input#add_topic_button, form#add_comment input#add_comment_button {
	float: right;
}

/* ADD GROUP FORM END */

.no_margin {
	margin: 0;

}


ul#topic_list {
	float: left;
}

ul#topic_list li{
	display: inline;
	width: 458px;
}

ul#topic_list li a {
	float: left;
	padding: 10px;
	width: 458px;
	background: #fff7f7;
	border: 1px solid #fcc;
	margin: 10px 0;
}


ul#topic_list li a:hover {
	background: #fcc url(/shared/images/white_opaque_bg.png) 0 0 repeat; 
}



ul#topic_list li img{
	margin: 0 5px 0 0;
	float: left;
}

ul#topic_list li span.topic_title {
	float: left;
	display: block;
	padding: 0;

	font-size: 15px;
	color: #333;
}

ul#topic_list li span.topic_desc, ul#topic_list li span.topic_info   {
	float: left;	
	width: 415px;
	padding: 2px 0 0 0;
	display: block;

	color: #656565;
	font-size: 10px;
}

ul#topic_list li span.topic_desc {
	font-size: 12px;
	color: #333;

}


form.comment_reply {
	float: left;
	width: 438px;
	padding: 10px;
	margin: 10px 0 0 0;
	background: #fff7f7;
	border: 1px solid #fcc;
}

form.comment_reply textarea {
	display: inline;
	margin: 0;
	padding: 0;
}

form.comment_reply textarea {
	width: 430px;
	height: 60px;
	margin-bottom: 10px;
	float: left;
}

form.comment_reply input.button {
	float: right;
}

span.clicktoreply {
	
	display: none;
	position: absolute;
	width: 60px;
	top: 5px;
	right: 5px;

	color: #c0c0c0;
	font-size: 10px;
}
select#add2group_select  {
	width: 190px;
}

p#add2group_msg {
	margin: 5px 0 0 0;
}

ul#group_image_list {
	margin: 0:
	float: left;
}

ul#group_image_list li {
	display: inline;
	float: left;
	width: 30px;
	height: 30px;
	padding: 10px;	
}

ul#group_image_list li a {
	width: 60px;
	height: 60px;
}

p#avatar_upload_image {
	margin: 0;
	float: left;
}



select#group_select {
	margin: 3px 0 20px 0;
	width: 250px;
}

ul#mini_thumb_list, ul#recent_mini_thumb_list {
	float: left;
	margin: 0 0 20px 0;
	
}

ul#mini_thumb_list li, ul#recent_mini_thumb_list li {
	display: inline;
	float: left;

}

ul#mini_thumb_list li img, ul#recent_mini_thumb_list li img {
	margin: 5px;
}

div#group_droparea {
	float: left;
	margin: 0 0 20px 0;
	padding: 10px;
	width: 238px;
	height: 240px;
	border: 1px solid #fcc;

	background: #fff7f7;
}

span.mini_thumb_txt {
	display: block;
	width: 240px;
	float: left;
}

span#mini_thumb_list_title {
	margin: 0 0 3px 0;
}

div#group_droparea.drophover {
	background: #fcc url(/shared/images/white_opaque_bg.png) 0 0 repeat; 
}

input#add2group_button {
	float: right;
}

span.upload_text {
	font-size: 12px;
	color: #000;
	
	display: block;
	margin: 5px 0;
}

p.group_upload_msg {
	border-bottom: 1px solid #fcc;
	margin: 0 0 10px 0;
}

span.disc_title {
	display: block;
	float: left;
	
	font-size: 12px;
}

span.disc_date {
	display: block;
	float: left;
}

span.disc_text{
	display: block;
	width: 450px;
	padding: 10px 0;
	float: left;
}

ul#comments_bubbles {
	float: left;
	width: 480px;
	margin: 10px 0;

}

ul#comments_bubbles li.non_reply {
	float: left;
	width: 460px;
	padding: 10px;
	margin: 0 0 5px 0;
	display: inline;
}

ul#comments_bubbles li.reply {
	float: left;
	padding: 10px;
	width: 450px;
	margin: 0 0 5px 10px;
	display: inline;
}

ul#comments_bubbles li p.bubble, ul#comments_bubbles li p.bubble_shaded {
	display: block;
	border: 1px solid #fcc;
	padding: 10px;
	background: #fff7f7;
}

ul#comments_bubbles li p.bubble_shaded {
	background: #ffe5e5;
}

ul#comments_bubbles li img.avatar {
	float: left;
	margin: 0 5px 0 10px;	
}

ul#comments_bubbles li span.pointer, ul#comments_bubbles li span.pointer_shaded {
	position: relative;
	display: block;
	height: 11px;
	width: 13px;
	margin: -1px 0 0 18px;
	background: #fff7f7 url(/shared/images/comment_pointer_pink.gif) 0 0 no-repeat;
}

ul#comments_bubbles li span.pointer_shaded {
	background: #ffe5e5 url(/shared/images/comment_pointer_pink.gif) 0 0 no-repeat;
}

ul#comments_bubbles li span.username {
	float: left;
	display: block;
	width: 400px;
}

ul#comments_bubbles li span.date {
	float: left;
	display: block;
	width: 400px;
	margin: 2px 0 0 0;

	font-size: 10px;
	color: #c0c0c0;
}



ul#comments_bubbles li a, ul.comment_reply_list li a {
	position: relative;
	color: #333;
}

p.narrow_block_text {
	float: left;
	padding: 8px 0;
}

input#clear_button {
	float: left;
}

span.comment_icons {
	display: block;
	text-align: right;
}

span.comment_icons img.icon {
	margin: 0 0 0 3px;
}

img#view_group_img {
	float: left;
	padding: 7px;
	background: #fff;
	border: 1px solid #dcdcdc;
	margin: 0 10px 5px 0;
}


h3.group_title_header, h3.topic_title_header {
	margin: 0 0 5px 0;

	font-size: 22px;
	font-weight: bold;
	color: #333;
}

h3.topic_title_header {
	margin: 0 0 10px 0;
}



table.group_title_stats {
	margin: 0 0 20px 0;

	font-size: 11px;
	color: #c0c0c0;
}

table.group_title_stats td {
	padding: 2px;
	margin: 0 3px 3px 0;
}

p.group_title_desc, p.topic_title_desc {

	font-size: 14px;
	color: #656565;
} 

img.narrow_element_header_img {
	float: left;
	margin: 0 8px 0 0;
}

h1.narrow_element_header span {
	display: block;
	margin: 4px 0 0 0;
}

label.narrow_block_label {
	width: 200px;
	float: left;
}

span.group_thumb_border {
	display: block;
	float: left;
	width: 69px;
	height: 91px;
	padding: 9px 0 0 15px;
	margin: 0 10px 2px 0;
	background: transparent url(/shared/images/group_thumb_border.gif) 0 0 no-repeat;	
}

span.group_thumb_border:hover {
	background: transparent url(/shared/images/group_thumb_border_hover.gif) 0 0 no-repeat;	
}

div#group_search {
	font-size: 16px;
	
	background: #ffcccc;
}

form#group_search {
	display: inline;

}

form#group_search fieldset {
	display: inline;
	padding: 0;
	margin: 0;
}

div#group_search_wrapper {
	width: 744px;
	margin: 10px 0 0 0;
	display: block;
	text-align: right;
}

span.block_header_textwrap {
	width: 580px;
	display: block;
}

span#invites_left {
	display: inline;
}


img#profile_avatar {
	float: left;
	padding: 7px;
	background: #fff;
	border: 1px solid #dcdcdc;
	margin: 0 10px 10px 0;
}

h2#profile_username {

	font-size: 26px;
	color: #333;	
}

span#profile_stats {
	display: block;
	margin: 5px 0 10px 0;
	
	font-size: 14px;
	color: #656565;
}

table#profile_info {
	color: #999;

}

table#profile_info td {
	padding: 0 10px 5px 0;

}

div#profile_text {
	margin: 10px 0 0 0;

}

span.block_header_stats {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}

label#proform_textarea_label {
	position: relative;
}

textarea#pro_text_input {
	font-size: 12px;
}


span#character_count{
	position: absolute;
	right: 0;
	bottom: 0;
}

p#view_group_desc {
	float: left;
	clear: left;
}


/* Markdown Styles */

div#profile_text h1, div#profile_text h2, div#profile_text h3, div#profile_text h4 {
	font-size: 18px;	
	margin: 5px 0 10px 0;
}

div#profile_text em, div#profile_text strong {
	font-weight: bold;
}

div#profile_text p {
	margin: 5px 0;	
}

div#profile_text ul {
	margin: 5px 0;
	list-style-type: disc;
	list-style-position: inside;	
}

div#profile_text li {
	margin: 0 0 2px 0;
}

div#profile_text img {
	float: left;
	margin: 5px 5px 5px 0;
	padding: 7px;
	background: #fff;
	border: 1px solid #dcdcdc;
}

span.view_voter {
	
	display: block;
	color: #656565;
	margin: 0 10px 0 0;
	

}

span.view_voter a {
	display: inline;
	float: left;
	height: 13px;
	padding: 7px 5px 3px 5px;
	margin: 0 0 0 8px;
	text-align: right;
	color: #fff;

	font-weight: bold;
	font-size: 11px;
}

span.view_voter a.pink {
	background: transparent url(/shared/images/view_voter_pink.gif) bottom center no-repeat;
}

span.view_voter a.green {
	background: transparent url(/shared/images/view_voter_green.gif) bottom center no-repeat;
	cursor: pointer;
}

span.view_voter a:hover.green {
	background: transparent url(/shared/images/view_voter_pink.gif) bottom center no-repeat;
	cursor: pointer;
}

span.view_voter_label {
	float: left;
	display: block;
	margin: 6px 0 0 5px;
}

a.edit_link {
	position: absolute;
	right: 8px;
	top: 6px;

}

div#form_wrapper {
	width: 480px;
	height: 290px;
}

form#edit_group_desc {
	float: left;
	margin: 10px 0 0 0;
}

form#edit_group_desc textarea {
	padding: 3px;
	width: 464px;
	height: 200px;
}

form#edit_group_desc input#edit_group_submit {

}

a#toggle_edit_group_desc {
	float: right;
	margin: 5px 0 0 300px;
	display: block;

}


h1.wide_element_header, h1.medium_element_header, h1.fieldset_header, ul.narrow_element_list li a.pending, div#paginator, div#wide_paginator,  h1.mypikki_header, div.block_header, div.block_header_mid, div.block_header_tall, label.block_header, ul.narrow_element_list li.pending {
	background: #FF0066;
}

div#enlarged_qrcode {
	border: 2px solid #FF0066;
}

div.medium_element_footer, h1.narrow_element_header, h1.narrow_element_header2, p.narrow_element_footer, form.comment_form, h1.search_wide_element_header, div#edit_post_list_pag, div#edit_post_list_pag, div#friends_list_pag{
	background: #FFCCCC;
}


div.narrow_element_body, div.narrow_element_body_cal, ul.narrow_element_list li, ul.comments_list li   {
	border-bottom: 1px solid #FFCCCC;
}

div.narrow_element_body, div.narrow_element_body_cal, ul.narrow_element_list li, ul.comments_list li {
	background: #FFF7F7;
}

ul#comments_bubbles li p.bubble, ul#comments_bubbles li p.bubble_shaded {
	border: 1px solid #ccc;
	background: #FFF7F7;
}

ul#comments_bubbles li p.bubble_shaded {
	background: #FFF7F7;
}

ul#comments_bubbles li span.pointer, ul#comments_bubbles li span.pointer_shaded {
	background: #FFF7F7 url(/shared/images/comment_pointer.gif) 0 0 no-repeat;
}

ul#comments_bubbles li span.pointer_shaded {
	background: #FFF7F7 url(/shared/images/comment_pointer.gif) 0 0 no-repeat;
}

ul#my_stuff_nav {
	border-bottom: 1px solid #FFCCCC;
	background: #FFF7F7;
}

ul#my_stuff_nav li {
	background: #FFF7F7;	
}

ul#my_stuff_nav li.selected {
	background: #FFCCCC;	
}


/* IE Fixes
---------------------------------------------------------------------------------------- */

/* \*/
* html　li.post_image_placeholder {
	height: 170px;
}
/* */

/* \*/
* html ul#header_nav li.nav_tab, ul#header_nav li.right_nav_tab {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
   //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/shared/images/nav_dither.png');
}
/* */

/* \*/
* html table#calendar_table td p.with_photo {
		background: transparent;
   //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/shared/images/grey_opaque.png');
}
/* */

/* \*/
* html p#edit_image span#icon_drawer {
		background: #000;
   /*//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/shared/images/grey_opaque.png');*/
}
/* */

/* \*/
* html img#leftarrow_faded, img#pag_leftarrow_faded  {
	background: transparent; 
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/shared/images/icon_arrow_left_faded.png');
}
/* */

/* \*/
* html img#rightarrow_faded, img#pag_rightarrow_faded {
	background: transparent; 
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/shared/images/icon_arrow_right_faded.png');
}
/* */


/* \*/
* html img.icon, img.icon_faded, img.icon_trans {
	margin: 0px 5px 0 0;
}
/* */

/* \*/
* html a.voter {
	bottom: 10px;
	background: transparent;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/shared/images/challenge_canvote_bg.png');
}
/* */

/* \*/
* html a.voter_voted {
	bottom: 10px;
	background: transparent;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/shared/images/challenge_voted_bg.png');
}
/* */

/* \*/
* html p.reg_terms_status_check {
	position: absolute;
	bottom: 135px;
	right: 20px;
}
/* */

/* \*/
* html div#group_droparea.drophover  {
	background: #ffcccc;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/shared/images/white_opaque_bg.png');
}
/* */


/* \*/
* html ul#topic_list li a:hover  {
	background: #ffcccc;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/shared/images/white_opaque_bg.png');
}
/* */

/* \*/
* html ul.blog_view_list li {
	float: none;
}
/* */


/* \*/
* html ul.comments_list li.shaded, ul.narrow_element_list li:hover.png, ul.narrow_element_list li.selected {
		background: #FFCCCC;
   //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/shared/images/white_opaque_bg.png');
}
/* */


ul.comments_list li.shaded, ul.narrow_element_list li:hover.png, ul.narrow_element_list li a:hover.png, ul.narrow_element_list li.selected {
	background: #FFCCCC url(/shared/images/white_opaque_bg.png) 0 0 repeat;
}