/* Blue: #0f7dd3  Red: #b81717 green: #5B9F59 */

* {
  font-family: arial, helvetica, sans-serif;
  margin:0;
  padding:0;
}

p {
	margin: 8px 0;
}

ol {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

ul {
	margin-left:15px;
}

body{ 
  background:#DDD none repeat scroll 0 0; 
  font-size: 12px;
  color:#808080
}


h1 {
  color:#464646;
	font-size: 17px;
	font-weight:bold;
	margin:6px 0px;
}

h2 {
  color:#464646;
	font-size: 14px;
	font-weight:bold;
	margin:6px 0px;
}

h3 {
  font-size: 13px;
  margin:6px 0px;
}

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

a:link, a:visited { 
  color: #3B60AA;
  text-decoration: none;
  -moz-outline:none; 
}

a img {
	border:none;
}

a:hover { 
  text-decoration: underline; 
}

textarea {
  border:1px solid #BDC7D8;
  font-size:11px;
  padding:3px;
}

.rounded_corners, .stat_bubble, #sideshare {
   -webkit-border-top-right-radius: 8px;
   -webkit-border-bottom-right-radius: 8px;
   -webkit-border-top-left-radius: 8px;
   -webkit-border-bottom-left-radius: 8px;
   -moz-border-radius-bottomright:8px;
   -moz-border-radius-topright: 8px;
   -moz-border-radius-bottomleft: 8px;
   -moz-border-radius-topleft: 8px;
}

.small_rounded_corners, .points {
   -webkit-border-top-right-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright:4px;
   -moz-border-radius-topright: 4px;
   -moz-border-radius-bottomleft: 4px;
   -moz-border-radius-topleft: 4px;
}

.top_rounded_corners, .welcome_header {
   -webkit-border-top-right-radius: 8px;
   -webkit-border-top-left-radius: 8px;
   -moz-border-radius-topright:8px;
   -moz-border-radius-topleft: 8px;
}

.top_small_rounded_corners {
   -webkit-border-top-right-radius: 4px;
   -webkit-border-top-left-radius: 4px;
   -moz-border-radius-topright:4px;
   -moz-border-radius-topleft: 4px;
}

input {
  border:1px solid #BDC7D8;
  font-size:11px;
  padding:4px;
}

input[type="submit"]{
  cursor: pointer;
}


/* New styles */
#container {
  width: 830px;
  color:#808080;
  padding: 10px;
  text-align:left;
	position:relative;
  margin: auto auto;
}

/* Header Styles */
#header {
	color: #fff;
  clear:both;
	position:relative;
	padding:2px 0;
	background:transparent url(/images/gray-gradient.png) repeat-x scroll left top;
	height:42px;
	margin-bottom:20px;
}

#header_wrapper {
	width:830px;
	margin:auto;
	position:relative;
}

#header a {
    color:#DDDDDD;
}

#header a:hover{
	color:#fff;
}

#header #logo {
	float:left;
}

#header .beta {
	float:left;
	color:#eee;
	font-size:85%;
}

#header #logo a img{
}

#user {
	float:right;
	margin-top:5px;
	text-align:left;
  font-size:11px;	
}

#user img{
  float:left;
	margin-right: 6px;
	width:32px;
	height:32px;
}

#user .block {
	float:left;
}

#user .block div {
  padding-bottom:3px;
}

#user #header-user-name {
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
}
/*   */

#wrapper {
	padding: 5px 8px 10px 10px;
}

.clear {
  clear:both;
}

/* notice treatment */

#notice_panel {
  position:fixed;
  top: 0;
  left:0;
  width:100%;
  z-index:1000;
}

#notice {
	background-color:#FFFFFF;
	color:#0F7DD3;
	height:36px;
	padding:5px 0;
	position:relative;
	text-align:center;
}


#notice_shadow {
  background-image:url(/images/notice-shadow.png);
	height:9px;
	width:100%;
}

/* signin button */

a#signin_button {
	display:block;
	text-indent: -9999px;
}

#header a#signin_button {
  float:right;	
}

