br { clear:both; }
img { border:0px; background:transparent; padding:0px; }
:focus { outline: 0; }
.clear { clear:both; }

.size14 { font-size:14px; }
.size16 { font-size:16px; }
.color9 { color:#999; }
.color7 { color:#777; }
.colorY { color:#ffffcc; }


/* ADMIN */
.greenLink { color:#0AAF86; }
.module .deleteLink, .greenLink { text-decoration:none; }	

a.homefollow { color: #0AAF86; }
a.homefollow:hover { text-decoration: underline; }
a.homefollow:active { color: #666; }

a.deleteLink, a.deleteLink.homefollow { color: #ff0066; }
a.deleteLink:hover, a.deleteLink.homefollow:hover { text-decoration: underline; }
a.deleteLink:active, a.deleteLink.homefollow:active { color: #666; }

/* TOOLSET */
#toolset a {
	background-image: url(../_gfx/toolset-sprite.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 24px; width: 24px;
	margin: 0;
	padding: 0;
}

	#toolset_admin a { background-position: 0 0; }
	#toolset_admin a:hover { background-position: 0 -24px; }
	#toolset_admin.toolset_active a { background-position: 0 -24px; }
	
	#toolset_follow_pair a { background-position: -24px 0; margin-top: 1px; }
	#toolset_follow_pair a:hover { background-position: -24px -24px; }
	
	#toolset_follow a { background-position: -48px 0; }
	#toolset_follow a:hover { background-position: -48px -24px; }
	
	#toolset_network_join a { background-position: -72px 0; margin-top: 1px; }
	#toolset_network_join a:hover { background-position: -72px -24px; }
	
	#toolset_network_leave a { background-position: -96px 0; margin-top: 1px; }
	#toolset_network_leave a:hover { background-position: -96px -24px; }

#toolset_menu {
	color: #ccc;
	display: none;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: 10px;
	margin-right: 25px;
	overflow: hidden;
	position: fixed;
	width: 100px;
    z-index: 99999;
}
    
    #toolset_menu a {
    	background: #000;
        border-bottom: 1px solid #333;
        color: #999;
        display: block;
        height: 24px;
        line-height: 24px;
        overflow: hidden;
        padding: 0 10px;
        text-decoration: none;
    }
    
    #toolset_menu a:hover {
        background: #333;
        color: #fff;
    }
    
    #toolset_menu a:active {
        padding-top: 1px;
        height: 23px;
    }
    
    #toolset_menu a.toolset_first {
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    
    #toolset_menu a.toolset_last {
        border-bottom: 0;
        padding-bottom: 1px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }




.nav_logo { margin-top:30px; }
.nav_tab { position:absolute; z-index:5; top:0px; left:0px; padding-top:5px; }
.nav_content { color:#666; font-family:Arial; font-size:12px; margin-top:45px; line-height:16px; }
.nav_teaser { padding:25px 30px 0px 25px; border-top:1px solid #ccc; color:#333; font-size:12px; line-height:19px;  }
.nav_teaser a, .agreement_content a, .featured_browser a { color:#000; font-size:12px; text-decoration:underline; font-weight:normal; }
.nav_teaser a:hover, .agreement_content a:hover, .featured_browser a:hover { color:#0AAF86; text-decoration:underline; }
.nav_teaser a:active, .agreement_content a:active, .featured_browser a:active { color:#FF3333; text-decoration:underline; }
.nav_search { font-size:11px; color:#999; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 10px 7px 25px; }
.nav_search input.search { width:152px; padding:2px; font-size:12px;  }
.nav_search input.submit { font-size:13px; font-weight:bold; border:0px none; background:#f2f2f2; color:#000; padding:0px; font-family:Arial; cursor:pointer; }
.nav_search .radios { padding-top:6px; }

.nav_info_txt {
	background: #fff;
	border-bottom: 1px solid #ccc;
	color: #999;
	font-size: 12px;
	padding: 20px 10px 20px 25px;
	line-height: 19px;
}

	.nav_info_txt ul#info_txt_list {
		border-left: 1px solid #dadada;
		list-style: none;
		margin: 0;
		padding: 0 0 0 11px;
	}
	
	ul#info_txt_list li.line_break {
		margin-bottom: 1.2em;
	}
	
	ul#info_txt_list li.external a {
		color:#888;
		text-decoration: underline;
	}
	
	ul#info_txt_list li.external a:hover {
		color: #00c462;
	}
	
	ul#info_txt_list li.external a:active {
		color: #999;
	}
	
	.nav_info_txt a {
		color: #333;
		text-decoration: none;
	}
	
	.nav_info_txt a:hover {
		color: #0AAF86;
		text-decoration: underline;
	}
	
	.nav_info_txt a:active {
		color: #999;
	}

.nav_status_txt { border-bottom: 1px solid #ccc; font-size:11px; padding:15px 10px 15px 25px; color:#999; line-height:19px; }
.nav_status_txt a { color:#333; text-decoration:underline; }
.nav_status_txt a:hover { color:#0AAF86; }
.nav_status_txt a:active { color:#ff3333; }
.nav_status_txt_bolt { padding-right:6px; margin-bottom:-5px; }
.nav_footer { font-size:11px; color:#999; position: fixed; left: 25px; bottom:20px; }
.nav_footer a { color:#999; text-decoration:underline; }
.nav_footer a:hover { color:#0AAF86; }
.nav_footer a:active { color:#ff3333; }
.nav_sticker { position: fixed; top:57px; left:206px; z-index:201; }

.featured_browser a:hover {
	color: #00AF8A;
}

.tabnav { border-top:1px solid #ccc; color:#333; font-weight:bold; text-decoration:none; cursor:pointer; padding:11px 0px 11px 25px; }
.tabnav:hover { text-decoration:underline; background: #e4e4e4; } 
.tabnav.selected { color:#777; background:#fff; text-decoration:none; font-weight:normal; }

a#tab_showcase {
	display: block; border-top:1px solid #ccc; color:#333; font-weight:bold; text-decoration:none; cursor:pointer; padding:11px 0px 11px 25px;
}

a#tab_showcase:hover {
	background: #e4e4e4;
}

	#tab_showcase .new_tag {
		background: #00c462;
		color: #f2f2f2;
		font-size: 11px;
		line-height: 10px;
		font-weight: normal;
		font-family:arial, sans-serif;
		padding: 1px 5px 2px 4px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		margin-left: 5px;
		text-transform: lowercase;
		text-decoration: none !important;
	}



/* Following page
***********************************************************************************************************/

	body.following {
		background: #fff;
		color: #ccc;
		font-family: Arial, sans-serif;
		font-size: 12px;
		margin: 0;
		line-height: 150%;
		padding: 0;
		visibility: visible;
	}
	
	
	
	
	
	/* Following page > Following header
	*******************************************************************************************************/

		#following_header {
			background: #000;
			font-family: Arial, sans-serif;
			font-size: 14px;
			height: 60px;
			line-height: 60px;
			padding: 0 15px;
			position: fixed;
			left: 0; top: 0; right: 0;
			z-index: 99;
		}
		
			#following_header div {
				float: left;
			}
			
				#following_header a {
					text-decoration: none;
				}
				
				#following_header a:hover {
					text-decoration: underline;
				}
				
			#following_favicon {
				background: #fff;
				height: 16px;
				margin: 20px -5px 0 15px;
				overflow: hidden;
				padding: 2px;
				width: 16px;
				
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;	
			}
		
			#following_name {
				margin: 0 15px 0 15px;
			}
			
				#following_name a {
					color: #0aaf86;
				}
				
					#following_name a:hover {
						color: #fff;
					}
				
					#following_name a:active {
						color: #999;
					}
					
			.following_arrow {
				color: #999;
				font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
				margin: 0 6px 0 0;
				line-height: 61px;
			}
					
			#following_sections {
				margin: 0 5px 0 0;
			}
				
				#following_sections a.section_link {
					background: none;
					color: #ccc;
					margin-right: 8px;
					padding: 5px 8px 6px 9px;
					
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;	
				}
					
					#following_sections a.section_link span.count {
						color: #777;
						font-weight: normal;
					}
				
					#following_sections a.section_link:hover {
						text-decoration: none;
					}
					
						#following_sections a.section_link:hover span.section_label {
							color: #fff;
							text-decoration: underline;
						}
					
					#following_sections a.section_link:active {
						color: #999;
					}
					
						#following_sections a.section_link:active span.section_label {
							color: #999;
							text-decoration: underline;
						}
						
				#following_sections a.section_link.active {
					background: #2e2e2e;
				}
				
					#following_sections a.section_link.active span.count {
						color: #777;
						font-weight: normal;
					}
				
					#following_sections a.section_link.active:hover {
						background: #2e2e2e;
						color: #fff;
					}
					
						#following_sections a.section_link.active:hover span.section_label {
							color: #ccc;
							text-decoration: none;
						}
					
					#following_sections a.section_link.active:active {
						background: #1a1a1a;
						color: #666;
					}
					
						#following_sections a.section_link.active:active span.count {
							color: #777;
						}
						
					#following_sections a#discussions.active {
						margin-left: 10px;
					}
					
				#following_header #following_loadspin {
					display: none;
					float: right;
					margin-right: 15px;
				}
				
					#following_header #following_loadspin img {
						margin-top: 20px;
					}
						
				#following_header #follow_links {
					border-left: 1px solid #444;
					height: 60px;
					padding-left: 20px;
					float: right;
					margin-right: 15px;
				}
				
					#follow_links img {
						margin-right: 5px;
						vertical-align: text-bottom;
					}
				
					#follow_links a#follow_link {
						color: #0aaf86;
					}
					
						#follow_links a#follow_link:hover {
							color: #fff;
						}
						
						#follow_links a#follow_link:active {
							color: #999;
						}
						
					#follow_links a#unfollow_link {
						color: #f06;
						margin-left: 10px;
					}
					
						#follow_links a#unfollow_link:hover {
							color: #fff;
						}
						
						#follow_links a#unfollow_link:active {
							color: #999;
						}
						
						
						
						
						
	/* Following page > Following content
	*******************************************************************************************************/
	
		.follow_container {
			margin: 95px 0 0 30px;
		}
		
			.home.follow_container { /* Only applied to the featured sites area on the homepage */
				margin-top: 0;
				position: absolute;
				top: 118px; left: 261px;
			}
		
			.follow_container .module {
				display: block;
				float: left;
				height: 180px; 
				margin: 0 30px 30px 0;
				position: relative;
				text-align: left;
				width: 200px;
			}
			
				.follow_container .cardimgcrop {
					background: #1a1a1a;
				}
				
					.follow_container .cardimgcrop:hover{
						outline: 1px solid #454545;
						outline-offset: 2px;
					}
				
				.follow_container .follow_crop {
					background: #f5f5f5;
					height: 134px;
					margin-bottom: 1px;
					overflow: hidden;
					width: 200px;
				}
				
					.follow_container .follow_crop:hover{
						outline: 1px solid #ccc;
						outline-offset: 2px;
					}
					
				.follow_container .project_info { 
					color:#666;
					font-family: Arial, sans-serif;
					font-size: 12px;
					line-height: 1.5em;
					height: 3em;
					margin-right: 35px;
					overflow: hidden; 
					padding-top: 10px;
				}
				
				.following_load {
					background-color: #ccc;
					position: absolute;
					top: 144px; right: 0;
					width: 20px; height: 20px;
					
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
				}
				
					.following_load.homefollow {
						background-color: #333;
					}
				
					.following_load img {
						margin: 5px;
						width: 10px; height: 10px;
					}
				
				.module:hover a.addLink, .module:hover a.deleteLink  {
					display: block;
				}
				
				a.addLink {
					background-color: #0AAF86;
					background-image: url(../_gfx/following-synapse-white.png);
					background-repeat: no-repeat;
					background-position: center;
					color: #fff;
					display: none;
					font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
					font-size: 10px;
					margin-left: 10px;
					overflow: hidden;
					position: absolute;
					top: 144px; right: 0;
					text-align: center;
					text-decoration: none !important;
					text-transform: uppercase;
					text-indent: -9999px;
					width: 20px; height: 20px;
					
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
				}
				
					a.addLink.homefollow {
						background-color: #0AAF86;
						background-image: url(../_gfx/following-synapse.png);
						color: #111;
					}
				
				a.addLink:hover {
					background-color: #222;
					color: #fff;
				}
				
					a.addLink.homefollow:hover {
						background-color: #ddd;
						color: #111;
					}
				
				a.addLink:active {
					background-color: #999;
				}
				
					a.addLink.homefollow:active {
						background-color: #666;
					}
				
				a.deleteLink {
					background-color: #ccc;
					background-image: url(../_gfx/following-close-white.gif);
					background-repeat: no-repeat;
					background-position: center;
					color: #fff;
					display: none;
					font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
					font-size: 10px;
					line-height: 20px;
					margin-left: 10px;
					overflow: hidden;
					position: absolute;
					top: 144px; right: 0;
					text-align: center;
					text-decoration: none !important;
					text-transform: uppercase;
					text-indent: -9999px;
					width: 20px; height: 20px;
					
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
				}
				
					a.deleteLink.homefollow {
						background-color: #333;
						background-image: url(../_gfx/following-close.gif);
						color: #111;
					}
				
				a.deleteLink:hover {
					background-color: #f06;
					color: #fff;
				}
				
					a.deleteLink.homefollow:hover {
						background-color: #f06;
						color: #111;
					}
				
				a.deleteLink:active {
					background-color: #999;
				}
				
					a.deleteLink.homefollow:active {
						background-color: #666;
					}
				
		.nofollow_container {
			margin: 90px 0 0 35px;
		}
		
		.follow_pagination  {
			clear: both;
			color: #999;
			font-size: 12px;
			padding: 0 10px 40px 0;
			z-index: 11;
		}
		
			.follow_pagination a {
				color: #00AF8A;
			}
			
				.follow_pagination a:hover {
					color: #999;
				}
				
				.follow_pagination a:active {
					color: #f30;
				}
		
		



	
