html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

@media screen and (max-device-width: 480px) {
    html {
        -webkit-text-size-adjust: none;
    }
}

.hero .bg {
	filter: inherit;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

body *, ul {
	max-height: 1000000em;
}

h1 {
	font-family:  "adobe-clean", sans-serif;
	font-weight: 900;
	font-size: 45px;
	line-height: 42px;
	letter-spacing: -1px;
	color: #000;
	margin: 0 0 10px 0;
}

h2 {
	font-weight: bold;
	font-size: 16px;
	color: #666;
	margin: 0 0 15px 0;
}

#main .container h2 {
	line-height: 22px;
}
#main .container h2 sup {
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	vertical-align: top;
	margin-left: 1px;
}

h3 {
	font-family:  "adobe-clean", sans-serif;
	font-size: 18px;
	color: #000;
}

img {
	border: 0;
	-moz-user-select: none;
	-webkit-user-select: none;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-size: 14px;
	margin: 5px 0;
}

object {
	display: block;
}

a {
	color: #008cda;
	text-decoration: none;
}

a:hover {
	color: #000;
}

/**
 * -----------------------------------------------------------------------------
 * Header
 * -----------------------------------------------------------------------------
 */
#header {
	width: 100%;
	min-width: 980px;
	
	background-color: #333;
	color: #a9a9a9;
	font-weight: bold;
}

	#header .site_info {
		background-color: #008cda;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding-top: 4px;
		padding-left: 40px;
		min-height: 30px;
	}

	#header .site_info p {
		padding: 2px 60px 5px 0;
		line-height: 20px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		margin: 0;
	}

	#header .site_info .close {
		width: 21px;
		height: 21px;
		background: url('/images/common/overlay/close.gif') 0 0 no-repeat;
		cursor: pointer;
		display: block;
		position: absolute;
		top: 2px;
		right: 40px;
	}
	#header .site_info .close:hover {
		background-position: 0 -21px;
	}

	#header .container {
		width: 980px;
		margin: 0 auto;
		position: relative;
	}

	#header .logo, #header .adobe {
		background-image: url('/images/common/logos.png');
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	
	/**
	 * Left Photoshop.com logo
	 */
	#header .logo {
		float: left;
		background-position: 0 0;
		width: 220px;
		height: 44px;
	}
	
	/**
	 * Right Adobe flag.
	 */
	#header .adobe {
		position: absolute;
		top: 0;
		right: 20px;
		
		background-position: -222px 0;
		width: 38px;
		height: 63px;
	}
	
	/**
	 * The top global navigation menu bar.
	 */
	#header .nav {
		background: url(/images/common/header/background.png) 0 0 repeat-x;
		height: 45px;
		position: relative;
		z-index: 99;
	}
		#header .nav ol.tabs {
			display: inline-block;
			background: url(/images/common/header/background.png) 0 -45px repeat-x;
			height: 45px;
			padding-left: 1px;
			margin: 0;
		}
	
		#header .nav li.tab {
			background: url(/images/common/header/background.png) 0 -90px repeat-x;
			
			float: left;
			font-size: 16px;
			font-weight: bold;
			color: #fff;
			text-shadow: #000 0 -1px 1px;
			
			margin-right: 1px;
		}
			
			#header .nav li.tab a.link {
				line-height: 45px;
				
				display: block;
				height: 45px;
				padding: 0 29px;
				margin: 0 1px;
				
				font-family: "myriad-pro", "myriad-pro-1", "myriad-pro-2", sans-serif;
				font-weight: 600;
				color: #d6d6d6;
				
				background-image: url(/images/common/header/background.png);
				background-repeat: repeat-x;
				background-position: 0 0;
				
				-moz-user-select: none;
				-webkit-user-select: none;
			}
		
				#header .nav li.tab:hover a.link {
					background-position: 0 -135px;
					margin: 0;
					padding: 0 30px;
				}
				
				#header .nav li.tab a.link:active, 
				#header .nav li.tab.selected a.link {
					background-position: 0 -180px;
					margin: 0;
					padding: 0 30px;
				}
				
		#header .nav ol.menu {
			display: none;
			background: #353535;
			border: 1px solid #424242;
			padding: 4px 0;
			position: absolute;
			top: 45px;
		}
			#header .nav li.tab:hover ol.menu {
				display: block;
			}
				
			#header .nav ol.menu li {
				display: block;
				padding: 2px 0;
			}
			
			#header .nav ol.menu a {
				display: block;
				padding: 0 29px;
				font-size: 13px;
				line-height: 20px;
				color: #dedede;
			}
			
			#header .nav ol.menu a:hover{
				background-color: #000;
			}
			
	/**
	 * The bottom black bar in the header.
	 */
	#header .controls {
		background-color: #d7d7d7;
		color: #a9a9a9;
		min-height: 25px;
	}
		#header .controls a {
			color: #000;
		}
		
		#header .controls a:hover {
			color: #888888;
		}
	
		#header .controls ol {
			margin: 0;
			font-size: 11px;
			line-height: 24px;
			padding-right: 100px;
			text-align: right;
		}

		#header .controls li {
			display: inline;
		}
		
		#header .controls li img {
			vertical-align: middle;
		}
			
		#header .controls li.sep {
			color: #444;
			margin: 0 2px;
		}
		
		#header .controls li.share {
			margin-left: 5px;
		}
		
		#header .controls li.join a {
			color: #008cda;
		}

		#header .controls li.join a:hover {
			color: #888888;
		}
		
#sign_in_box {
	overflow: hidden;
	width: 670px;
}
#sign_in_box .join {
	color: #666666;
	float: left;
	font-size: 10pt;
	font-weight: bold;
	line-height: 30px;
}
.sign_in_error {
	display: none;
}
.sign_in_error, .verify_error, .terms_error, .domain_error, .forgot_error, .error {
	color: #ff0000 !important;
}
#sign_in_forgot, #sign_in_disabled, #sign_in_verify, #sign_in_verify_complete, #sign_in_terms, #sign_in_domain, #sign_in_forgot_complete {
	display: none;
}

#top_container {
	position: relative;
	background-color: #fff;
	min-height: 100%;
}

/**
 * -----------------------------------------------------------------------------
 * Main body of the page, excluding header and footer.
 * -----------------------------------------------------------------------------
 */
#main {
	min-width: 940px;
	clear: both;
	overflow: auto;
}

#main > .container {
	width: 940px;
	padding: 40px 0 50px;
	margin: 0 auto;
	clear: both;
}

#main > .container .section.bottom {
	padding-bottom: 0px;
}

#main > .divider {
	background-color: #ccc;
	height: 17px;
	clear: both;
}
	
/**
 * -----------------------------------------------------------------------------
 * Footer
 * -----------------------------------------------------------------------------
 */

#footer {
	position: relative;
	width: 100%;
	min-width: 940px;
	background-color: #e3e3e3;
	
	font-size: 11px;
	font-weight: bold;
	color: #a3a3a3;
}

/* footer heights -- if the footer grows you'll need to add to all of this.*/
#main {
	padding-bottom: 334px;
}

#footer {
	margin-top: -334px;
	height: 334px;
}

#main.big_footer {
	padding-bottom: 377px;
}

#footer.big_footer {
	margin-top: -377px;
	height: 377px;
}

#main.minimal_footer {
	padding-bottom: 102px;
}