.anon_user {
	float:right;
	width:151px;
	margin-top:3px;
}

.whatsthis {
	font-size:90%;
  float:right;
	margin-top:2px;
}

/*
 * Pickins Styles
 */
ol.pickins {
  width:520px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

ol.pickins > li:first-child {
}

ol.pickins > li:last-child {
}

ol.pickins li {
	border-bottom:1px solid #EEEEEE;
	height:85px;
	margin: 3px 0px;
	padding-bottom:2px;
	position:relative;
	width:540px;
}

ol.pickins li:hover{
}
ol.pickins .thumb {
	position:absolute;
	left:0;
	top:8px;
}

ol.pickins .thumb img{

  width:45px;
  height:45px;
}

ol.pickins .title {
	font-size:12px;
	font-weight:bold;
	height:60px;
	left:50px;
	overflow:hidden;
	position:absolute;
	top:7px;
	width:255px;
}


ol.pickins .stats {
	bottom:2px;
	position:absolute;
	left:0px;
}

ol.pickins .people {
  bottom:2px;
  position:absolute;
  font-size:110%;
}

.points {
	background-color:#999999;
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
	padding:1px 3px;
}


ol.pickins .latest_tweet {
	font-size:11px;
	font-style:italic;
	height:68px;
	overflow:hidden;
	padding:0 0 0 20px;
	position:absolute;
	right:0;
	top:4px;
	width:210px;
}


/* 
 * go pickin
 */ 
 
#go_pickin {
	width:625px;
  margin:10px 0px;
	
}

#go_pickin *{
  float:left;
}

#go_pickin form *{
  float:left;
  padding-left:3px;
}

#go_pickin #pl_2 {
	position:absolute;
	right:20px;top:14px;
}

.main_content a img {
  border: 0px;
	float:left;
}

.header_title {
	min-height: 80px;
	margin-bottom:15px;
}


.header_title .image_block {
  float:left;	
  margin-right:10px;
}

.header_title .data_block {
	display:table-cell;
  padding-bottom:10px;
}

.header_title .data_block .title {
  font-size: 20px; 
  line-height: 24px;  
}

.header_title .data_block .hashtag {
  font-size:13px;
  font-weight:normal;
}


.header_title .data_block .desc {
  color:#ADD8E6;
	padding-top:5px;
  width:550px;
}

.header_title .data_block .source {
  color:#ADD8E6;
  padding-top:5px;
  width:550px;
	font-size:10px;
}



.form_tip {
	color: #444;
	float:left;
	font-style: italic;
	font-size:13px;
}

td.column {
	padding:0;
	vertical-align:top;
	height:100%
}

#page_content {
  background-color:#fff;
  padding:0px;
  border-color:#ccc;
  border-style:none solid solid;
  border-width:medium 1px 1px;
}


.main_content {
	width:560px;
	font-size:11px;
}

.sidebar {
  border-left:2px dashed #EFEFEF;
  width:263px;
}

.sidebar_section {
	padding-top: 15px;
  border-top:1px dotted #C0C0C0;
	margin-bottom:15px;
}

#welcome_side {
	font-size:15px;
	width:95%;
}

#sidebar_wrapper {
  padding:5px 10px 10px 15px;
}


/* 
 * Profile Page 
 */

.main_photo img {
	width:48px;
	height:48px;
}

#profile_header {
	padding: 10px;	
	height:80px;
}

#profile_header .profile_name {
	font-size:20px;
	font-weight:bold;
}

.profile .block {
	margin: 5px 5px 5px 0px;
	font-size: 12px;
	padding:2px;
	width:250px;
  float:left;
}

.profile .stats .title {
}

.profile .deets {
  font-size: 12px;
  float:left;
}

.profile .stats {
	padding:10px 5px;
	width: 60px;
	text-align: center;
	float:left;
}

.profile .stats .title {
	font-weight:bold;
}


/* End Profile Page */

/*
 * Loader/Spinner Styles
 */
#ajax-loader {
	text-align:center;
	margin:5px auto;
}