/* Signup page
***********************************************************************************************************/

	#application_form {
		color: #999;
		font-size: 14px;
		position: relative;
		margin-left: 300px;
		padding: 30px 0 0 0;
	}
	
		#application_form a {
			color:#999;		
		}
		
		#application_form a:hover {
			color:#fff;
		}
		
		#application_form a:active {
			color:#666;
		}
	
	#application_note {
		height: 122px;
		width: 560px;
		margin-top:-5px;
	}
	
	#application_form_items {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#application_form_items li {
		margin: 8px 0 0 0;
	}
	
	#application_form_items h3 {
		color: #D0BFA6;
		font-size: 12px;
		font-weight: normal;
		line-height: 1.5em;
		margin: 0px;
		padding: 0px;
	}
	
	#application_form textarea {
		line-height: 1.5em !important;
		padding-right: 100px;
		max-width: 600px;
	}
	
	#application_form input, #application_form textarea { 
		background:#1f1f1f;
	    color:#777; 
	    border-color: #333;
	    border-style: solid;
	    border-width: 2px;
	    -webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 0 5px; 
		color:#999; 
		font-family: Arial, sans-serif !important;
		font-size:14px; 
		height: 31px;
		margin: 0;
		width: 540px;
		
		
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding-box;
	}
	
	#application_form input:focus, #application_form textarea:focus { 
	 	background-color:#f2f2f2; 
	 	border-color: #f2f2f2 !important;
	    border-style: solid;
	    border-width: 2px; 
	 	color:#000 !important; 
	 }
	 
	#application_form input.signup_button { 
		background:#0AAF86;
	    color:#212121;
	    cursor: pointer;
	    border:2px solid #0AAF86; 
	    -webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding:5px; 
		font-family: Arial, sans-serif !important;
		font-size:14px; 
		width:270px; 
	}
		
		#application_form input.signup_button:hover {
			background-color: #f2f2f2;
			border-color: #f2f2f2 !important;
		}
		
		#application_form input.signup_button:active {
			background-color: #999;
			border-color: #999 !important;
			margin: 1px 0 -1px;
		}
		
	#application_form input.apply_button { 
		background:#0AAF86;
	    color:#212121;
	    cursor: pointer;
	    border:2px solid #0AAF86; 
	    -webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding:5px; 
		font-family: Arial, sans-serif !important;
		font-size:14px; 
		width:270px; 
	}
		
		#application_form input.apply_button:hover {
			background-color: #fff;
			border-color: #fff !important;
		}
		
		#application_form input.apply_button:active {
			background-color: #999;
			border-color: #999 !important;
			margin: 1px 0 -1px;
		}