#footer.minimal_footer {
	margin-top: -102px;
	height: 102px;
}

	/**
	 * The centered fixed-width container for the footer.
	 */
	#footer .container {
		width: 940px;
		padding: 0;
		margin: 0 auto;
	}

	#footer.minimal_footer .section {
		margin-top: 0px;
		padding-top: 40px;
	}
	
	#footer h3 {
		font-family: Arial, sans-serif;
		font-size: 14px;
		color: #a3a3a3;
		margin: 0 10px 10px 10px;
	}
	
	/**
	 * Back to top footer bar.
	 */
	#footer .top {
		background-color: #ccc;
		height: 43px;
	}

		#footer .top .container {
			margin: 0 auto;
			width: 940px;
			padding: 10px 0 5px;
			font-size: 11px;
		}

		#footer .top img {
			float: left;
		}

		#footer .top a {
			float: right;
			margin-top: 5px;
		}

	/**
	 * Column of links
	 */
	#footer .nav {
		width: 226px;
		min-height: 192px;

		float: left;
		border-left: 1px solid #ccc;
		margin: 40px 0 40px 10px;
	}
		#footer .nav:first-child {
			margin-left: 0;
		}

		#footer .nav ul {
			margin: 0 10px;
			padding: 0;
			list-style: none;
		}
		
		#footer .nav li {
			line-height: 24px;
		}
		#footer .nav.last li {
			width: 220px;
		}
		
		#footer .nav a {
			color: #a3a3a3;
		}

		#footer .nav a:hover {
			border-bottom: 1px #a3a3a3 dotted;
		}
		
		#footer .nav span.social {
			float: left;
		}

		#footer .nav a.social .social_icon {
			float: left;
			margin: 4px 2px 0;
		}
		
		#footer .nav a.social:hover {
			border-bottom: none;
			cursor: pointer;
		}

	/**
	 * Bottom copyright
	 */
	#footer .section {
		clear: both;
		position: absolute;
		bottom: 15px;
		width: 940px;
		overflow: visible;
	}
		#footer .section iframe {
			vertical-align: middle;
			margin: 0 0 1px 5px;
		}

		#footer .section li {
			color: #a3a3a3;
			font-size: 11px;
			line-height: 22px;
			margin: 0;
		}
		
		#footer .section .logo {
			float: right;
			width: 33px;
			height: 40px;
			margin: 0 0 0 30px;
			
			background-image: url('/images/common/logos.png');
			background-repeat: no-repeat;
			background-position: -262px 0;
			text-indent: -9999px;
		}

		#footer .section ol.menu {
			position: absolute;
			display: none;
			padding: 4px 0;
			z-index: 99;
			background-color: #e3e3e3;
			color: #a3a3a3;
			border: 1px solid #a3a3a3;
			bottom: 16px;
			min-height: 80px;
		}
		#footer .section ol.menu li {
			display: block;
			height: 20px;
			white-space: nowrap;
		}

		#footer .section ol.menu li.selected a{
			color: #666;
		}

		#footer .section ol.menu a {
			display: block;
			padding: 0 10px;
			font-size: 13px;
			line-height: 20px;
			color: #a3a3a3;
		}

		#footer .section ol.menu a:hover {
			background-color: #c3c3c3;
			color: #666;
		}

		#footer .section #language_link:hover ol.menu {
			display: block;
		}

		#footer .section ol.menu li {
		}

		#footer .section ol.menu a:hover {
		}

		#footer .section .spacer::before {
			content: "|";
			margin-right: 9px;
			margin-left: 9px;
		}

	#footer a.updated {
		color: #F00;
	}

	
.hmenu li {
	display: inline;
	color: #FFFFFF;
	margin-left: 10px;
}

.large_300 {
	font-size: 300%;
}
	.large_300.soft {
		color: #A3A3A3;
	}
.large_150 {
	font-size: 150%;
}
	.large_150.soft {
		color: #A3A3A3;
	}
.large_100 {
	font-size: 100%;
}
	.large_100.soft {
		color: #A3A3A3;
	}

.small {
	font-size: small;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
	display: block;
}

.hidden {
	display: none;
}

.dark_background_hack h1,
.dark_background_hack h2,
.dark_background_hack h3,
.dark_background_hack h4,
.dark_background_hack h5,
.dark_background_hack p {
	opacity: 0.999;
}

/* boxed form */
.boxform fieldset {
	border: 1px solid #DCDCDC;
}

.boxform form {
	text-align: right;
}

.boxform label {
	text-align: left;
	float: left;
	margin: 5px;
}

.boxform li {
	padding: 5px;
}

.boxform input {
	width: 60%;
}

.boxform input[type=submit] {
	width: 30%;
}

.boxform h4 {
	color: #ff0000;
	text-align: left;
}


/*
 * Editor stuff.
 * Split if getting too big.
 * */

#editor_splash_image {
	margin-top: -20px;
}

.content_row {
	margin: 15px 0;
	overflow: hidden;
}

.content_row ul {
	margin: 10px 0;
}

.content_row li {
	margin: 2px 0;
	border-bottom: thin solid #DDDDDD;
	overflow: auto;
}

.side_content_row {
	margin-top: 15px;
	float: left;
}

.content_block, .image_content_block {
	position: relative;
	margin-top: 10px;
	float: left;
	background: #848484;
	color: #FFFFFF;
	overflow: auto;
}

.content_block {
	height: 150px;
}

.content_block div {
	margin: 15px;
}

.image_content_block .text_block {
	margin: 10px;
}

.image_block {
	background: #777777;
	float: left;
	min-height: 120px;
	height: 100%;
}

.text_block .author {
	margin: 10px 0;
	font-size: 10px;
}

.content_block .logo_block {
	position: absolute;
	left: 0px;
	bottom: 30px;
}

img.site_logo {
	height: 30px;
}

.bottom_line {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

a.content_link {
	font-size: smaller;
	font-weight: bolder;
	color: #364c9c;
}

a.details_link, a.link_for_more {
	text-transform: uppercase;
	font-weight: bold;
	color: #364c9c;
	font-size: 8px;
}

a.link_for_more {
	float: right;
}

a.details_link {
	margin: 0 10px;
}

ul .list_entry_title {
	float: left;
	font-size: 10px;
	color: #364c9c;
}

ul .list_entry_author {
	float: right;
	font-size: 10px;
	color: #BBBBBB;
}

.side_content_block {
	overflow: auto;
	font-size: 10px;
}

.side_product_image {
	float: left;
}

a.side_product_desc {
	float: right;
	color: #364c9c;
	font-size: 12px;
	font-weight: bolder;
	margin: 20px 0;
}

.profile_pic_overlay {
	position: absolute;
	left: 0;
	top: 0;
	background: #000000;
	padding: 5px;
}


#photo_select_box {
	overflow: auto;
	background: white;
	display: none;
}

/* Content row with image.
 * Set gray background
 * */
.image_content_block {
	overflow: hidden;
	background: #848484;
	/* display: hidden; */
}

.photo_select_splash {
	float: left;
	background: white;
}

.photo_select_content_block div {
	margin: 80px 20px 0;
}
.photo_select_text_block h3 {
	color: #222222;
}
.photo_select_content_block h3 {
	margin: 0 0 40px 0;
	color: #222222;
}
.photo_select_options li {
	margin: 40px 10px;
}
.photo_select_options li a:hover {
	color: white;
}


.swapped_out {
	display: none;
}
.photo_select_sample_photo h3 {
	font-size: 20px;
	margin-bottom: 20px;
}
.photo_select_sample_photo p.caption {
	color: white;
	font-size: 12px;
	font-weight: bolder;
	margin: 10px 0 0 0;
}
.photo_select_sample_photo ul li {
	float: left;
	margin: 10px 15px 0 0;
}
.photo_select_sample_photo .image_link {
	display: block;
}
.photo_select_sample_photo .image_link img {
	border: thin solid white;
	width: 125px;
}
.photo_select_sample_photo .image_link:hover img {
	border: thin solid #364c9c;
}
#photo_select_box .main_menu_link {
	float: right;
	margin-top: 10px;
}
#photo_select_box h2 {
	font-size: 25px;
}
#photo_select_box .header {
	margin: 10px 0px 0px 10px;
	padding: 0 0 3px 0;
	border: thin solid #DDDDDD;
	border-width: 0 0 1px 0;
}