.orange_loader {
  background-image:url('/images/ajax-loader-orange-small-reverse.gif');
	background-repeat:no-repeat;
  height:16px;
  margin:3px;
  width:16px;
}

/* Fave styles */


.panel * {
	color: #ccc;
  float:left;
  background-repeat:no-repeat;
  padding-left:19px;  
}

/*
 * Tweet Widget Styles
 */

#twidget {
  position:fixed;
  bottom:0px;
  right:20px;
  background-color:#333333;
  padding:5px 10px;
  width:220px;
}

#twidget #twidget_tab{
	padding: 3px 0;
	color:#ccc;
}

#twidget .minimize {
	float:right;
	height:14px;
	padding:0 3px;
	width:9px;
}

#twidget .minimize input {
  color:#ADBED8;
	background-color:#ADBED8;
	display:block;
	height:3px;
	overflow:hidden;
	position:relative;
	top:3px;
	width:9px;
	padding:0px;
}


#twidget #twidget_body {
}

#twidget #twidget_body #tweet_box {
	margin-bottom:6px;
	padding:6px;
	position:relative;
}

#twidget #twidget_body #tweet_loader{
  background-image:url(/images/ajax-loader-orange-on-black-small.gif);
	float:right;
}

#twidget #twidget_body .tweet_blank {
  background-color:#EEF8F9;
}

#twidget #twidget_body .tweet_highlight {
  background-color: #ADD8E6;
}

#suggested_tweets {
}

#twidget #tweet_char_count {
	font-size:15px;
	position:absolute;
	left:0px;
	bottom:-26px;
	font-weight:bold;
}

#twidget #twidget_body #tweet_box .negative_number {
	color:#CC0000;
}

#new_tweet_notice {
	background-color:rgb(255, 255, 170);
	padding:2px 2px;
	margin:5px 0px 0px 0px;
}

#twidget #twidget_body #tweet_box #tweet_body {
  height:60px;
  width:200px;
  font-size:12px; 
	border:none;
	overflow:hidden;
}

#twidget #twidget_body #new_tweet #tweet_submit {
  float:right;
	padding:2px;
}

#conversation {
	width:100%;
}

.tweet {
	border-bottom:1px solid #F3F3F3;
	margin:4px 0;
	padding:6px 0px;
	width:100%;
}


.tweet a img {
	border: 0 none;
	float:left;
  margin: 2px 5px 2px 0;
	vertical-align:text-top;
	cursor:pointer;
  width:24px;
	height:24px;
}

.tweet .status {
}


/* 
 * Styles for option details lightbox
 */

#feedback_list {
	background-color:#EEF8F9;
	clear:both;
	height:320px;
	overflow:auto;
  padding:10px 5px;
}

#feedback_list .profile {
	float:left;
	padding:5px;
	width:48px;
	height:58px;
}

#details_tab {
	margin:15px 0 0;
	padding-right:10px;
  height:23px; 
  border-bottom:1px solid #006D95;
  width:500px;
}

.details_tab{
  border-color:#CCCCCC;
  border-style:solid solid none;
  border-width:1px 1px medium;
  cursor:pointer;
  float:right;
  height:18px;
  padding:4px 8px 0;
  text-align:center;
   -webkit-border-top-right-radius: 6px;
   -webkit-border-top-left-radius: 6px;
   -moz-border-radius-topright:6px;
   -moz-border-radius-topleft: 6px;
	 margin:0 1px;
	 font-size:90%;
}
    

.details_tab img {
  vertical-align:text-top;
}

.details_tab a {
  font-size:13px;
  font-weight:bold;
}

.caret {
	background-color:#EEF8F9;
	border-color:#006D95 #006D95 #EEF8F9;
	border-style:solid;
	border-width:1px;
	text-align:center;
  height:18px;
}


.profile_img {
  margin-bottom:3px;
}

.profile_img img{
  width:48px;
	height:48px;
}

.profile_legend {
  height:14px;
  width:48px;
}


#footer {
	clear:both;
	float:left;
	font-size:85%;
	width:100%;
}

#footer ul{
	float:right;
}

