body
{
	margin: 0px;
	font-family: "Segoe UI", "HelveticaNeue","Helvetica", "Arial", sans-serif;
	overflow-x: hidden;
	overflow-y: scroll;
}

.pagebackground
{
	width: 954px;
	position: absolute;
	left: 50%;
	margin-left: -477px;
	z-index: 99;
}

.page
{
	width: 954px;
}

.header
{
	top: 0px;
	width: 954px;
	height: 80px;
	z-index: 99;
}

.header .button a
{
	text-decoration: none;
}

.header .button:hover
{
	color: #0080FF;
}

.header .button
{
	display: inline-block;
	height: 80px;
	text-align: center;
	color: #0054A8;
	line-height: 80px;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
}

.header .button a
{
	position: relative;
	left: 0px;
	top: 29px;
}

.header .button img
{
	position: relative;
	left: 41px;
	top: 22px;
}

.header .signedin
{
	left: 20px;
	vertical-align: top;
}

.header .signedin a
{
	left: 20px;
	top: 9px;
}

.header .actions
{
	position: absolute;
	right: 60px;
}

.header .logo
{
	display: inline-block;
	position: relative;
	left: 60px;
	top: 25px;
	vertical-align: top;
}

.band_shadow_top
{
	background-image: url("/shared/images/index/band_shadow_top.png");
	background-repeat: repeat-x;

	position: absolute;
	top: 80px;
	width: 100%;
	height: 27px;
	z-index: 98;
}

.band_shadow_bottom
{
	background-image: url("/shared/images/index/band_shadow_bottom.png");
	background-repeat: repeat-x;
	position: absolute;
	top: 452px;
	width: 100%;
	height: 54px;
	z-index: 98;
}

.band_static
{
	background-image: url("/shared/images/index/band_background.png");
	background-position: center;
	height: 426px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 80px;
}

.band
{
	color: white;
	height: 426px;
	width: 954px;
}

.band .screenshot
{
	margin-left: 542px;
	position: absolute;
	top: 114px;
	width: 370px;
	height: 392px;
	background-image: url("/shared/images/index/band_screenshot.png");
	background-repeat: no-repeat;
}

.band .screenshot.osx
{
	background-image: url("/shared/images/index/band_screenshot_osx.png");
}

.band .screenshot.linux
{
	background-image: url("/shared/images/index/band_screenshot_ubuntu.png");
}

.band .news 
{
	font-size: 16px;
	text-shadow: 0px 1px 1px #333;
	position: absolute;
	left: 58px;
	top: 416px;
	width: 420px;
}

.band .news a
{
	color: white;
	text-decoration: none;
}

.band .port
{
	position: relative;
	opacity: 0;

	left: 290px;
	top: 260px;
	width: 34px;
	height: 40px;
	margin-right: 10px;
	display: none;
}

.band .title
{
	position: absolute;
	left: 57px;
	top: 181px;

	font-size: 44px;
	text-shadow: 0px 2px 2px #333;
	letter-spacing: -2px;
	font-family: "Segoe UI Light", "Segoe UI", "Helvetica", "Arial", sans-serif;
}

.band .subtitle
{
	font-size: 16px;
	text-shadow: 0px 1px 1px #333;
	position: absolute;
	left: 58px;
	top: 256px;
	opacity: 0.90; 
	width: 420px;
}