#scrolling_album_photo_list div {
	vertical-align:	middle;
}

#scrolling_album_photo_list ul li {
	display:		inline;
	vertical-align:	middle;
}

div.thicksep {
  clear: both;
  margin: 10px 0;
  border-top: 3px solid #d9d9d9;
  display: block;
}

div.medsep {
  clear: both;
  border-top: 3px solid #d9d9d9;
}

div.thinsep {
  clear: both;
  border-top: 1px solid #d9d9d9;
  display: block;
}

div.dotted_line {
	clear: both;
	border-top: 1px dotted #d9d9d9;
}

.pager_top, .pager_bottom {
  text-align: center;
  margin: 10px 0;
  clear: both;
}

.pager_top, .pager_bottom {
  text-align: center;
  margin: 10px 0;
  clear: both;
}

.break_words_to_wrap {
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
}

.tutorial_favorite {
	float: left;
	width: 18px;
	height: 26px;
	margin-top: 9px;
	margin-left: 8px;
	cursor: pointer;
}

.tutorial_favorite.pod {
	margin-top: -10px;
	margin-bottom: 5px;
	margin-left: 3px;
	width: 21px;
}

.tutorial_favorite.add,
.tutorial_favorite.disabled {
	background: url('/images/tutorial/ic_bookmark_blue.png') 0 0 no-repeat;
}

.tutorial_favorite.add:hover {
	background: url('/images/tutorial/ic_bookmark_blue_add.png') 0 0 no-repeat;
}

.tutorial_favorite.remove {
	background: url('/images/tutorial/ic_bookmark_gold.png') 0 0 no-repeat;
}

.tutorial_favorite.remove:hover {
	background: url('/images/tutorial/ic_bookmark_gold_rem.png') 0 0 no-repeat;
}

ul.social_links {
}

.social_links li {
	display: inline;
	position: relative;
}


/**
 * clean footer
 */
#footer.clean {
	font-family: "adobe-clean", sans-serif !important;
}
#footer.clean.normal {
	height: 337px;
	margin: -337px 0 0 0;
}
#footer.clean.back_to_top {
	height: 337px;
	margin: -337px 0 0 0;
}
	#footer.clean .section {
		position: relative;
		overflow: hidden;
		clear: both;
		width: 100%;
		bottom: 0;
	}
	#footer.clean .section iframe {
		margin: 0;
	}
	#footer.clean .section.top {
		margin: 0;
	}
	#footer.clean .top .container {
		padding: 0;
	}
	#footer.clean .top {
		position: absolute;
		top: -26px;
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
		background: none;
		text-align: right;
	}
	#footer.clean .top a{
		font-size: 13px;
		line-height: 13px;
		margin: 0;
	}
	#footer.clean .section.footer_content {
		padding-top: 20px;
	}
		#footer.clean .section .subsection {
			float: left;
			border-left: 1px solid #ccc;
			padding: 0 0 0 20px;
			margin: 0 0 0 20px;
			width: 209px; /* - 1 for border and - 20 for padding */
		}
		#footer.clean .section .subsection:first-child {
			margin: 0;
			padding: 0;
			border: none;
			width: 690px;
		}
			#footer.clean .section .subsection a:hover {
				color: black !important;
			}
			#footer.clean .section h1,
			#footer.clean .section h1 a {
				font-family: "adobe-clean", sans-serif !important;
				font-weight: bold;
				color: #a3a3a3;
				font-size: 16px;
				line-height: 16px;
				letter-spacing: 0;
				margin: 0 0 12px 0;
			}
			#footer.clean .section ul {
				margin-bottom: 12px;
				display: inline-block;
			}
			#footer.clean .section br {
				clear:both;
			}
			#footer.clean .section li {
				float: left;
				line-height: 12px;
				margin-bottom: 12px;
			}
			#footer.clean .section li,
			#footer.clean .section li a {
				color: #a3a3a3;
				font-size: 12px;
				font-weight: normal;
			}
				/* bottom_links ------------ */
				#footer.clean .section .bottom_links .logo {
					float: left;
					width: 30px;
					margin: 0 24px 0 0;
				}
				#footer.clean .section .bottom_links {
					margin-top: 11px;
				}
				#footer.clean .section .bottom_links li {
					font-size: 11px;
					margin-bottom: 6px;
				}
				#footer.clean .section .bottom_links a {
					color: #008cda;
					font-size: 11px;
				}
					/* drop down menu */
					#footer.clean .section .bottom_links .menu {bottom: 6px;}
					#footer.clean .section .bottom_links .menu li {
						float: none;
						margin-bottom: 0;
					}
				/* social_links ------------ */
				#footer.clean .section .social_links li,
				#footer.clean .section .social_links a {
					display: block;
					float: none;
					line-height: 16px;
				}
				#footer.clean .section .social_links li img {
					float: left;
					margin-right: 12px;
				}

.ccp_pod {
	min-width: 460px;
	min-height: 219px;
	background: url('/images/products/ccp_background.jpg') 0 0 no-repeat;
	padding: 10px 10px 10px 15px;
}
.ccp_pod.timi {
	background: url('/images/products/ccp_timi_bg.jpg') 0 0 no-repeat;
	padding-left: 240px;
}
.ccp_pod h3 {
	font-size: 24px;
	margin-top: 15px;
	padding-bottom: 13px;
	color: #FFF;
	border-bottom: none !important;
	max-width: 230px;
	margin-bottom: 0 !important;
}
.ccp_pod.timi h3 {
	font-size: 20px !important;
}
.ccp_pod p {
	color: #FFF;
	max-width: 230px;
	font-size: 15px !important;
	line-height: 19px !important;
	margin: 5px 0 !important;
}
.ccp_pod a {
	margin-top: 10px;
}
.ccp_pod a:hover {
	color: #FFF;
}

.ccteam_pod {
	min-width: 460px;
	min-height: 219px;
	background: url('/images/products/ccteam_cn_bg.jpg') 0 0 no-repeat;
	padding: 10px 10px 10px 220px;
}
.ccteam_pod h3 {
	font-size: 24px;
	margin-top: 15px;
	padding-bottom: 13px;
	color: #FFF;
	border-bottom: none !important;
	max-width: 230px;
	margin-bottom: 0 !important;
	font-size: 18px !important;
}
.ccteam_pod p {
	color: #FFF;
	max-width: 230px;
	font-size: 15px !important;
	line-height: 19px !important;
	margin: 5px 0 !important;
}
.ccteam_pod a {
	margin-top: 10px;
}
.ccteam_pod a:hover {
	color: #FFF;
}


.subsection .adobe_max {
	background-color: #292929;
	min-height: 255px;
	width: 460px;
}
.subsection .adobe_max p {
	color: #ffffff;
	font-size: 16px;
	line-height: 22px;
	margin: 0 18px 0 18px;
	font-family: "adobe-clean", sans-serif !important;
}
.subsection .adobe_max p:last-child {
	padding-bottom: 10px;
}
.subsection .adobe_max p sup {
	vertical-align: 20%;
	font-size: 10px;
}
.subsection .adobe_max a:hover {
	color: #FFF;
}
.subsection .adobe_max.final {
	text-align: center;
}
.subsection .adobe_max.final p.title {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 22px;
	font-weight: 200;
}


/* Speech bubble tip */
.tooltip {
	display: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	color: #333333;	
	text-align: center;
}