#footer li {
	float:left;
	list-style-type:none;
	color:#000;
	padding:10px;
}

#footer li a {
}

#flash {
	font-weight:bold;
	font-size: 120%;
}


/*
 * Facebox Twitter Signin Styles
 */

#fb_signin {
	
}


#fb_signin ul, #fb_signin li {
  margin:8px 10px;
  font-size: 14px;
  list-style: disc;
}

.signin_disabled {
	text-align:left;
	font-size:15px;
	text-decoration:none;
}

/* 
 * Search box styles
 */

.follow_us {
	float:left;
}

#search-form {
	border:1px solid #CDCDCD;
	display:inline;
	float:left;
	height:25px;
	width:196px;
	margin-top:4px;
	margin-left: 185px;
}

#search-form #s {
	border:0 none;
	color:#888888;
	line-height:15px;
	padding:4px 3px;
	width:135px;
	font-size:15px;
	float:left;
}

#search-form input#search_submit {
  text-indent:-9999px;
	border:medium none;
	float:right;
	margin:0;
	padding:0;
  font-size: 0;
  line-height: 0;
}


/*
 * Tabs Styling
 */


ul.subsection_tabs {
	border-bottom:1px solid #DDDDDD;
	height:27px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0;
	padding:0 0 0 15px;
}

ul.subsection_tabs li.tab {
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-color:#CCCCCC;
	border-style:solid solid none;
	border-width:1px;
	float:left;
	line-height:20px;
	margin-right:5px;
	padding:2px 0 0;
	text-align:center;
}

ul.subsection_tabs li.tab a.active {
	border-bottom:1px solid #FFFFFF;
	color:#333333;
}

ul.subsection_tabs li.tab a {
	background-color:#FFFFFF;
	color:#999999;
	display:block;
	font-size:13px;
	font-weight:bold;
	height:24px;
	padding:0 10px;
	text-decoration:none;
}

ul.subsection_tabs li.tab a:hover {
  color:#006D95;
}

/*
 * Google Image Selector Styles
 */

#google_image_selector {
	margin-top:10px;
	width:415px;
	float:left;
}

#google_image_selector .option_image {
	height:40px;
	margin:4px;
	width:40px;
}

#google_image_selector #image_selector_form {
	clear:both;
	margin-bottom:4px;
}

#google_image_selector #image_search_text{
  width:270px;
  float:left;
	height:16px;
}

#google_image_selector #image_refresh_submit {
  margin:0 0 0 4px;
}


/* Main Message Styles */
.main_message {
  background:none repeat scroll 0 0 #006D95;
  padding: 10px;
  color: #EEEEEE;
	position:relative;
}

.main_message a {
	color:#DDDDDD;
}

.welcome_header {
   background:#006D95 url(/images/home_splash.png) no-repeat scroll top center;
   height:180px;
}

.pickin_header {
	 background-position: center -30px;
}

.main_message #home_splash {
  float:left;
	padding: 10px 10px 10px 50px;
	width:550px;
} 


/* Pickin Start Styles */


#p_start input[type="text"]{
  float:left;
  font-weight:normal;
  font-size: 22px;
	height:26px;
	margin:4px 10px 0 0;
}

#p_start .short{
  width:280px;
}

#p_start input[type="submit"]{
  border:none;
  height:44px;
  width:160px;
}

#p_start .p2_submit {
  background:url(/images/make-a-list.png) no-repeat left top;
}

#p_start .p2_twitter_submit {
  background:url(/images/make-a-list-t.png) no-repeat left top;
}

/* Pickin Metadata Styles */


ul.pickinmetadata {
  font-size:10px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0px;
	color: #ddd;
	position:absolute;
	bottom:7px;
}

ul.ops {
  right:5px;
	top:5px;
}

ul.pickinmetadata li.first_item {
  padding-left:0;
}

ul.pickinmetadata li.seperator{
  font-size:16px;
	font-weight:bold;
}
ul.pickinmetadata li {
  line-height:16px;
  float:left;
  padding:0 4px;
}

ul.pickinmetadata li img {
  vertical-align:text-bottom;
	margin-right:3px;
}