.band .subtitle a
{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.band .subtitle a:hover
{
	text-decoration: underline;
}

.band .download
{
	position: absolute;
	left: 54px;
	top: 327px;
	width: 210px;
}

.band .gopro
{
	position: absolute;
	left: 274px;
	top: 327px;
	width: 210px;
}

.text_header
{
	font-size: 48px;
	text-align: center;
	margin: 24px;
	margin-left: 0px;
	margin-right: 0px;
	letter-spacing: -3px;
	color: #555;
	width: 954px;
}

.feature_hr_shadow
{
	position: relative;
	height: 1px;
	max-height: 1px;
	background-repeat: no-repeat;
}

.feature_right
{
	height: 269px;
	width: 954px;
}

.feature_right img
{
	margin-top:15px;
}

.feature_left img
{
	margin-top:15px;
}

.feature_right .feature
{
	font-size: 24px;
	font-weight: bold;
	font-family: "Segoe UI Light", "Segoe UI", "Helvetica", "Arial", sans-serif;
	width: 572px;
	margin-left: 60px;
	padding-top: 37px;
	line-height: 60px;
	color: #666;
}

.feature_right .content
{
	font-size: 16px;
	width: 572px;
	margin-left: 60px;
	line-height: 30px;
	color: #747474;
	text-align: justify;
}

.feature_right .image
{
	float: right;
	margin: 40px;
	margin-right: 60px;
}

.feature_right .content a 
{ 
     color: #747474; 
     text-decoration: none; 
     font-weight: bold; 
} 
 
.feature_right .content a:hover 
{ 
     text-decoration: underline; 
}

.feature_left
{
	height: 269px;
	width: 954px;
}

.feature_left .feature
{
	font-size: 24px;
	font-weight: bold;
	font-family: "Segoe UI Light", "Segoe UI", "Helvetica", "Arial", sans-serif;
	width: 594px;
	padding-top: 37px;
	line-height: 60px;
	margin-left: 300px;
	color: #666;
}

.feature_left .content
{
	font-size: 16px;
	width: 594px;
	line-height: 30px;
	margin-left: 300px;
	color: #747474;
	text-align: justify;
}

.feature_left .content a
{
	color: #747474;
	text-decoration: none;
	font-weight: bold;
}

.feature_left .content a:hover
{
	text-decoration: underline;
}


.feature_left .image
{
	float: left;
	margin: 40px;
}

.feature_columns
{
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 60px;
	width: 954px;
}

.feature_column_1
{
	margin-left: 60px;
	margin-right: 40px;
	width: 395px;
	display: inline-block;
	text-align: justify;
}

.feature_column_2
{
	width: 395px;
	display: inline-block;
	text-align: justify;
}

.feature_columns .image
{
	text-align: center;
}

.feature_columns .feature
{
	font-size: 20px;
	font-weight: bold;
	color: #666;
	font-family: "Segoe UI Light", "Segoe UI", "Helvetica", "Arial", sans-serif;
	text-align: center;
}

.feature_columns .content
{
	font-size: 16px;
	color: #747474;
	margin-top: 10px;
	line-height: 30px;
}

.footer
{
	height: 60px;
	width: 954px;
	margin-left: 0px;
}

.footer .copyright
{
	font-size: 12px;
	font-weight: bold;
	color: #AAA;
	text-shadow: 0px 1px #FFFFFF;
	float: left;
	margin: 24px;
	margin-left: 60px;
	margin-bottom: 0px;
}

.footer .links
{
	float: right;
	margin: 24px;
	margin-right: 46px;
	margin-bottom: 0px;
	color: #AAA;
	font-size: 12px;
	text-shadow: 0px 1px #FFFFFF;
}

.footer .links a
{
	margin: 20px;
	text-decoration: none;
	color: #AAA;
}

.footer .links a:hover
{
	text-decoration: underline;
}

.footer .links a:visited
{
	color: #AAA;
}

.signin_overlay
{
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 99;

	background: rgba(0, 0, 0, 0.666);
	background: -webkit-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.375) 1%, rgba(0, 0, 0, 0.8) 100%);
	background: -moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.375) 1%, rgba(0, 0, 0, 0.8) 100%);
	background: -o-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.375) 1%, rgba(0, 0, 0, 0.8) 100%);

	display: none;
}

.signin_panel
{
	background-image: url("/shared/images/download/download_panel.png");
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -140px 0 0 -175px;
	z-index: 99;
	width: 350px;
	height: 280px;

	display: none;
}

.signin_panel .footer
{
	width: 100%;
	height: 38px;
	position: absolute;
	bottom: 0px;
}

.signin_panel .footer .links
{
	text-align: center;
	margin: 10px;
	float: none;
}

.signin_panel .text_subheader
{
	font-family: "Segoe UI Light", "Segoe UI", "Helvetica", "Arial", sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	margin-top: 20px;
	color: #666;
}

.form input[type="text"], .form input[type="password"], .form input[type="email"]
{
	width: 184px;

	padding: 8px 7px;
	border: 1px solid #BBB;
	border-radius: 4px;
}

.form input.error, .form textarea.error, .form select.error
{
	outline: none;
	border-color: #b84848;
	box-shadow: 0 0 10px #B84848;
}

.form input.error:focus, .form textarea.error:focus, .form select.error:focus
{
	outline: none;
	border-color: #b84848;
	box-shadow: 0 0 10px #B84848;
}

.form input:focus, .form textarea:focus
{ 
	outline: none;
	border-color: #9ecaed;
	box-shadow: 0 0 10px #9ecaed;
}

select:focus 
{ 
	outline: none;
	border-color: #9ecaed;
	box-shadow: 0 0 10px #9ecaed;
}

form
{
	margin-bottom: 8px;
}

.form a
{
	text-decoration: none;
	font-weight: bold;
	color: #666;
}

.form a:hover
{
	text-decoration: underline;
}

.form .item_helper
{
	margin-left: 105px;
	font-size: 12px;
	line-height: 20px;
}

.form .item_helper_full
{
	margin: 20px;
	font-size: 12px;
	line-height: 20px;
}

.form .value
{
	position: absolute;
	left: 125px;
}

.form input.short 
{
	width: 24px;
}

.form input.short146 
{
	width: 130px;
}

.form input.short120 
{
	width: 104px;
}

.form input.short69 
{
	width: 53px;
}

.nobold
{
	font-weight: normal;
}

.indented100
{
	margin-left: 100px;
}

.form input[type='checkbox']
{
	margin-top: 10px;
	position: relative;
	left: auto;
	width: auto;
}

label
{
	-webkit-user-select: none;
	font-size: 12px;
}

.form
{
	margin: 20px;
	color: #666;
}

.form .label
{
	margin-bottom: 20px;
	line-height: 40px;	
}

.loading
{
	display: none;
	text-align: center;
	margin-top: 80px;
}

#signin_popup
{
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 36px;
}

