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.following_page {
	color: #f06;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 9px;
	padding: 1px 2px;
	text-transform: uppercase;
}

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_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;
    }

/* FOLLOWING PAGE STYLES */
body.following { background-color: #fff; color: #ccc; font-family:Arial; font-size:12px; margin:0px; line-height:150%; height:100%; width:100%; }
.following #content_container { position:absolute; left:0px; top:64px; margin:0px; z-index:10; }
.follow_container {  margin-top:95px; margin-left:30px; }
.follow_container .module { float:left; text-align: center; width:200px; height:200px; margin-right: 30px; }
.follow_container .cardimgcrop { background: #1a1a1a; }
.follow_container .cardimgcrop:hover{ outline: 1px solid #454545; outline-offset: 2px; }
.follow_container .project_info { font-family: Arial, sans-serif; font-size: 12px; color:#666; padding-top:10px; line-height:140%; }
.nofollow_container {  margin-top:90px; margin-left:35px; }
.home.follow_container {  position:absolute; top:118px; left:261px; margin-top:0px; }
.homefollow { font-size:9px; }
.follow_pagination  { font-size:12px; color:#999; z-index:11; clear:both; padding:20px 10px 40px 10px; }
.follow_pagination a { color:#00AF8A; padding:2px 3px 3px 3px; }
.follow_pagination a:hover { color:#999; }
.follow_pagination a:active { color:#f30; }
.follow_crop { height: 134px; width: 200px; overflow: hidden; background: #f5f5f5; }

/* FOLLOWING HEADER STYLES */
.following_header { position:fixed; left:0px; top:0px; width:100%; height:60px; border-bottom:0px solid #ccc; z-index:11; background:#1e1e1e; }
.following_header_text { padding-left:35px; padding-top:17px; font-size:20px; }
.following_header_text a { line-height:24px; }
#following_header_follow { position:fixed; left:775px; top:22px; font-size:11px; font-weight:bold; z-index:11; }
#following_header_bolt { position:fixed; left:755px; top:25px; font-size:11px; z-index:11; }
.followlink { color:#666; position:fixed; left:520px; top:22px; width:200px; text-align:right; font-size:11px; }

.followframe { position:fixed; left:755px; top:25px; font-size:11px; z-index:11; background-color:#1e1e1e; }
#following_header_follow._ext { position:fixed; left:20px; top:0px; font-size:11px; z-index:11; }
#following_header_bolt._ext { position:fixed; left:0px; top:1px; font-size:11px; z-index:11; }


/* FOLLOWING LINK STYLES */
.following .thumb_type a, .following .nav_container a { color:#0066ff; text-decoration:underline; font-style:normal; }
.following .nav_container a:hover { color:#000; background:#fff; text-decoration:none; }
.following .thumb_type a:hover { color:#000; background:#fff; text-decoration:underline; }
.following .thumb_type a:active, .following .nav_container a:active { color:#fff; background:#000; }
.followlink a { color:#ccc; text-decoration:underline; }




.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: #0AAF86;
	}
	
	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; } 





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

/* How it works grid */

.grid_one, .grid_two {
	float: left;
	margin: 0 20px 70px;
}

.grid_one {
	width: 670px
}

.grid_two {
	width: 315px;
}





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

/* How it works grid */

.grid_one, .grid_two {
	float: left;
	margin: 0 20px 70px;
}

.grid_one {
	width: 670px
}

.grid_two {
	width: 315px;
}

.grid_one.howitworks_designs {
	width: 710px
}

	.howitworks_designs .design_browser_design {
		margin-right: 33px !important;
		margin-bottom: 0 !important;
	}
	
#howitworks_content {
	position: relative;
	margin-left: 280px;
	padding: 30px 0 0 0;
	width: 710px;
}

#howitworks_content a {
	color:#999;
}

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

#howitworks_content a:active {
	color:#666;
}

#howitworks_title {
	border: 0;
	display: block;
	margin-bottom: 80px;
	margin-left: 20px;
}

.howitworks_intro {
	color: #999;
	/* font-size: 14px; */
	padding-right: 25px;
	width: 290px;
}





/* Browse designs page
***********************************************************************************************************/

#browse_designs_content {
	position: relative;
	margin-left: 300px;
	padding: 30px 0 0 0;
}

#browse_designs_title {
	border: 0;
	display: block;
	margin-bottom: 83px;
}

	.design_browser_design {
		float: left;
		height: 358px;
		margin: 0 35px 70px 0;
		position: relative;
		width: 318px;
	}
	
	.design_browser_design .design_title {
		background: url(../_gfx/homeimg/browser-top.gif);
		color: #1e1e1e;
		display: block;
		font-size: 12px;
		font-family: Arial, sans-serif;
		font-weight: bold;
		height: 24px;
		line-height: 24px;
		padding-left: 15px;
		text-align: center;
		width: 303px;
	}
	
	.design_browser_design a {
		background: transparent !important;
		display: block;
		font-size: 12px;
		font-weight: bold;
		height: 318px;
		text-decoration: none !important;
		width: 318px;
		z-index: 2;
	}
	
	
		.design_browser_design img {
			opacity: 1;
		}
	
		.design_browser_design a span.preview_design {
			background: #ff3a40;
			color: #fff;
			display: block;
			height: 30px;
			line-height: 30px;
			margin: 135px 97px;
			opacity: 0;
			position: absolute;
			top: 26px; right: 1px; bottom: 8px; left: 1px;
			text-align: center;
			text-decoration: none;
			width: 124px;
			z-index: 2;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
	
		.design_browser_design a:hover span.preview_design {
			opacity: 1;
		}
		
		.design_browser_design a:active span.preview_design {
			margin: 136px 97px 134px;
		}
		
		.design_browser_design a:hover img {
			opacity: 0.65;
		}
		
		.design_browser_design a:active img {
			opacity: 0.5;
		}
		
		.design_footer {
			background: url(../_gfx/homeimg/browser-bottom.gif);
			height: 8px;
		}
		
	.design_browser_footer {
		clear: both;
	}
	
/* 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 {
    
}