/*  Orange Button Styles   */

a.ajax-more {
	display:block;
	font-size:16px;
	margin:10px 10px 15px 0;
	text-indent:-9999px;
}

.round_button {

   -webkit-border-bottom-right-radius: 3px;
   -webkit-border-bottom-left-radius: 3px;
   -moz-border-radius-bottomright:3px;
   -moz-border-radius-bottomleft: 3px;
   -webkit-border-top-right-radius: 3px;
   -webkit-border-top-left-radius: 3px;
   -moz-border-radius-topright:3px;
   -moz-border-radius-topleft: 3px;
}


#tweet-sample {
	color:#333;
	font-size:80%;
	padding: 5px;
	font-style:italic;
	line-height:21px;
  border:2px solid #EFEFEF;
	width:90%;
}

#tweet-sample span {
	padding:2px 0;
	margin:2px;
}

#tweet-sample .list-title {
  background-color:#9ff3e8;
	color: #000;
}

#tweet-sample .list-item {
	background-color:#e3d393;
	color:#000;
}

#tweet-sample .hash {
  background-color:#ace3ba;
  color:#000;
}

/*
 * Share Styles
 */

#pickin_share {
	height:28px;	
  font-size:11px;
}

#twitter_share {
	float:left;
	text-indent:24px;
	line-height:23px;
	text-decoration:none;
	margin-right:5px;
}



/*
 * Activity Stream
 */

 .activity_stream {
 	font-size: 11px;
	margin: 6px 0px;
	line-height: 16px;
  padding-left: 22px;
 }
 
 #list_embed {
  float:left;
  line-height:23px;
  text-decoration:none;
	width: 60px;
	height:23px;
	text-indent: 6px;
	margin-right:5px;
 }
 

.profile {
	overflow:hidden;
}

.profile_details {
  margin: 0 0 0 60px;
  font-size:11px;
}

.profile_details .username {
	font-size:16px;
	font-weight:bold;
  line-height:1.2em;
}

.profile_details .name {
	color:#999999;
}

.profile_details .location {
  color:#999999;
}

.profile_details .bio {
  font-size:11px;
  color:#666;
}

.profile_image {
	overflow:hidden;
	float:left
} 


.profile_image_small {
	width:24px;
	height:24px;
	margin-right:6px;
}

.profile_image_medium {
  width:40px;
  height:40px;
  margin-right:6px;
}

.profile_image_large {
  width:70px;
  height:70px;
  margin-right:6px;
}

img.block_image, i.block_image {
  display:block;
}

.txt_block {
	display:table-cell;
    vertical-align:top;
	color: #666;
	font-size: 11px;
}

.txt_block_actions {
	font-size: 10px;
	color: #999;
}

#relatedlist {
	font-size:11px;
}

#relatedlist table {
  width:230px;
}

#relatedlist table tr {
}

#relatedlist table tr td{
  vertical-align:top;
	padding-bottom:6px;
}

#relatedlist table tr td img{
  padding-top:3px;
}


.google_square {
  position:relative;
  text-align:center;
} 

#make_list_right {
	bottom:8px;
	position:absolute;
	right:25px;	
}

#make_list_left {
  bottom:8px;
  position:absolute;
  left:10px; 
}

a.make_a_list {
	background-image:url("/images/make_a_list_off.png");
	display:block;
	width:150px;
	height:35px;
	text-indent: -9999px;
}

a.make_a_list:hover {
  background-image:url("/images/make_a_list_on.png");
}


/*
 * Stat bar on user page
 */

div.stat_bar {
  position:absolute;
  top:15px;
  right:10px;
}
    
div.stat_bubble {
  background-color:#999999;
  color:#FFFFFF;
  float:left;
  height:36px;
  margin:0 0 10px 10px;
  padding:4px 8px 6px;
}

div.stat_bubble_title  {
font-size:10px;
margin-bottom:2px;
text-align:center;
}

div.stat_bubble_content  {
font-size:25px;
line-height: 25px;
font-weight:bold;
text-align:center;
}