#signin_menu, #signedin_menu
{
	background-color: rgb(244,248,251);
	border: 1px solid rgba(0,0,0,0.2);

	position: fixed;
	top: 69px;
	left: 50%;
	right: 0px;
	width: 167px;
	z-index: 99;

	margin-left: 247px;

	display: none;
	opacity: 0;
}

#signin_menu hr, #signedin_menu hr
{
	border: 0;
	width: 80%;
	height: 1px;
	border-top: 1px solid #F4E8E5;
}

.signin_menu_item
{
	color: #666;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	margin: 10px;
	font-size: 12px;
	text-shadow: 0px 1px 1px white;
	font-family: "Segoe UI", "HelveticaNeue","Helvetica", "Arial", sans-serif;
	display: block;
}

.signin_menu_item:hover
{
	color: #999;
}

#signin_avatar
{
	display: inline-block;
	background-image: url("/shared/images/index/avatar_frame.png");
	width: 36px;
	height: 36px;
	position: absolute;
	top: 23px;
}

#signin_img
{
	border: 0;
	border-radius: 14px;
	position: relative;
	top:4px;
	left:4px;
}

.width350
{
	width: 350px;
}

#forgot_username_form
{
	display: none;
}

#forgot_password_form
{
	display: none;
}

.button_gray, .button_blue
{
	color: white;
	background-repeat: no-repeat;
	display: inline-block;
	width: 155px;
	height: 52px;

	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 1px 1px #666;
	line-height: 47px;

	text-decoration: none;
	cursor: pointer;
}

.button_gray
{
	background-image: url("/shared/images/index/button_gray.png");
}

.button_gray:hover
{
	background-image: url("/shared/images/index/button_gray_hover.png");
}

.button_gray:active
{
	background-image: url("/shared/images/index/button_gray_push.png");
}

.button_blue
{
	background-image: url("/shared/images/index/button_blue.png");
}

.button_blue:hover
{
	background-image: url("/shared/images/index/button_blue_hover.png");
}

.button_blue:active
{
	background-image: url("/shared/images/index/button_blue_push.png");
}

.button_blue.disabled, .button_blue.disabled:hover, .button_blue.disabled:active
{
	background-image: url("/shared/images/index/button_gray.png");
}

.button_blue.disabled
{
	color: white;
	cursor: progress;
}

#signin_popup_text
{
	min-width: 60px;
	max-width: 200px;
	text-overflow: ellipsis;
	overflow: hidden;
}

a:focus 
{ 
	outline: none; 
}

.button_blue img
{
	position: relative;
	top: 2px;
}

.error_message_placeholder
{
	line-height: 22px;
}

.error_message
{
	font-size: 12px;
	text-align: left;
	margin-left: 105px;
	margin-bottom: 10px;
	color: #B84848;
	line-height: 20px;
	display: none;
}

.error_message a
{
	color: #B84848;
}

.alert
{
	position: absolute;
	right: 25px;
	top: 20px;
}

select
{
  	-webkit-appearance: button;
	
	width: 200px;

	padding: 8px 7px;
	border: 1px solid #BBB;
	border-radius: 4px;

	cursor: pointer;
}

select option
{
	line-height: 30px;
}

@media all and (-webkit-min-device-pixel-ratio: 2) 
{

.band .screenshot
{
	background-size: 370px;
	background-image: url("/shared/images/index/band_screenshot@2x.png");
}

.band .screenshot.osx
{
	background-size: 370px;
	background-image: url("/shared/images/index/band_screenshot_osx@2x.png");
}

#signin_avatar
{
	background-image: url("/shared/images/index/avatar_frame@2x.png");
	background-size: 36px;
}

}

@-webkit-keyframes spinning-show 
{
	0% 
	{
		-webkit-transform: rotate(180deg) scale(0.5);
		opacity: 0.0;
		left: 490px;
	}
	100% 
	{
		-webkit-transform: rotate(360deg) scale(1.0);
		opacity: 1;
	}
}

@-moz-keyframes spinning-show 
{
	0% 
	{
		-moz-transform: rotate(180deg) scale(0.5);
		opacity: 0.0;
		left: 490px;
	}
	100% 
	{
		-moz-transform: rotate(360deg) scale(1.0);
		opacity: 1;
	}
}

@-o-keyframes spinning-show 
{
	0% 
	{
		-o-transform: rotate(180deg) scale(0.5);
		opacity: 0.0;
		left: 490px;
	}
	100% 
	{
		-o-transform: rotate(360deg) scale(1.0);
		opacity: 1;
	}
}

.port_animation
{
	opacity: 1;
	-webkit-animation: spinning-show 0.5s;
	-moz-animation: spinning-show 0.5s;
	-o-animation: spinning-show 0.5s;
}

@-webkit-keyframes pulse-animation
{
	0% { -webkit-filter: brightness(0%); }
	50% { -webkit-filter: brightness(10%); }
	100% { -webkit-filter: brightness(0%); }
}

.pulse
{
	-webkit-animation: pulse-animation 3.0s;
	-webkit-animation-iteration-count: infinite;
}

@media print
{
	.header .actions
	{
		display: none;
	}
}

