/* INDEX & STYLEMATCH */

#tools #main {
	overflow: hidden;
	min-width: 980px;
}

#tools .hero {
	overflow: hidden;
	width: 100%;
}

#tools .hero .container.tools,
#tools .hero .container.express_editor,
#tools .hero .container.overview,
#tools .hero .container.style_match {
	margin: 0 auto;
	position: relative;
	width: 980px;
}

#tools .hero .container.tools {
   height: 358px;
}

#tools .hero .container.overview,
#tools .hero .container.express_editor {
   height: 414px;
}

#tools .hero .container.style_match {
   height: 534px;
}

#tools .hero .container .hero_image {
	left: 0;
	position: absolute;
	top: 0;
	width: 980px;
}

/* I would use "height:inherit" here, except that it's a no-go in IE7 */
#tools .hero .container.tools .hero_image {
   height: 358px;
}

#tools .hero .container.overview .hero_image,
#tools .hero .container.express_editor .hero_image {
   height: 414px;
}

#tools .hero .container.style_match .hero_image{
   height: 534px;
}

#tools .clear_float {
	clear: both; 
	height: 67px; 
	overflow: hidden;
}

#tools .page_divider, 
#tools .page_divider_style_match 
{
	display: block;
	margin: 40px 0 40px;
	height: 1px;
	border-top: 1px dotted #cccccc;
}

#tools .page_divider_style_match 
{
	margin-bottom: 38px;
}

#tools .page_divider_style_match.social_buttons
{
	margin-top: 40px;
}

#tools .social_button_container
{
	text-align: center;
	width: 380px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
}

#tools .extra
{
	height: 37px;
}


#tools .hero h1, #tools .hero h3 {
	color: #fff;
	text-align: center;
}

#tools .hero h1 {
	margin: 30px 0 15px 0;
	line-height: 45px;
}

#tools .hero h2,
#tools .hero h3 {
	font-weight: 400;
	color: #fff;
	font-size: 22px;
	line-height: 28px;
	font-family: "myriad-pro", "myriad-pro-1", "myriad-pro-2", sans-serif;
}

#tools .hero h2 {
	text-align: left;
}

#tools .header_text_div,
#tools .header_text_style_match {
   text-align: center;
   font-size: 24px;
   line-height: 32px;
   margin: -16px 86px 12px;
}

#tools .header_text_style_match {
   margin: -16px 56px 10px;
}

#tools .header_text {
   color: #666666;
}

#tools .block_left {
   width: 460px;
   float: left;
}

#tools .block_right {
   width: 460px;
   float: right;
   padding-left: px;
}


#tools .block_title {
   color: #000000;
   font-weight: bold;
   font-size: 20px;
   line-height: 28px;
}

#tools .block_body {
   color: #666666;
   font-size: 16px;
   line-height: 24px;
   padding-bottom: 10px;
}

#tools .block_subhead {
   font-weight: bold;
   font-size: 16px;
   line-height: 24px;
   margin-top: 10px;
   padding-bottom: 2px;
}

.new_item_arrow {
	background: transparent url('/images/common/overlay/tip_end.png') no-repeat 0 0;
	position: absolute;
	width: 20px;
	height: 35px;
	top: 0px;
	right: -20px;
}

.new_item_box {
	height: 18px;
	right: 0px;
	background-color: #008CDA;
	color: #FFF;
	position: absolute;
	text-align: right;
	padding-left: 10px;
	padding-top: 6px;
	visibility: hidden;
	font-size: 13px;
}

.new_item_link {
	color: #FFF;
}

#tools .box_body {
   color: #000000;
   font-size: 18px;
   line-height: 24px;
   width: 460px;
}

#tools .screenshot {
   margin-left: -6px;
   margin-right: -6px;
}

#tools .sub_photo_info {
   color: #666666;
   font-size: 10px;
}

#tools .price_info {
	color: #666666;
	font-size: 11px;
	padding-top: 2px;
}

#tools .multiple_links {
	margin-top: 11px;
}

#tools .multiple_links p {
	line-height: 11px
}

#tools .superscript {
	vertical-align: super;
	font-size: 14px;
}

#tools .express_editor_hero {
	margin-left: 550px !important;
}

#tools .express_editor_hero_title {
	text-align: left !important;
	margin-top: 85px !important;
}

#tools .express_editor_content {
	width: 660px;
	float: left;
	margin-right: 40px;
	margin-bottom: 42px;
}

#tools .express_editor_overview {
	line-height: 24px;
	border-bottom: 1px dotted #CCCCCC;padding-bottom:32px;
}

#tools .express_editor_overview_title {
	font-size: 20px;
	font-weight: bold;
}

#tools .express_editor_overview_description {
	color: #666;
	font-size: 16px;
}

/* overview page -begin */