/* Audio component
***********************************************************************************************************/

	.audio_component {
	    cursor: default;
	    float: left;
	    margin: 0 15px 15px 0;
	    position: relative;
	}
	
	    .audio_component div {
	    	float: left;
	    }
	
	    .audio_component .border {
	    	position: absolute;
	    	width: 296px;
	    	z-index: 1;
	    }
	
	    .audio_component .vertical_border {
	    	height: 100%;
	    	width: 1px;
	    }
	
	    .audio_component .controls {
	    	position: absolute;
	    	width: inherit;
	    	z-index: 2;
	    }
	
	    	.audio_component .play_pause {
	    		background-position: -81px center;
	    		background-repeat: no-repeat;
	    		cursor: pointer;
	    		display: block;
	    		width: 35px;
	    	}
	
	    	.audio_component .play {
	    		background-position: -81px center;
	    	}
	
	    	.audio_component .pause {
	    		background-position: -16px center;
	    	}
	
	    .audio_component .info {
	    	position: relative;
	    	width: 202px;
	    }
	
	    .audio_component .href {
	    	display: none;
	    	position: absolute;
	    	visibility: hidden;
	    }
	
	    .audio_component .spectrum {
	    	height: 100%;
	    	margin-left: 1px;
	    	margin-right: 2px;
	    	overflow: hidden;
	    	position: absolute;
	    	width: 100%;
	    }
	
	    	.audio_component .spectrum .spectrum_bar {
	    		position: absolute;
	    	}
		.audio_component .progress_clip {
			z-index:2;
		}
	    .audio_component .loading {
	    	position: absolute;
	    	top: 0; left: 0;
			z-index:1;
	    }
	
	    .audio_component .glass {
	    	height: 100%;
	    	opacity: 0.0;
	    	position: absolute;
	    	width: 100%;
	
	    	filter: alpha(opacity=0);
	    	-moz-opacity: 0.0;
	    	-khtml-opacity: 0.0;
	    }
	
	    .audio_component .position {
	    	overflow: hidden;
	    	position: relative;
	    	width: inherit;
			z-index:4;
	    }
	
	    .audio_component .position .playhead {
	    	cursor: ew-resize;
	    	cursor: -moz-grab;
	    	cursor: grab;
	    	position: relative;
	    }
	
	    .audio_component .progress {
	    	position: absolute;
	    }
	
	    .audio_component .text {
	    	display: hidden;
	    	left: 0;
	    	overflow: hidden;
	    	padding: 0 10px 0 10px;
	    	position: absolute;
	    	white-space: nowrap;
	    	width: 90%;
			z-index:3;
	    }
	
	    .audio_component .volume {
	    	cursor: ns-resize;
	    	cursor: -moz-grab;
	    	cursor: grab;
	    	float: right;
	    	overflow: hidden;
	    	position: relative;
	    	width: 57px;
	    }
	
	    .audio_component .volume_slide {
	    	position: absolute;
	    	width: 100%;
	    }
	
		.audio_component .volume_slide.hover {
	
		}
	
	.drag_ew {
	    cursor: ew-resize;
	    cursor: -moz-grab;
	    cursor: grab;
	}
	
	.drag_ns {
	    cursor: ns-resize;
	    cursor: -moz-grab;
	    cursor: grab;
	}
	
	#sm2movie, #sm2-container {
	    
	}