.tooltip .left {
	background: transparent url(/images/gallery_images/tip_left.png) no-repeat 0px 0px;
	height: 40px;
	float: left;
	display: block;
	width: 44px;
}
.tooltip .right {
	background: transparent url(/images/gallery_images/tip_right.png) no-repeat 0px 0px;
	height: 40px;
	float: left;
	display: block;
	width: 19px;
}

.tooltip .middle {
	height: 40px;
	display: block;
	float: left;
	background: transparent url(/images/gallery_images/tip_middle.png) repeat-x;
	min-width: 1px;
}

.tooltip.alt .left {
	background: transparent url(/images/gallery_images/tip_left_alt.png) no-repeat 0px 0px;
	float: right;
	width: 19px;
}

.tooltip.alt .middle {
	float: right;
}

.tooltip.alt .right {
	background: transparent url(/images/gallery_images/tip_right_alt.png) no-repeat 0px 0px;
	float: right;
	width: 44px;
}

.tooltip .text {
	display: block;
	margin-top: 11px;
	margin-right: 0px;
	margin-left: -24px;
}

.tooltip.alt .text {
	margin-right: -25px;
	margin-left: 0px;
}

#tooltip-overlay {
	background: url(about:blank);
	background: rgba(255, 255, 255, 0.0);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

	width: 100%;
	height: 100%;
	
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10000;
}

.blue-bar {
	height: 10px;
	background-color: #008CDA;
	z-index: 10002;
	width: expression(this.offsetParent.clientWidth + "px");
}

.blue-arrow {
	height: 11px;
	background: transparent url('/images/common/overlay/tooltip_point.png') no-repeat 0 0;
	position: relative;
	z-index: 10003;
	width: 21px;
}

#tooltip-popup {	
	position: absolute;
	z-index: 10001;
}

	#tooltip-popup .close {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10005;
		width: 21px;
		height: 21px;
		background: url('/images/common/overlay/close_tooltip.gif') 0 0 no-repeat;
		cursor: pointer;
	}

	#tooltip-popup .close:hover {
		background-position: 0 -21px;
	}

/**
 * Shadows.
 */

/**
 * TO DO: Consider a common shadow object that can be used by both overlay.js and tooltip.js
 *        Such a class would need to allow for certain configuration of the positions
 */ 
 
#tooltip-popup .shadow {
}

#tooltip-popup .shadow .corner {
	width: 60px;
	height: 60px;
	position: absolute;
}

#tooltip-popup .shadow .horizontal {
	position: absolute;
	left: 27px;
	right: 27px;
	
	width: expression(this.offsetParent.clientWidth - 54 + "px");
}

#tooltip-popup .shadow .vertical {
	position: absolute;
	top: 42px;
	bottom: 23px;
	
	width: 33px;
	height: expression(this.offsetParent.clientHeight - 65 + "px");
}

#tooltip-popup .shadow .tl {
	background: url('/images/common/overlay/tl.png') no-repeat;
	top: -18px;
	left: -33px;
}
#tooltip-popup .shadow .t {
	background: url('/images/common/overlay/t.png') repeat-x;
	top: -18px;
	height: 18px;
}
#tooltip-popup .shadow .tr {
	background: url('/images/common/overlay/tr.png') no-repeat;
	top: -18px;
	right: -33px;
}
#tooltip-popup .shadow .l {
	background: url('/images/common/overlay/l.png') repeat-y;
	left: -33px;
}
#tooltip-popup .shadow .r {
	background: url('/images/common/overlay/r.png') repeat-y;
	right: -33px;
}
#tooltip-popup .shadow .bl {
	background: url('/images/common/overlay/bl.png') no-repeat;
	bottom: -37px;
	left: -33px;
}
#tooltip-popup .shadow .b {
	background: url('/images/common/overlay/b.png') repeat-x;
	height: 48px;
	bottom: -37px;
}
#tooltip-popup .shadow .br {
	background: url('/images/common/overlay/br.png') no-repeat;
	bottom: -37px;
	right: -33px;
}

.launch {
	font-size: 12px;
	height: 15px;
	line-height: 18px;
	font-weight: bold;
	
	background-image: url('/images/common/buttons/launch/ic_launch_sprite.png');
	background-repeat: no-repeat;
	background-position: 100% 0px;
	padding-right: 15px;

	display: inline-block;
}
	.launch:hover {
		background-position: 100% -15px;
	}

img.launch_icon {
	margin: 2px 0 0 5px !important;
}

.badge {
	display: block;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 40px;
}	
	
	.badge.notifyme {
		background-image: url('/images/products/mobile/common/badges/notifyme_40.jpg');
		width: 158px;
		height: 42px;
	}

	.badge.default,
	.badge.alternate {
		height: 40px;
	}

	.badge.appstore.default {
		background-image: url('/images/products/mobile/common/badges/appstore_download_40.png');
		width: 135px;
	}
	.badge.appstore.de-de {
		background-image: url('/images/products/mobile/common/badges/appstore_download_40_de-de.png');
	}
	.badge.appstore.ja-jp {
		background-image: url('/images/products/mobile/common/badges/appstore_download_40_ja-jp.png');
	}
	.badge.appstore.pt-br {
		background-image: url('/images/products/mobile/common/badges/appstore_download_40_pt-br.png');
	}

	.badge.macappstore.default {
		background-image: url('/images/products/mobile/common/badges/macappstore_download_40.png');
		width: 165px;
	}
	.badge.macappstore.de-de {
		background-image: url('/images/products/mobile/common/badges/macappstore_download_40_de-de.png');
	}
	.badge.macappstore.ja-jp {
		background-image: url('/images/products/mobile/common/badges/macappstore_download_40_ja-jp.png');
	}
	.badge.macappstore.pt-br {
		background-image: url('/images/products/mobile/common/badges/macappstore_download_40_pt-br.png');
	}

	.badge.googleplay.default {
		background-image: url('/images/products/mobile/common/badges/googleplay_androidapp_40.png');
		width: 123px;
	}
	.badge.googleplay.de-de {
		background-image: url('/images/products/mobile/common/badges/googleplay_androidapp_40_de-de.png');
		width: 117px;
	}
	.badge.googleplay.ja-jp {
		background-image: url('/images/products/mobile/common/badges/googleplay_androidapp_40_ja-jp.png');
		width: 117px;
	}
	.badge.googleplay.pt-br {
		background-image: url('/images/products/mobile/common/badges/googleplay_androidapp_40_pt-br.png');
		width: 117px;
	}
	
	.badge.amazon.default {
		background-image: url('/images/products/mobile/common/badges/amazon_appstore_40.png');
		width: 120px;
	}
	.badge.amazon.de-de {
		background-image: url('/images/products/mobile/common/badges/amazon_appstore_40_de-de.png');
		width: 117px;
	}
	.badge.amazon.ja-jp {
		background-image: url('/images/products/mobile/common/badges/amazon_appstore_40_ja-jp.png');
		width: 117px;
	}
	.badge.amazon.pt-br {
		background-image: url('/images/products/mobile/common/badges/amazon_appstore_40_pt-br.png');
		width: 117px;
	}

	.badge.windows {
		background-image: url('/images/products/mobile/common/badges/windows_store_40.png');
		width: 154px;
	}
	.badge.windows.de-de {
		background-image: url('/images/products/mobile/common/badges/windows_store_40_de-de.png');
	}
	.badge.windows.ja-jp {
		background-image: url('/images/products/mobile/common/badges/windows_store_40_ja-jp.png');
	}
	.badge.windows.pt-br {
		background-image: url('/images/products/mobile/common/badges/windows_store_40_pt-br.png');
	}

	.badge.windowsphone {
		background-image: url('/images/products/mobile/common/badges/windowsphone_store_40.png');
		width: 154px;
	}
	.badge.windowsphone.de-de {
		background-image: url('/images/products/mobile/common/badges/windowsphone_store_40_de-de.png');
	}
	.badge.windowsphone.pt-br {
		background-image: url('/images/products/mobile/common/badges/windowsphone_store_40_pt-br.png');
	}