#tools .overview_hero {
	font-family: "myriad-pro", "myriad-pro-1", "myriad-pro-2", sans-serif;
	margin-top: 30px;
}

#tools .overview_hero .title {
	margin-left: 58px;
	margin-right: 15px;
	color: #000;
	display: inline;
}

#tools .overview_hero .description1 {
	display: inline;
	color: #666;
}

#tools .overview_hero .overview_right .description2 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 25px;
}

#tools .overview_hero .overview_right {
	position: absolute;
	top: 81px;
	left: 580px;
	width: 379px;
	color: #666;
	line-height: 30px;
}

#tools .overview_hero .overview_right ul {
	list-style-position: inside;
	list-style-type: none;
	margin: 6px 0px 20px;
	color: #666;
	font-size: 18px;
	line-height: 28px;
}

#tools .overview_hero .overview_right li {
	background: url(../images/tools/overview/blue_arrow.png) no-repeat scroll 0 8px transparent;
	padding-left: 20px;
}

.hero_attachment_1 {
	background: url(../images/tools/overview/edit_share_hero_btm.jpg) no-repeat scroll 0 0 transparent;
	width: 980px;
	height: 30px;
	margin: 0 auto;
	margin-top: -1px;
}

.hero_attachment_2 {
	background-color: white;
	width: 980px;
	margin: 0 auto;
	line-height: 28px;
}

.hero_attachment_2_inner {
	margin: 0 auto;
	width: 900px;
	padding: 20px;
	background-color: #333;
	overflow: auto;
}

.hero_attachment_2 .title {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-top: -7px;
}

.hero_attachment_2 .subtitle {
	color: #A9A9A9;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

.hero_attachment_2 .column_left {
	background: url(../images/products/mobile/common/appicons/px_48.png) no-repeat scroll 0 0 transparent;
	float: left;
	width: 400px;
	padding-left: 68px;
}

.hero_attachment_2 .column_right {
	background: url(../images/tools/overview/test_drive_edit_icon.png) no-repeat scroll 0 0 transparent;
	float: right;
	width: 352px;
	padding-left: 46px;
}

.section.overview_content {
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	margin-bottom: 40px !important;
	background-color: #FFF !important;
}

.overview_content .column_left_outer {
	width: 640px;
	float: left;
}

.overview_content .column_right_outer {
	width: 300px;
	float: right;
}

.overview_content .column_left_outer .column_left_inner {
	width: 300px;
	float: left;
	margin-right: 20px;
}

.overview_content .column_left_outer .column_right_inner {
	width: 300px;
	float: right;
	margin-right: 20px;
}

.overview_content .column_pod {
	height: 295px;
}

.overview_content .column_pod .title {
	color: #fff;
	font-size: 22px;
	padding-top: 187px;
	padding-left: 20px;
}

.overview_content .column_pod .subtitle {
	color: #A9A9A9;
	font-size: 15px;
	padding-top: 8px;
	padding-left: 20px;
	margin-bottom: -1px;
}

.overview_content .column_pod .buttons {
	padding-left: 20px;
	margin: 20px 0;
}

.overview_content .column_pod a {
	float: left !important;
}

.overview_content ul {
	list-style-type: disc;
	margin: 12px 0px 60px 15px;
	color: #666;
	font-size: 16px;
}

.overview_content li {
	line-height: 22px;
	padding-bottom: 8px;
}

.overview_content .column_pod.edit {
	background: url(../images/tools/overview/img_edit_pod.jpg) no-repeat scroll 0 0 #333;
}

.overview_content .column_pod.share {
	background: url(../images/tools/overview/img_share_pod.jpg) no-repeat scroll 0 0 #333;
}

.overview_content .column_pod.more {
	background: url(../images/tools/overview/img_more_pod.jpg) no-repeat scroll 0 0 #333;
}


.button.ab_blue {
	color: #fff;
	border-color: #006699;
}
.button.ab_blue:hover {
	border-color: #1F75A5;
}
.button.ab_blue:active {
	border-color: #004E7A;
}

.button.ab_gold {
	color: #320000;
	border-color: #996600;
}
.button.ab_gold:hover {
	border-color: #A47828;
}
.button.ab_gold:active {
	border-color: #7A520F;
}
.button.ab_small {
	font-size: 14px;
	height: 28px;
	border-width: 1px;
	padding: 0 20px;
}
.button.ab_large {
	font-size: 28px;
	height: 56px;
	border-width: 2px;
	padding: 0 20px;
	line-height: 56px;
}
.button.ab_gold.ab_small {
	background: url(/images/tools/overview/button_gold_sprite.png) left top repeat-x;
}
.button.ab_gold.ab_large {
	background: url(/images/tools/overview/button_gold_xlrg_sprite.png) left top repeat-x;
}
.button.ab_blue.ab_small {
	background: url(/images/tools/overview/button_blue_sprite.png) left top repeat-x;
}
.button.ab_blue.ab_large {
	background: url(/images/tools/overview/button_blue_xlrg_sprite.png) left top repeat-x;
}
.button.ab_small:hover {
	background-position: 0 -28px;
}
.button.ab_small:active {
	background-position: 0 -56px;
}
.button.ab_large:hover {
	background-position: 0 -56px;
}
.button.ab_large:active {
	background-position: 0 -112px;
}


/* overview page - end */

/* upload - begin */
.storage_div {
	margin-top: 10px;
}

.storage_div .major {
	font-size: 14px;
	vertical-align: bottom;
	display: inline-block;
}

.storage_free_icon {
	margin-left: 30px;
	margin-right: 5px;
	display: inline;
	vertical-align: bottom;
}

.storage_used_icon {
	margin-right: 5px;
	display: inline;
	vertical-align: bottom;
}

.free_storage_guage {
	background: #999;
	float: left;
	height: 30px;
}

.used_storage_guage {
	background: #008CDA;
    float: left;    
	height: 30px;
}

#storage_meter {
	font-size: 18px;
	color:#666666;
}
#storage_meter #add_storage {
	margin-top: 8px;
	margin-left: 15px;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	vertical-align: bottom;
}

#upload {
	color: #666;
	min-height: 480px;
}

#upload .left {
	float: none;
}

#upload .header {
	margin-bottom: 10px;
}

#upload .header h1 {
	font-size: 32px;
	line-height: 40px;
	position: relative;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 0;
}

#upload .header p {
	color: #666;
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
	margin: 0;
}

#upload .header .top_links {
	padding-bottom: 10px;
}

#upload .header .button {
	float: right;
}

#upload .section {
	background-color: #e5e5e5;
	padding: 30px 30px;
	min-height: 330px;
	margin-bottom: 15px;
}

#upload .section_divider {
	border-bottom: 3px solid #D9D9D9;
	margin: 0 0 39px 0;
}

#upload h2 {
	font-size: 24px;
	color: #000;
}
#upload h3 {
	font-weight: normal;
}
#upload .button {
	float: none;
}
#upload #file_queue {
	margin-bottom: 15px;
}
#upload p {
	font-size: 14px;
	line-height: 18px;
	width: 100%;
	margin-bottom: 20px;
	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+ */
}
#upload .upload_section {
	margin-bottom: 20px;
}

#upload_supported_formats.dialog {
	width: 620px;
	font-size: 16px;
	line-height: 18px;
}
#upload_supported_formats.dialog h3 {
	color: #666;
	margin-bottom: 5px;
}
#upload .achtung {
	color: #F00;
}
#upload .green {
	color: #090;
}

#upload #storage_display {
	margin-top: 20px;
}

#upload #choose_files {
	font-weight: bold;
}

#upload .album_pod {
	margin-top: 10px;
	padding: 20px;
	background-color: #e5e5e5;
	height: 110px;
	width: 440px;
	font-size: 16px;
	color: #666;
}
#upload .album_pod .title {
	font-weight: bold;
	color: #000;
}
#upload .album_pod .cover {
	margin-right: 15px;
}
#upload .album_pod .button {
	margin-top: 10px;
}
#upload #share_widget .description {
	float: right;
	width: 270px;
}
#upload #share_widget {
	margin-top: 10px;
}
#upload #share_widget h4 {
	padding-bottom: 8px;
	font-size: 14px;
}
#upload #share_widget .privacy_message {
	font-size: 12px;
	line-height: 14px;
	color: #666;
}
#upload #share_widget .privacy_message a {
	cursor: pointer;
}

#upload #side_panel {
	width: 250px;
}
#upload #side_panel .button {
	margin-left: 20px;
}
#upload #file_queue {
	float: right;
	width: 600px;
}
#upload .file_queue_bottom {
	height: 20px;
}
#upload #queue_amounts {
	float: left;
}
#upload #queue_amounts span,
#upload .file_queue_bottom .supported_formats {
	padding-right: 20px;
}
#upload #upload_status {
	float: right;
}
#upload .spinner {
	margin-right: 10px;
	position: relative;
	/*top: 2px;*/
}
#upload .status {
	vertical-align: top;
}

#upload #album_form input[type="radio"] {
	position: relative;
	left: -25px;
	margin-bottom: 5px;
}
#upload #album_form label {
	position: relative;
	left: -20px;
	margin-bottom: 5px;
}
#upload #album_form label.error {
	left: 0px;
	font-size: 12px;
}
#upload #album_form #album_id,
#upload #album_form #new_album_name {
	width: 220px;
}
#upload #album_form {
	margin-bottom: 20px;
}
#upload #album_form .group {
	margin-bottom: 15px;
	padding-left: 20px;
}