.arrow {
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #008cda;
}

.arrow.small {
	font-size: 10px;
	line-height: 10px;
}

.arrow.large {
	font-size: 16px;
}

.arrow.left::before {
	content: "‹";
	margin-right: 0.25em;
}


.social_icon {
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url('/images/common/share/social_icons_16.png?v2');
}

.social_icon.facebook {
	background-position: 0 0;
}

.social_icon.googleplus {
	background-position: -16px 0;
}

.social_icon.twitter {
	background-position: -32px 0;
}

.social_icon.youtube {
	background-position: -48px 0;
}

.social_links li {
	line-height: 0 !important;
}


/**
 * Dark background.
 */
#overlay-bg {
	background: url(about:blank);
	background: rgba(0, 0, 0, 0.7);
	/* IE6-8 only */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#B2000000,endColorstr=#B2000000);

	width: 100%;
	height: 100%;
	
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
}

#overlay-bg:not([dummy]) {
    /* IE9 only */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}

/**
 * Loading animation.
 */
#overlay-loading {
	background: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#99000000,endColorstr=#99000000);

	width: 46px;
	height: 46px;
	margin-left: -23px;
	margin-top: -23px;
	
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 102;
}

	#overlay-loading div {
		width: 46px;
		height: 46px;
		background: url('/images/common/loading.gif') center center no-repeat;
	}

/**
 * Centered popup.
 */
#overlay-popup {	
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 101;
}

/**
 * Different content types.
 */
#overlay-popup > .content {
	background-color: #fff;
}
	
	#overlay-popup .content .image {
		padding: 10px;
	}

		#overlay-popup .content .image img {
			-ms-interpolation-mode: bicubic;
		}
	
		#overlay-popup .content .image .title {
			font-family: Arial, sans-serif;
			font-size: 15px;
			line-height: 20px;
			font-weight: bold;
			color: #999;
			padding-top: 6px;
		}

			#overlay-popup  .content .image .title .left
			{
				float: left;
				text-align: left;
			}
			
			#overlay-popup .content .image .title .right
			{
				text-align: right;
			}

	#overlay-popup .content .video {
		padding: 10px;
	}
			
	#overlay-popup .content .dialog {
		color: #666;
		padding: 20px 30px 30px;
		border-bottom: 10px solid #008CDA;
	}
		#overlay-popup .content .dialog p {
			font-size: 16px;
			line-height: 20px;
			margin-bottom: 20px;
		}
		
		#overlay-popup .content .dialog p.small {
			font-size: 12px;
			line-height: 16px;
		}
	
		#overlay-popup .content .dialog h1 {
			font-family: "myriad-pro", "myriad-pro-1", "myriad-pro-2", sans-serif;
			font-size: 34px;
			font-weight: 900;
			line-height: normal;
			margin: 0 0 5px 0;
		}
		
		#overlay-popup .content .dialog input[type="text"], 
		#overlay-popup .content .dialog input[type="password"] {
			font-size: 28px;
			padding: 6px;
			width: 410px;
		}
					
		#overlay-popup .content .dialog textarea {
			font-size: 16px;
			padding: 6px;
			width: 475px;
			height: 100px;
		}

		#overlay-popup .content .dialog table {
			width: 100%;
		}
		
		#overlay-popup .content .dialog td,
		#overlay-popup .content .dialog th {
			vertical-align: middle;
			padding: 5px 0;
		}
		
		#overlay-popup .content .dialog th {
			text-align: right;
			padding-right: 20px;
		}
		
		#overlay-popup .content .dialog th p {
			font-size: 12px;
			line-height: 18px;
			font-weight: normal;
			margin: 3px 0 0 0;
		}

		#overlay-popup .content .dialog label {
			font-size: 16px;
			line-height: 24px;
		}

		#overlay-popup .content .dialog label .nowrap {
			white-space: nowrap;
		}

		#overlay-popup .content .dialog .footer {
			text-align: right;
		}
		
		#overlay-popup .content .dialog .footer .button {
			float: none;
			margin: 0 0 0 10px;			
		}
		
		#overlay-popup .content .dialog .section {
			background-color: #e5e5e5;
			padding: 23px 30px;
			margin: 15px 0 25px;
		}
		
#overlay-popup .navigation {
	position: absolute;
	top: 0;
	left: 0;
		
	z-index: 5;
	
	width: 100%;
	height: 100%;
}

	#overlay-popup .navigation .left, #overlay-popup .navigation .right {
		width: 49%;
		height: 100%;
		
		display: block;
		outline: none;
		
		background-repeat: no-repeat;
	}
		#overlay-popup.ie .navigation .left, #overlay-popup.ie .navigation .right {
			background-image: url(about:blank);
		}
		
		#overlay-popup .navigation .left, #overlay-popup.ie .navigation .left:hover {
			float: left;
			background-image: url('/images/common/overlay/left.png');
			background-position: left center;
		}
					
		#overlay-popup .navigation .right, #overlay-popup.ie .navigation .right:hover {
			float: right;
			background-image: url('/images/common/overlay/right.png');
			background-position: right center;
		}

#overlay-popup .close {
	position: absolute;
	top: -21px;
	right: 0;
	z-index: 5;

	width: 21px;
	height: 21px;
	background: url('/images/common/overlay/close.gif') 0 0 no-repeat;
	cursor: pointer;
}
	#overlay-popup .close:hover {
		background-position: 0 -21px;
	}

/**
 * Centered popup's shadow.
 */
#overlay-popup .shadow .corner {
	width: 60px;
	height: 60px;
	position: absolute;
}

#overlay-popup .shadow .horizontal {
	position: absolute;
	left: 27px;
	right: 27px;
	
	width: expression(this.offsetParent.clientWidth - 54 + "px");
}

#overlay-popup .shadow .vertical {
	position: absolute;
	top: 42px;
	bottom: 12px;
	
	width: 33px;
	height: expression(this.offsetParent.clientHeight - 54 + "px");
}

#overlay-popup .shadow .tl {
	background: url('/images/common/overlay/tl.png') no-repeat;
	top: -18px;
	left: -33px;
}
#overlay-popup .shadow .t {
	background: url('/images/common/overlay/t.png') repeat-x;
	height: 18px;
	top: -18px;
}
#overlay-popup .shadow .tr {
	background: url('/images/common/overlay/tr.png') no-repeat;
	top: -18px;
	right: -33px;
}
#overlay-popup .shadow .l {
	background: url('/images/common/overlay/l.png') repeat-y;
	left: -33px;
}
#overlay-popup .shadow .r {
	background: url('/images/common/overlay/r.png') repeat-y;
	right: -33px;
}
#overlay-popup .shadow .bl {
	background: url('/images/common/overlay/bl.png') no-repeat;
	bottom: -48px;
	left: -33px;
}
#overlay-popup .shadow .b {
	background: url('/images/common/overlay/b.png') repeat-x;
	height: 48px;
	bottom: -48px;
}
#overlay-popup .shadow .br {
	background: url('/images/common/overlay/br.png') no-repeat;
	bottom: -48px;
	right: -33px;
}


.move_icon {
	background-image: url("/images/common/move_icons.png");
	background-repeat: no-repeat;
	background-position: 0% -0px;
	margin-top: -1px;
	width: 15px;
	height: 15px;
}

.move_icon:hover {
	background-position: 0% -30px;
}

a:hover .move_icon {
	background-position: 0% -30px;
}


.pencil {
	background-image: url('/images/common/pencils.gif');
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}

a.pencil {
	display: inline-block;
	background-position: 0% -40px;
}
 
	a.pencil:hover {
		background-position: 0% -20px;
	}

	a.pencil:active {
		background-position: 0% -0px;
	}


a.pencil.special {
	display: inline-block;
	vertical-align: bottom;
	background-position: 0% -60px;
}

	a.pencil.special:hover {
		background-position: 0% -20px;
	}

	a.pencil.special:active {
		background-position: 0% -0px;
	}





.pages {
	clear: both;
	height: 30px;
}

.pages a {
	background-image: url('/images/common/pagination.png');
	background-repeat: no-repeat;
	cursor: pointer;
	height: 29px;
	width: 36px;
	float: left;
	margin-right: 10px;
}

.pages a.previous{
	background-position: 0px 0px;
}

.pages a.next {
	background-position: -36px 0px;
}

.pages a.previous.disabled,
.pages a.previous.disabled:hover {
	background-position: 0 -60px; 
	cursor: default;
}

.pages a.previous:hover,
.pages a.previous.progress {
	background-position: 0 -30px;
}

.pages a.next.disabled,
.pages a.next.disabled:hover {
	background-position: -36px -60px;
	cursor: default;
}

.pages a.next:hover,
.pages a.next.progress {
	background-position: -36px -30px;
}

.pages input {
	font-size: 11px;
	text-align: center;
	
	width: 15px;
	float: left;
	margin: 5px;
}

.pages label {
	color: #666;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
}

.spinner {
    height: 26px;
    width: 26px;
}

.spinner div, .spinner span {
	background-image: url('/images/common/loading.gif');
	background-repeat: no-repeat;
	width:26px;
	height:26px;
	display: inline-block;
}

.spinner div.small, .spinner span.small {
	background-image: url('/images/common/loading_sm.gif');
	background-repeat: no-repeat;
	width:16px;
	height:16px;
	display: inline-block;
}

.promo {
	float: left;
	display: block;
	position: relative;
	
	width: 220px;
	margin: 0 0 20px 0;
	padding: 0;
	
	background-color: #000;
	border-bottom: 10px solid #008cda;
}

	.promo h4, .promo h5 {
		color: #fff;
		margin: 0;
	}
	
	.promo p, .promo li {
		color: #a9a9a9;
	}
	
	.promo img {
		display: block;
	}
	
	.promo .play {
		position: absolute;
		top: 5px;
		left: 5px;
	}
	
.promo.home {
	cursor: pointer;
	margin-left: 20px;
}	
	.promo.home:first-child {
		margin-left: 0;
	}

	.promo.home h2 {
		font-family:  "adobe-clean", sans-serif;
		font-size: 24px;
		color: #fff;
		margin: 0 0 8px 0;
	}
	
	.promo.home p {
		font-size: 15px;
		line-height: 19px;
		letter-spacing: 1px;
		margin: 0;
	}
	
	.promo.home .header {	
		min-height: 80px;
		padding: 12px 14px 6px;
	}
	.promo.home .header.large {	
		min-height: 120px;
	}
	
.promo.spotlight {
	margin-right: 20px;
}
	.promo.spotlight h4 {
		font-size: 18px;
		line-height: 21px;
		font-weight: normal;
	}
	
	.promo.spotlight p {
		font-size: 13px;
		line-height: 16px;
	}
	
	.promo.spotlight .header {
		min-height: 100px;
		padding: 17px 20px 10px 20px;
	}
	
.promo.tutorial {
	float: none;
	width: 460px;
	height: 94px;
	border-bottom: 0;
}
	.promo.tutorial h4 {
		font-size: 16px;
		line-height: 21px;
		font-weight: normal;
	}
	
	.promo.tutorial p {
		margin: 0;
		font-size: 13px;
		line-height: 23px;
	}

	.promo.tutorial img.thumb {
		float: left;
		border-bottom: 10px solid #008cda;
	}
	
	.promo.tutorial .header {
		float: left;
		width: 228px;
		height: 65px;
		margin: 15px 20px;
		border-bottom: 0;
		overflow: hidden;
	}
	
	.promo.tutorial .products {
		float: right;
		background-color: #262626;
		cursor: pointer;
		width: 24px;
		height: 76px;
		padding: 9px;
	}
	
	.promo.tutorial .products .mnemonic {
		margin-bottom: 1px;
	}

.promo.ps {
	float: none;
	margin: 0 0 15px 0;
}
	.promo.ps h4{
		font-family: "myriad-pro", "myriad-pro-1", "myriad-pro-2", sans-serif;
		font-weight: normal;
		font-size: 24px;
		line-height: 28px;
		padding: 12px 18px;
	}

.promo.evangelist {
	font-size: 12px;
	width: 460px;
	height: 210px;
	border-bottom: 0;
}