#upload .file_list {
	padding: 20px;
	height: 260px;
	border: 2px solid #D9D9D9;
	margin-bottom: 20px;
	background-color: #FFF;
	overflow-y: scroll;
	list-style: none;
	line-height: 20px;
}
#upload .file_list li {
	margin-bottom: 5px;
	height: 20px;
}

#upload .file_list .file_name {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	width: 240px;
	text-overflow: ellipsis;
}
#upload .file_list .file_size,
#upload .file_list .file_action {
	float: right;
	text-align: right;
}
#upload .file_list .file_action {
	width: 80px;
}
#upload .file_list .file_size {
	width: 50px;
}
#upload .file_list .file_status {
	margin-left: 20px;
	float: right;
	width: 100px;
}
#upload .file_list .progress_ready {
	width: 180px;
}

#upload #status_progress {
	width: 180px;
	position: relative;
	right: 35px;
}
#upload #status_progress .progress_text {
	left: 15px;
}
#upload #status_progress .progress_gauge {
	position: relative;
	top: -3px;
}

#upload .progress_gauge {
	background: #666;
	width: 120px;
	height: 20px;
	float: left;
}
#upload .progress_bar {
	background: #008CDA;
	width: 0px;
	height: 20px;
}
#upload .progress_text {
	position: relative;
	left: 135px;
}

#upload .file_action .delete {
	background: url("/images/common/remove_sprite.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: inline-block;
	height: 10px;
	margin: 0px 0px 3px 0px;
	padding-top: 0 !important;
	vertical-align: text-bottom;
	width: 17px;
}

#upload .file_action .remove_file:hover .delete {
	background-position: 0 -11px;
}

#album_exists_dialog {
	width: 620px;
	min-height: 270px;
	position: relative;
	padding-bottom: 15px;
	color: #666;
}

#upload .file_action .remove_file.disabled {
	color: #666;
}
#upload .file_action .remove_file.disabled:hover .delete {
	background-position: 0 0;
}

/* upload - end */

.section.online_tools h1 {
	font-family: "adobe-clean", sans-serif;
	font-weight: 300;
	font-size: 45px;
	margin: 0;
}

.section.online_tools .ccp {
	background: url(/images/tools/ccp_tools.jpg) no-repeat;
	height: 390px;
	width: 940px;
	margin-top: 20px;
}
.section.online_tools .ccp.timi {
	background: url(/images/tools/ccp_timi.jpg) no-repeat;
}
.section.online_tools .ccp .text {
	padding: 80px 40px 0 510px;
	color: #FFF;
}
.section.online_tools .ccp .text h4 {
	font-family: "adobe-clean", sans-serif;
	font-weight: 300;
	font-size: 43px;
}
.section.online_tools .ccp .text p {
	font-family: "adobe-clean", sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 24px;
	padding: 10px 0;
}

.section.online_tools .express_editor {
	margin: 40px 0 80px 0;
	font-family: "adobe-clean", sans-serif;
	font-weight: 300;
}
.section.online_tools .express_editor .icon {
	width: 90px;
	height: 65px;
	border: 6px solid #ccc;
	background-size: 183px 128px;
	background-image: url('/images/tools/picker/icons.gif');
	background-repeat: no-repeat;
	float: left;
	margin-right: 20px;
}
.section.online_tools .express_editor .icon:hover {
	background-position: 0 -63px;
}	
.section.online_tools .express_editor h4 {
	font-size: 24px;
}
.section.online_tools .express_editor p {
	font-size: 20px;
}
.section.online_tools .express_editor a {
	font-size: 20px;
	font-weight: 300;
}

.section.online_tools .editor {
	background: url(/images/tools/ps_online_tools_940x380.jpg) no-repeat;
	height: 380px;
	width: 940px;
}
.section.online_tools .editor .text {
	padding: 80px 40px 0 510px;
}
.section.online_tools .editor .text h4 {
	font-family: "adobe-clean", sans-serif;
	font-weight: 700;
	font-size: 24px;
}
.section.online_tools .editor .text p {
	font-family: "adobe-clean", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #666;
}
.section.online_tools .editor .text a {
	font-size: 18px;
}

.section.online_tools .revel {
	margin-top: 40px;
	background: url(/images/tools/revel_devices.jpg) no-repeat right;
	height: 220px;
	width: 940px;
}
.section.online_tools .revel .text {
	padding-right: 355px;
}
.section.online_tools .revel .text h5 {
	font-family: "adobe-clean", sans-serif;
	font-weight: 700;
	font-size: 20px;
}
.section.online_tools .revel .text p {
	font-family: "adobe-clean", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #666;
}
.section.online_tools .revel .text a {
	font-size: 16px;
}