.promo.evangelist.light {
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #f0f0f0 30%, #d9d9d9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d9d9d9));
	background: -webkit-linear-gradient(top, #f0f0f0 30%,#d9d9d9 100%);
	font-family: "adobe-clean", sans-serif;
}
.promo.evangelist.light .footer {
	background-color: transparent;
	height: auto;
	line-height: 16px;
	bottom: 0px;
	margin-bottom: 15px;
}
.promo.evangelist.light .footer li {
	padding-top: 5px;
}
.promo.evangelist.light h4 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
.promo.evangelist.light h5 {
	color: #666;
	font-size: 14px;
}
.promo.evangelist.light p {
	color: #666;
	font-size: 14px;
}
.promo.evangelist.light a {
	font-size: 14px;
	line-height: 16px;
}
.promo.evangelist.light a.arrow:hover{
	color: #000;
	background-position: 100% -15px;
}

.pod.evangelist.light {
	color: #000;
	display: block;
	width: 460px;
	min-height: 69px;
	padding: 30px 20px 26px 20px;
	margin-top: 40px;
	float: left;
}
.pod.evangelist.light .content {
	margin-left: 80px;
	font-family: "adobe-clean", sans-serif;
}
.pod.evangelist.light .content h3 {
	font-size: 18px;
	margin: 0;
}
.pod.evangelist.light .content p {
	font-size: 16px;
	line-height: 18px;
}
.pod.evangelist.light a.arrow {
	font-size: 16px;
	line-height: 18px;
	background-position: 100% 2px;
	padding: 0 15px 0 0;
}
.pod.evangelist.light a.arrow:hover {
	background-position: 100% -13px;
}
.pod.evangelist.light img {
	float: left;
}

	.promo.evangelist:first-child {
		margin-left: 0;
	}

	.promo.evangelist a.arrow:hover{
		color: #FFF;
		background-position: 100% -30px;
	}

	.promo.evangelist .body {
		padding: 18px;
		overflow: hidden;
	}

	.promo.evangelist h4 {
		margin-bottom: 5px;
		font-size: 16px;
		font-weight: normal;
	}

	.promo.evangelist h5 {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.promo.evangelist p {
		font-size: 14px;
		line-height: 18px;
	}

	.promo.evangelist img.thumb {
		float: left;
		height: 210px;
		width: 142px;
	}

	.promo.evangelist .sites {
		margin-top: 15px;
	}

	.promo.evangelist .footer {
		position: absolute;
		bottom: 0;
		right: 0;

		width: 300px;
		height: 31px;
		line-height: 31px;
		padding: 0 0 0 18px;
		
		background-color: #333;
	}
	
.promo.interview {
	width: 460px;
	position: relative;
	border-bottom: 0;
}
	.promo.interview img {
		float: left;
	}
	
	.promo.interview .header {
		margin-left: 142px;
		padding: 20px;
	}
	
	.promo.interview h4 {
		font-weight: normal;
		font-size: 16px;
	}
	
	.promo.interview h5 {
		font-weight: normal;
		font-size: 14px;
		line-height: 18px;
		margin: 5px 0 10px;
	}
	
	.promo.interview p, .promo.interview li {
		font-size: 13px;
		line-height: 18px;
		margin: 2px 0;
	}
		
	.promo.interview .arrow {
		position: absolute;
		bottom: 20px;
		cursor: pointer;
	}
	
	.promo.interview:hover .arrow {
		color: #fff;
		background-position: 100% -30px;
		cursor: pointer;
	}
	
.promo.industry {
	margin-left: 20px;
	border-bottom: none;
	border-bottom: 10px solid #008cda;
	overflow: hidden;
}

	.promo.industry:first-child {
		margin-left: 0;
	}
	
	.promo.industry h4 {
		padding: 20px;
		font-size: 18px;
		line-height: 21px;
		font-weight: normal;
		height: 42px;
		color: #fff;
	}


.share_bar {
	line-height: 16px;
	float: left;
	font-size: 12px;
}

.share_bar.extra {
	margin-left: 10px;
	margin-top: 1px;
}

.share_bar.extra.label {
	margin-left: 7px;
	margin-top: 0;
}

.share_bar.label {
	margin-top: 1px;
}

	.share_bar a {
		font-weight: bold;
	}
	
	.share_bar li {
		display: inline;
	}
	
	.share_bar li.separator {
		border-left: 1px solid #999999;
		margin: 0 0 0 8px;
		padding: 0 0 0 7px;
	}

	.share_bar .space {
		margin-left: 7px;
	}
	
	.share_bar li img {
		vertical-align: top;
		margin: 0 3px 0 0;
	}

	.share_bar span.service_label {
		font-weight: bold;
		color: #008CDA;
		font-size: 12px !important;
	}
	

/**
 * -----------------------------------------------------------------------------
 * Buttons
 * -----------------------------------------------------------------------------
 */
.button {
	float: left;
	
	display: inline-block;
	padding: 0 25px;
	margin: 0 10px 0 0;
	
	min-width: 38px;
	overflow: visible;
	
	font-family:  "adobe-clean", sans-serif;
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	color: #fff;
	
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	
	background-color: #008cda;
}

	.button::-moz-focus-inner, .button::-moz-focus-inner {
		border: 0;
	}
	
	.button:hover {
		background-color: #077dbe;
		color: #fff;
	}
	
	.button:active {
		background-color: #06669b;
		ie7: expression(this.hideFocus=true);
	}
	
	.button img {
		margin-right: 7px;
		margin-bottom: -3px;
	}

	.button img.rss {
		margin-right: 2px;
		margin-bottom: -1px;
	}
	
	.button.hidden {
		display: none;
	}
	
	.button.disabled {
		cursor: default;
	}

.button.small {
	font-size: 12px;
	line-height: 22px;
	height: 21px;
	
	min-width: 33px;
	padding: 0 15px;
}

	.button.small img {
		margin-right: 5px;
		margin-bottom: 0;
	}
	
.button.hero {
	min-width: 110px;
	padding: 0 20px;
}

.button.large {
	font-size: 20px;
	line-height: 40px;
	height: 40px;
}


.carousel .controls {
	text-align: right;
}

.carousel .controls a {
	background-color: #000;
	display: inline-block !important;
	vertical-align: bottom;

	width: 22px;
	height: 7px;

	margin-left: 8px;
	cursor: pointer;
}

.carousel .controls a:hover,
.carousel .controls a.selected {
	background-color: #008cda;
}
	
.carousel .controls a.selected {
	height: 10px;
}

.carousel .controls.disabled a,
.carousel .controls.disabled a:hover,
.carousel .controls.disabled a.selected {
	background-color: #666666;
	cursor: default;
}


#video_player {
	background-color: black;
	position: relative;
}

#video_player video,
#video_player img {
	display: block;
}

#video_player .no_flash {
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	
	display: block;
	width: 300px;
	padding: 30px;
	
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -180px;
	margin-top: -54px;
	
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}

#video_player .no_flash.hidden {
	display: none;
}

#video_player .no_flash .mnemonic {
	float: left;
	margin-right: 20px;
	margin-top: 4px;
}


.mnemonic {
	display: block;
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-image: url('/images/common/mnemonics/48_e14.png');
	background-position: 0 100px;
}
.mnemonic.psx2017 {
	background-image: url('/images/common/mnemonics/48_psx2017.png');
}
.mnemonic.e2018 {
	background-image: url('/images/common/mnemonics/48_e2018.png');
}

	.mnemonic.auto {
		min-width: 48px;
		min-height: 48px;
		width: auto;
		height: auto;
	}

	.mnemonic.ps,
	.mnemonic.psx {
		background-position: 0 0;
	}
	.mnemonic.lr {
		background-position: 0 -48px;
	}
	.mnemonic.pse {
		background-position: 0 -96px;
	}
	.mnemonic.px {
		background-position: 0 -144px;
	}
	
	.mnemonic.fp {
		background-position: 0 -192px;
	}
	.mnemonic.pre {
		background-position: 0 -240px;
	}
	.mnemonic.pstouch,
	.mnemonic.mobile {
		background-position: 0 -288px;
	}

.mnemonic.small {
	width: 24px;
	height: 24px;
	background-image: url('/images/common/mnemonics/24_e14.png');
}
.mnemonic.small.psx2017 {
	background-image: url('/images/common/mnemonics/24_psx2017.png');
}
.mnemonic.small.e2018 {
	background-image: url('/images/common/mnemonics/24_e2018.png');
}

	.mnemonic.small.ps,
	.mnemonic.small.psx {
		background-position: 0 0;
	}
	.mnemonic.small.lr {
		background-position: 0 -24px;
	}
	.mnemonic.small.pse {
		background-position: 0 -48px;
	}
	.mnemonic.small.px {
		background-position: 0 -72px;
	}
	.mnemonic.small.pre {
		background-position: 0 -96px;
	}
	.mnemonic.small.pstouch,
	.mnemonic.small.mobile {
		background-position: 0 -120px;
	}
	.mnemonic.small.products {
		background-position: 0 -143px;
	}
	
.mnemonic.large {
	width: 72px;
	height: 72px;
	background-image: url('/images/common/mnemonics/72_e14.png');
}

	.mnemonic.large.ps,
	.mnemonic.large.psx {
		background-position: 0 0;
	}
	.mnemonic.large.lr {
		background-position: 0 -72px;
	}
	.mnemonic.large.pse {
		background-position: 0 -144px;
	}
	.mnemonic.large.pscom {
		background-position: 0 -216px;
	}
	.mnemonic.large.px {
		background-position: 0 -288px;
	}
	.mnemonic.large.pre {
		background-position: 0 -360px;
	}
	.mnemonic.large.pstouch {
		background-position: 0 -432px;
	}
	.mnemonic.large.overview {
		background-position: 0 -504px;
	}

.totem.icon {
	display: block;
	width: 48px;
	height: 48px;
	background-image: url('/images/common/mnemonics/48_totems_e14.png');
	background-repeat: no-repeat;
}
.totem.icon.psx2017 {
	background-image: url('/images/common/mnemonics/48_totems_psx2017.png');
}
.totem.icon.e2018 {
	background-image: url('/images/common/mnemonics/48_totems_e2018.png');
}

.totem.icon.lr { background-position: 0px 0px; }
.totem.icon.overview { background-position: 0px -48px; }
.totem.icon.pre { background-position: 0px -96px; }
.totem.icon.ps { background-position: 0px -144px; }
.totem.icon.pse { background-position: 0px -192px; }
.totem.icon.pstouch { background-position: 0px -240px; }
.totem.icon.psx { background-position: 0px -288px; }
.totem.icon.px { background-position: 0px -336px; }
.totem.icon.pepe { background-position: 0px -432px; }
.totem.icon.revel { background-position: 0px -384px; }
.totem.icon.revel.solid { background-position: 0px -480px; }

.totem.small {
	display: block;
	min-width: 60px;
	min-height: 60px;
	background-repeat: no-repeat;
}
.totem.small.ps {
	background-image: url('/images/common/mnemonics/ps_62x60.png');
	min-width: 62px;
}
.totem.small.cc {
	background-image: url('/images/common/mnemonics/creative-cloud/72.png');
}
.totem.small.lr {
	background-image: url('/images/common/mnemonics/lr5_62x60.png');
	min-width: 62px;
}
.totem.small.pse {
	background-image: url('/images/common/mnemonics/pse14_62x60.png');
	min-width: 62px;
}
.totem.small.pse.e2018 {
	background-image: url('/images/common/mnemonics/pse2018_62x60.png');
	min-width: 62px;
}


#hero {
	width: 100%;
	min-width: 980px;
	height: 534px;
	overflow: visible;
}

#hero.small {
	height: 414px;
}

#hero .container {
	width: 980px;
	height: 584px;
	
	margin: 0 auto;
	position: relative;
}

#hero.small .container {
	height: 464px;
}

#hero .hero {
	width: 980px;
	height: 584px;
	background-repeat: no-repeat;
	
	position: absolute;
	top: 0;
	left: 0;
}

#hero.small .hero {
	height: 464px;
}

#hero h1, #hero h2, #hero p {
	font-family:  "adobe-clean", sans-serif;
	font-weight: 200;
	color: #fff;
	margin: 0;
}

#hero h1 {
	line-height: 45px;
	font-weight: 400;
}

#hero p {
	font-size: 22px;
	line-height: 28px;
	margin: 15px 0;
}

#hero p .asterisk {
	font-size: 16px;
}

#hero .caption {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	
	position: absolute;
	right: 30px;
	bottom: 20px;
}

#hero .sidekick {
	position: absolute;
	left: 20px;
	bottom: 20px;
	
	padding: 25px 30px 30px;

	background: rgba(0, 0, 0, 0.7);
	background: -moz-linear-gradient(top, rgba(78, 78, 78, 0.7), rgba(0, 0, 0, 0.7));
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(78, 78, 78, 0.7)), to(rgba(0, 0, 0, 0.7)));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#B24E4E4E,endColorstr=#B2000000);
		
	color: #fff;
}

#hero .sidekick a {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

#hero .sidekick a.button {
	margin-top: 10px;
}

#hero .sidekick a.arrow.right {
	display: inline-block;
	margin-top: 18px;
	margin-left: 15px;
}

#hero .hero.ste-promo .content {
	position: absolute;
	left: 0px;
	bottom: 50px;
	padding: 25px 30px 30px;
	color: #fff;
	text-align: center;
	width: 920px;
}
#hero .hero.ste-promo .content p.title {
	font-size: 60px;
	line-height: 60px;
}
#hero .hero.ste-promo .content p.body {
	font-size: 24px;
	line-height: 30px;
	margin: 20px 120px 20px 120px;
}
#hero .hero.ste-promo.ste-updated .content p.title {
	font-size: 36px;
	font-weight: 600;
	line-height: 40px;
}
#hero .hero.ste-promo.ste-updated .content p.body {
	font-size: 20px;
	line-height: 24px;
	margin: 20px 30px 20px 30px;
}
#hero .hero.ste-promo.ste-updated .content a {
	font-size: 20px;
}
#hero .hero.ste-promo .content a {
	font-size: 24px;
}
#hero .hero.ste-promo .content a::after {
    content: "›";
    margin-left: 0.25em;
}
#hero .hero.ste-promo .content a:hover {
	color: #fff;
}

#hero .hero.ste-promo.black-friday .content {
	padding: 20px 10px;
	width: 960px;
}
#hero .hero.ste-promo.black-friday .content p.title {
	font-size: 60px;
	font-weight: 600;
}
#hero .hero.ste-promo.black-friday.en-us .content p.title.long {
	font-size: 52px;
}
#hero .hero.ste-promo.black-friday.en-us .content p.body,
#hero .hero.ste-promo.black-friday.en-us .content a {
	font-size: 36px;
	margin: 15px 0px 15px 0px;
}
#hero .hero.ste-promo.black-friday.de-de .content p.title {
	font-size: 44px;
	line-height: 44px;
}
#hero .hero.ste-promo.black-friday .content p.title.long {
	font-size: 40px;
	line-height: 40px;
}
#hero .hero.ste-promo.black-friday .content p.body,
#hero .hero.ste-promo.black-friday .content a {
	font-size: 32px;
	line-height: 32px;
	margin: 15px 90px 15px 90px;
}

#hero .hero.ste-promo .content .button {
	float: none;
}
#hero .hero.ste-promo .content a.button::after {
	content: none;
}	


.simple_dialog {
	width: 580px;
}

.simple_dialog .description {
	font-size: 18px; 
	line-height: 24px;
	background-color:#E5E5E5;
	color: #666666;
	margin-top: 15px;
	padding: 25px 30px 75px 30px;
}


.simple_dialog .description .body:first-child {
	padding-top: 0px;
}

.simple_dialog .description .body {
	padding-top: 30px;
}

.simple_dialog .content .buttons {
	height: 40px;
	margin-top: 20px;
	overflow: none;
	width: 100%;
}

.simple_dialog .content .buttons a {
	float: right;
	margin: 0 0 0 10px;
}



.adv_arrow {
	width: 16px; height: 52px; background: url('/images/common/adv_arrows.png') no-repeat;
}

.adv_arrow.adv_left { background-position: 0px 0px; }
.adv_arrow.adv_left:hover { background-position: 0px -52px; }
.adv_arrow.adv_right { background-position: 0px -104px; }
.adv_arrow.adv_right:hover { background-position: 0px -156px; }



.closex {
	background-image: url('/images/common/closex.gif');
	background-repeat: no-repeat;
	width:21px;
	height:21px;
}

a.closex {
	display: inline-block;
	background-position: 0% -42px;
}
 
	a.closex:hover {
		background-position: 0% -21px;
	}

	a.closex:active {
		background-position: 0% -0px;
	}


a.closex.special {
	display: inline-block;
	vertical-align: bottom;
	background-position: 0% -63px;
}

	a.closex.special:hover {
		background-position: 0% -21px;
	}

	a.closex.special:active {
		background-position: 0% -0px;
	}





#inline-editor-overlay {
	background: url(about:blank);
	background: rgba(255, 255, 255, 0.0);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

	width: 100%;
	height: 100%;
	
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10000;
}

#inline-editor-popup {	
	position: absolute;
	z-index: 10001;
}

	#inline-editor-popup .close {
		position: absolute;
		top: -20px;
		right: 0px;
		z-index: 10005;
		width: 21px;
		height: 21px;
		background: url('/images/common/overlay/close.gif') 0 0 no-repeat;
		cursor: pointer;
	}

	#inline-editor-popup .close:hover {
		background-position: 0 -21px;
	}
	#inline-editor-popup .close.special:hover {
		background-position: 0 -42px;
	}

	#inline-editor-popup .commit {
		position: absolute;
		top: -20px;
		right: 22px;
		z-index: 10005;
		width: 21px;
		height: 21px;
		background: url('/images/common/overlay/commit.gif') 0 0 no-repeat;
		cursor: pointer;
	}

	#inline-editor-popup .commit:hover {
		background-position: 0 -21px;
	}
	#inline-editor-popup .commit.special:hover {
		background-position: 0 -42px;
	}
	
	#inline-editor-popup .btnDivider {	
		position: absolute;
		height: 21px;
		width: 1px;
		top: -20px;
		right: 21px;
	}