@charset "UTF-8";
/* -----------------------------------------------------
$Revision: 1.13 $

1.0 UNIVERSAL RESETS
2.0 LAYOUT OR PAGE STRUCTURE
3.0 GENERIC CLASSES
4.0 HEADER
5.0 NAVIGATION
6.0 PAGE ELEMENTS
7.0 PAGE SPECIFIC STYLES
8.0 FOOTER

/*
*********************************************
1.0 UNIVERSAL RESETS: THESE HAVE BEEN SET IN THE RESET.CSS FILE
*/

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* Safari 3.0 and Chrome rules here */
		button	{ height: 20px; }
		#utility-nav button#btn-search { width: 53px; }
	}

/*
**********************************************
2.0 LAYOUT OR PAGE STRUCTURE
*/
	html 				{ margin: 0;  }
	body 				{ background: #877b6d url(../images/bg_body.jpg) repeat-x top; font: 11px verdana,helvetica,arial,sans-serif; }
	#page-wrapper		{ width: 960px; margin: 0 auto; text-align: left; border: 1px solid #999; border-top: none; }


/*
************************************************
3.0 GENERIC CLASSES
*/

	p, li				{ font: 11px verdana,sans-serif; }
	strong				{ font-weight: bold; }
	a					{ text-decoration: none; color: #277493; }
	a.help 				{ display: inline-block; background: transparent url(../images/icon_help.png) 0 50% no-repeat; padding: 5px 0 5px 17px; margin: 15px 0 0 1px; font-weight: bold; }
	a.small-link		{ font-size: 11px !important; font-weight: normal !important; padding-left: 10px; display: inline !important;}
	ul.list				{ list-style-type: disc; margin: 10px 0 10px 15px; padding-left: 15px; }
	ul.list li			{ line-height: 1.5em; margin-bottom: 0.8em;}
	ol.list 			{ list-style-type: decimal; margin: 0 0 10px 15px; padding-left: 15px; }
	ol.list li			{ line-height: 1.5em; }
	.hidethis			{ display: none; }
	button				{ font: 11px verdana,helvetica,arial,sans-serif; color: #444; }
	button.float-right	{ float: right; display: inline; margin-top: -5px; }

	p.first-para		{ margin-top: 3px !important; }


	/* Float Clear FIX - All Browsers */
	.group:after				{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	 * html .group 				{ height: 1%; }
	*:first-child+html .group	{ min-height: 1px; }
	.clearleft					{ clear: left; }

	/* Button Width FIX for IE */
	button 						{ width: 0; padding: 2px 5px; /* IE table-cell margin fix */ overflow: visible; }
	button[class] 				{ width: auto;  /* cancel margin fix for other browsers */ }

	.reqd						{ color: #900; }
	input, select, textarea		{ font: 12px verdana,sans-serif; }
	
/* 
*************************************************
4.0 HEADER 
*/

	a#skip-link				{ position: absolute; top: -100px; left: -100px; }
	div#header				{ background: url(../images/bg_header.png) no-repeat; height: 87px;  }
	#header h1				{ color: #fff; float: left; width: 175px; }
	#header h1 a			{ display: block; text-decoration: none; text-indent: -9999px; height: 75px; }

	/* 4.2 TOP NAVIGATION
	----------------------------------------------------------------------*/
	#nav-wrapper			{ float: right; width: 755px; }
    #utility-nav			{ text-align: right; padding: 15px 7px 13px 0; color: #65562f; } /* UPDATED */
	#search					{ margin-right: 10px; float: left; display: inline;  } /* UPDATED */
    #utility-nav input 		{ width: 160px; color: #65562f; margin-right: 5px; }
    #utility-nav select		{ width: 160px; color: #65562f; margin-left: 2px; }
    #username				{ margin-right: 5px; white-space: nowrap; }  /* UPDATED */
	#utility-nav a	  		{ text-decoration: none; color: #65562f; font: bold 11px verdana,sans-serif; margin: 0 2px; }
	#utility-nav a:hover	{ border-bottom:1px dotted #65562F; }
	#utility-nav button#btn-search
							{ width: 33px; padding: 0; margin: 0; }

	/* 4.3 MAIN NAVIGATION
	-----------------------------------------------------------------------*/
    div#top-nav				{ position: relative; zoom: 1; padding-top: 3px; }
	div#top-nav li			{ float: left; display: inline-block; padding: 7px 40px 0px 25px; }
	div#top-nav li:last-child
							{ padding: 7px 10px 0px 60px; }
	div#top-nav li, x:-moz-any-link  /* target only Firefox, overriding the style above */ 
							{ padding: 10px 40px 0px 25px; }
	div#top-nav li:last-child, x:-moz-any-link  /* target only Firefox, overriding the style above */ 
							{ padding: 10px 10px 0px 60px; }							

	div#top-nav li a		{ color: #fff; text-decoration: none; font: 18px verdana,sans-serif; text-transform: lowercase; }
    div#top-nav li a:hover	{ border-bottom: 2px solid #9b8373; }
	div#top-nav li a.selected, #home div#top-nav li#nav-home a, #marketplace div#top-nav li#nav-marketplace a, #watch-list div#top-nav li#nav-watch-list a,
	#developers div#top-nav li#nav-developers a, #sell-app div#top-nav li#nav-sell-app  a
							{ border-bottom: 2px solid #9b8373; }
	#myaccount a#nav-myaccount, #about a#nav-about
							{ border-bottom: 1px dotted #65562f; }



/* 
*************************************************
5.0 MAIN CONTENT
*/
	div#content				{ background: transparent url(../images/bg_content.png) repeat-y; padding: 0 9px 5px 12px; position: relative; }
	div#content-sub			{ background: transparent url(../images/bg_content_sub.png) repeat-y; padding: 0 14px 5px 9px; position: relative; }
	div#content-white		{ padding: 1px 25px 5px 25px; position:relative; background: #fff; }

    div#supp-column 		{ float: left; display: inline; width: 250px;  }
    div#main-column			{ float: right; display: inline; width: 664px; }

	div#supp-column-right 	{ float: right; display: inline; width: 250px;}
	div#main-column-left	{ float: left; display: inline; width: 664px; }

	/* 5.1 LEFT (SUPPLEMENTAL) COLUMN
	-----------------------------------------------------------------------*/
    div.section 			{ width: 250px; background: transparent url(../images/bg_box_left_col.png) bottom no-repeat; margin-top: 17px; }
	div.section h3 			{ font: bold 12px verdana,sans-serif; padding: 8px 0 7px 8px; text-transform: lowercase;
							  background: #d3d3d3 url(../images/bg_heading_left_col.png) no-repeat; color: #fff; }
    div.section a			{ color: #076083; }
	ul.list-items 			{ border-top: 1px solid #7a6556; }
	ul.list-items li 		{ float: left; width: 85px; margin: 13px 20px 5px 20px; }
	ul.list-items li img	{ display: block; margin-bottom: 7px; }
	ul.list-items li a		{ display: block; font-size: 11px; }
	ul.list-items li.newline
							{ clear: left; }
	div.see-all				{ text-align: right; margin: 0 10px 10px 0; font: 11px verdana,sans-serif; text-transform: lowercase; }


	div.section p				{ margin: 10px 15px; line-height: 16px;}
	div.bus-card				{ margin: 10px 15px; }
	div.bus-card h4				{ margin-bottom: 5px; text-transform: lowercase; color: #4c4c4c; }
	div.bus-card div.developer	{ float: left; display: inline; width: 90px; }
	div.developer img			{ display: block; margin-bottom: 5px; }
	div.bus-card div.info		{ float: left; width: 130px; }
	div.bus-card div.info a		{ display: block; margin-bottom: 4px; }

	div.section-footer 			{ background: transparent url(../images/bg_footer_left_col.png) bottom no-repeat; padding: 6px 6px 7px 8px;
						 			font: bold 11px verdana,sans-serif; color: #fff; }
	div.section-footer a		{ color: #fff; text-decoration: underline; }
    #watchlist					{ border-top: 1px solid #7a6556; }  /* Only on the home page */


    /* 5.2 RIGHT (MAIN) COLUMN
	-----------------------------------------------------------------------*/

    /* CAROUSEL */
    div.carousel-section 		{ margin-bottom: 20px; margin-top: 15px; }
	ul.carousel-apps li a		{ color: #fff; font: bold 12px verdana,sans-serif; }
	ul.carousel-apps li p 		{ color: #fff; margin-bottom: 5px; font: 11px/16px verdana,sans-serif; text-align: left; line-height: 14px; }
	ul.carousel-apps li div		{ text-align: left; margin-bottom: 5px; }
	ul.carousel-apps li div.app-item-wrapper
								{ padding: 10px; }
    ul.carousel-apps li img 	{ float: left; display: inline; margin-right: 12px; }
    div.carousel-actions 		{ margin: 10px 6px 0 0; color: #666; font-weight: bold; }
	
	
	div.carousel 						{ clear: both; background:transparent url(../images/bg_carousel.png) repeat-x; padding: 0; position: relative; }
	ul.carousel-apps					{ padding-top: 10px; }
	ul.carousel-apps li 				{ color:#DDDDDD; display:inline; float:left; width:291px; padding-left: 10px; margin-left: 30px; }
	div.carousel ul li div.image		{ float: left; text-align: center; }
	div.carousel ul li div.info			{ float: left; width: 180px; }

	div.data							{ margin-top: 30px; }
	div.data p a						{ padding-top: 10px; }
	div.data fieldset					{ margin: 5px 0; padding: 5px 0; }		
	div.data fieldset legend			{ margin-left: 0px; font-weight: bold; }							
	div.data p label					{ width: 100px; text-align: left; display: inline; color: #ddd; }
	div.data p span						{  }
	
	div.carousel div.arrow				{ background: url(../images/carousel_arrows.png) no-repeat 50% 0;
		 position: absolute; top: 65px; width: 20px; height: 28px; cursor: pointer; }
	div.carousel div.arrow.left			{ left: 10px; background-position: 0 0; }
	div.carousel div.arrow.right		{ right: 10px; background-position: -20px 0; }
	

    /* MAIN SECTION - HOME PAGE */
    div.main-section					{ margin: 20px auto; }
	
	div.main-section h3					{ font: bold 12px verdana,sans-serif; color: #fff; padding: 6px 6px; background: #fff url(../images/bg_heading_recently_added.png) no-repeat; border-bottom: 1px solid #fff; }
	div.actions 						{ background: transparent url(../images/bg_sort.png) repeat-x;  border-bottom: 1px solid #fff; }
	div.actions div.sort-options		{ float: left; display: inline; width: 250px; padding: 9px 6px; font-size: 11px; color: #333;  }
	div.actions div.stage-views			{ float: right; display: inline; text-align: right; width: 350px; padding: 4px 6px 3px 0; font-size: 11px; color: #333; }
	div.actions div.stage-views img		{ vertical-align: middle; }

	ul.list-apps						{ clear: both; }
	ul.list-apps li 					{ float: left; display: inline; width: 332px; color: #8c8c8c; }
	ul.list-apps li.odd, ul.list-account-apps li.odd
										{ background: #ebebeb; }
	ul.list-account-apps li div.form span
										{ color: #4a4a4a; }
	ul.list-apps li div.app-item-wrapper
										{ padding: 10px; }
	ul.list-apps li a, ul.list-account-apps a
										{ display: block; margin: 0 0 3px 3px; color: #005b80; font: bold 12px verdana,sans-serif; }
	ul.list-apps li a.app-name, ul.list-account-apps a.app-name
										{ font-size: 14px; }
	ul.list-apps li a.app-title			{ display: inline; }
	ul.list-apps div.company-name, ul.list-account-apps div.company-name
										{ color: #666; margin: 0 0 7px 3px; }
	ul.list-apps div.app-img 			{ float: left; display: inline; height: 92px; background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff; margin-right: 10px; }
	ul.list-apps div.app-img a			{ text-decoration: none; display: inline-block; margin: 0; border: none;}

	ul.carousel-apps div.app-img		{ width: 89px; height: 90px; background-position: 50% 50%; background-repeat: no-repeat; background-color: #000; margin-right: 10px; }
	ul.list-apps div.app-desc			{ float: left; display: inline; width: 200px; }
	ul.list-apps div.app-desc p			{ margin-bottom: 6px; line-height: 16px; }
	div.tags							{ margin: 8px 0 10px 0; color: #777; }

	div.app-actions 					{ margin: 10px 0 0 0; color: #666; font-weight: bold; }
	div.app-actions	a.btn-paypal		{ display: inline-block; background: url(../images/btn_paypal_buy_now.gif) no-repeat;
									  		width: 68px; height: 23px; margin-right: 3px;  }
	div.app-actions a.btn-paypal span	{ text-indent: -9999px; color: transparent; }
	div.app-actions p 					{ float: right; }
	div.app-actions p a					{ font-weight: normal; font-size:11px; }
	ul.list-apps a.btn-buy, a.btn-buy, div.app-actions p a.btn-buy
										{ color: #fff; background: transparent url(../images/buy-tag.png) no-repeat 0 0; width: 45px; height: 15px; display: inline-block; padding: 2px 2px 2px 6px; font: bold 11px verdana,sans-serif; text-transform: lowercase; vertical-align: middle; }
	ul.list-apps a.btn-buy:hover, a.btn-buy:hover
										{ background-position: 0 -19px; }
	
	/* PAGINATION */
	
	div.pagination					{ background: #fff url(../images/bg_pagination.png) repeat-x; padding: 10px; }
	div.pagination div.pages		{ float: right; display: inline; }
	div.pagination div.count		{ float: left; display: inline; }
	#search-results div.pagination	{ width: 644px; }

/*
*************************************************
6.0 PAGE ELEMENTS
*/

	/* 6.1 BREADCRUMBS
	---------------------------------------------*/
		div.breadcrumbs 			{ margin: 10px; }
	
	/* 6.2 TRI-TOGGLE STATE
	---------------------------------------------*/

	div.stage-views span			{ float: right; display: inline; margin: 8px 5px 0 0; }
	
	ul.tri-buttons					{ margin-top: 3px; float: right; display: inline; width: 195px; height: 25px; background: url(../images/tri-buttons.png) no-repeat 0 0; }
	ul.tri-buttons.step-1			{ background-position: 0 0; }
	ul.tri-buttons.step-2			{ background-position: 0 -25px; }
	ul.tri-buttons.step-3			{ background-position: 0 -50px; }

	ul.tri-buttons li				{ float: left; display: inline; width: 65px; height: 25px; }
	ul.tri-buttons li a				{ display: block; text-align: center; height: 20px; padding-top: 5px; color: #000; }
	
	/* 6.3 TOOLTIP
	---------------------------------------------*/
	
	div.tooltip								{ display: none; background: url(../images/tooltip-bg-color.png); font-size: 12px; padding: 10px; border: solid 1px #999; color: #000; -webkit-box-shadow: 0 1px 2px #333; -moz-box-shadow: 0 1px 2px #333; }
	div.tooltip div.tooltip-tip				{ position: absolute; bottom: -12px; left: -15px; width: 26px; height: 30px; background: transparent url(../images/tooltip-tip.png) no-repeat; }
	div.tooltip.bottom div.tooltip-tip		{ top: -12px; left: -15px; background-image: url(../images/tooltip-tip-bottom.png); }
	div.tooltip.bottom.left div.tooltip-tip	{ top: -12px; right: -15px; left: auto; background-image: url(../images/tooltip-tip-bottom-left.png); }
	div.tooltip.left div.tooltip-tip		{ bottom: -12px; right: -15px; left: auto; background-image: url(../images/tooltip-tip-left.png); }
	
	div.tooltip h3							{ margin: 0 0 5px 0; padding: 0 0 5px 0; font-size: 13px; border-bottom: solid 1px #999; }
	div.tooltip dl							{ margin: 0; padding: 0; list-style: none; font-size: 11px; }
	div.tooltip dl dt						{ float: left; display: inline; clear: both; width: 150px; text-align: right; color: #666; font-size: 11px; }
	div.tooltip dl dd						{ margin-left: 155px; }
	
	/* 6.4 PROGRESS BAR
	---------------------------------------------*/
	div.progress-bar 						{ background: url(../images/progress-bar-outer.png) no-repeat 0 0;
		height: 13px; width: 160px; display: inline-block; padding: 0; margin: 0; position: relative; }
	div.progress-bar div.fill-bar			{ background: url(../images/progress-bar-inner.png) no-repeat;
		position: absolute; top: 1px; left: 1px; height: 11px; width: 0px; }
	div.progress-bar div.text-amount		{left: 110px; top: 0px; font-size: 11px; white-space: nowrap; }
	
	/*div.progress-bar div.text-amount		{ position: absolute; left: 110px; top: 0px; font-size: 11px; white-space: nowrap; }*/
 	
	/* 6.5 TABLE "MESA"
	---------------------------------------------*/
	table.mesa							{ /*border: solid 1px #ccc; */ border-collapse: collapse; background: #fff; width: 100%; margin: 10px 0; }
	table.mesa th						{ vertical-align: bottom; text-align: left; border: solid 1px #555; padding: 5px; background: #777; color: #eee; }
	table.mesa td						{ border: solid 1px #ccc; padding: 5px; }
	table.mesa td.center,
	table.mesa th.center				{ text-align: center; }
	table.mesa td.number,
	table.mesa th.number				{ text-align: right; }
	table.mesa tbody tr.even td			{ background: #eee; }
	
	table.mesa td.valid div.invalid		{ display: none; }
	table.mesa td.invalid div.valid		{ display: none; }
	table.mesa td div.invalid			{ color: #666; }
	
	table.mesa tr.subtotal td			{ font-weight: bold; background: #ddd; border-bottom: 2px solid #777; }
	
	table.amounts-table th				{ background: #eee; color: #444; border-color: #ccc; }
	table.amounts-table tr td			{ background: #FFF1CF; }
	table.amounts-table tr.disabled td		{ background: #fff; }
	table.amounts-table tr.disabled input	{ background: #eee; }
	
	/* Gives the appearance of a sub-header-row */
	
	table tbody tr.header td			{ font-weight: bold; border: none; border-bottom: solid 1px #333; }
	table tbody tr.director td a		{ font-weight: bold; }
	table tbody tr.spacer td			{ height: 20px; border: none; padding: 0; }
	
	/* 6.6 TABLE: .marketing-rep-table
	---------------------------------------------*/
	table.marketing-rep-table						{ border-collapse: collapse; background: #fff; width: 100%; margin: 10px 0; }
	table.marketing-rep-table th					{ vertical-align: bottom; text-align: left; border: solid 1px #555; padding: 5px; background: #777; color: #eee; }
	table.marketing-rep-table td.center,
	table.marketing-rep-table th.center				{ text-align: center; }
	table.marketing-rep-table td					{ border: solid 1px #ccc; padding: 5px; }
	table.marketing-rep-table td.number,
	table.marketing-rep-table th.number				{ text-align: right; }
	table.marketing-rep-table tbody tr.even td		{ background: #eee;	}
	
	table.marketing-rep-table td div.show-if-inactive			{ display: none; }
	table.marketing-rep-table td.inactive div.show-if-inactive	{ display: block; }
	table.marketing-rep-table td.inactive div.show-if-active	{ display: none; }
	table.marketing-rep-table td div.show-if-inactive			{ color: #666; }
	
	table.marketing-rep-table tbody tr.director td	{ font-weight: bold; border-bottom: solid 1px #333; padding-top: 20px; border-left: none; border-right: none; }
	
	/* 6.7 MISC
	---------------------------------------------*/
	div.table-pagination			{ text-align: right; padding: 5px 0; }
	div.table-pagination div.pages	{ float: left; display: inline; }
	div.msg-acknowledge				{ display: none; }
	div.popup span.label			{ cursor: pointer; font-weight: normal; }
	
	fieldset.popup-fieldset			{ width: 600px; margin: auto; }
	fieldset.popup-fieldset h2		{ margin-top: 20px; }

/* 
*************************************************
7.0 PAGE SPECIFIC
*/
	/* 7.1 HOME
	---------------------------------------------------------*/
	
	#banner					{ width: 663px; height: 190px; position: relative; margin: 10px 0; overflow: hidden; }
	#banner ul.banner-bg	{ position: absolute; top: 0; left: 0px; width: 1989px; }
	#banner ul.banner-bg li	{ position: absolute; top: 0; left: 0;display: none; height: 163px; width: 663px; background-repeat: no-repeat; }
	
	#banner ul.banner-bg li.banner-bg-1	{ background-image: url(../images/banner-slide-1.png); }
	#banner ul.banner-bg li.banner-bg-2	{ background-image: url(../images/banner-slide-2.png); }
	#banner ul.banner-bg li.banner-bg-3	{ background-image: url(../images/banner-slide-3.png); }
	#banner ul.banner-bg li.banner-bg-4	{ background-image: url(../images/banner-slide-4.png); }
	
	#banner div.banner-close		{ position: absolute; top: 4px; right: 5px; width: 16px; height: 16px; cursor: pointer; z-index: 6; }
	#banner .banner-footer			{ position: absolute; top: 163px; left: 0; right: 0; height: 27px; background: url(../images/banner-bottom.png) no-repeat; }
	#banner .banner-footer .banner-more-link	{ position: absolute; top: 5px; right: 7px; width: 90px; height: 15px; cursor: pointer; }

	/* 7.2 MARKETPLACE
	---------------------------------------------------------*/
	div.msg-marketplace 		{ padding: 2px 6px 6px 26px; margin: -10px 0 5px 0; color: #4a4a4a; font-size: 11px;
								  background: transparent url(../images/icon_dollar.png) 0 50% no-repeat; }

	/* 7.3.1 Developer Info */
	div.main-section-box h3		{ font: bold 12px verdana,sans-serif; color: #fff; padding: 6px 6px;
								  background: #fff url(../images/bg_heading_recently_added.png) no-repeat; border-bottom: 1px solid #fff; }
	div.app-summary				{ background: transparent url(../images/bg_section_heading_light.png) repeat-x; border: 1px solid #b5a395; border-bottom: none;
								  padding: 10px 3px; }
	div.app-summary ul			{ white-space: nowrap; overflow: hidden; width: 650px; text-align: center; margin-left: 15px; }
	div.app-summary li			{ display: inline; margin-right: 25px; font: bold 10px verdana,sans-serif; color: #4b4b4b; }
	ul.list-screenshots li	 	{ float: left; display: inline; width: 310px; }
	ul.list-screenshots div.screenshot	
								{ float: left; display: inline; width: 150px; }
	ul.list-screenshots div.scr-description
								{ float: left; display: inline; width: 145px;}
	div.scr-description p		{ margin: 0 15px; }
	
	div.section p				{ margin: 10px 12px; line-height: 16px;}
	div.bus-card				{ margin: 10px 15px; }
	div.bus-card div.developer	{ float: left; display: inline; width: 85px; }
	div.developer img			{ display: block; margin-bottom: 5px; }
	div.bus-card div.info		{ float: left; width: 135px; }
	div.bus-card div.info a, #additional a		{ display: block; margin-bottom: 4px; }
	div.info div.highlight, #additional div.highlight	{ padding: 4px 0 4px 15px; background: transparent url(../images/icon_check.png) 0 50% no-repeat; }
	div.bus-card div.info h4, #additional h4	{ color: #186a8b; font: bold 12px verdana,helvetica,arial,sans-serif;  text-transform: none;}
	div.see-all a				{ font-weight: bold; }
	
	ul.data						{ border-bottom: 2px solid #af9d8f; margin-right: 20px; padding-bottom: 10px; }
    ul.data li 					{ margin: 10px 0; }
	ul.data label				{ width: 140px; color: #676767; display: inline-block; }
	ul.data li span				{ font-weight: bold; color: #4b4b4b; }
	
	#units-sale	p				{ margin: 10px 0; color: #676767; }
	#units-sale #queue h4		{ padding: 6px 0 6px 30px; margin-left: 0; background: transparent url(../images/icon_queue.png) 0 50% no-repeat; color: #4b4b4b;
							  	  font: bold 11px verdana,helvetica,arial,sans-serif; }
	#units-sale div#queue		{ float: left; width: 220px; background: transparent url(../images/icon_help.png) 90% 2% no-repeat; }
	#units-sale div#stage		{ float: left; width: 220px; }
	#units-sale div#stage p		{ margin: 0 0 5px 0; }
	#units-sale div.app-actions	{ float: right; width: 180px; margin-top: 10px; }
	
	a.verified-btn				{ background: url(../images/bg_btn_verified_by.png) no-repeat; display: block; width: 142px; height: 15px; padding: 10px 7px; text-align: middle; }
	a.verified-btn span			{ color: #666;  }
	
	/* 7.3 DEVELOPERS
	---------------------------------------------------------*/

	div.main-section-box		 	{ background: transparent url(../images/bg_content_main.png) bottom no-repeat; padding-bottom: 10px; margin: 20px auto; }
	div.main-section-box h4			{ color: #333; margin: 0 15px; font-size: 12px;}
	div.no-summary					{ border-top: 1px solid #b5a395; padding-top: 15px; }
	div.main-section-content		{ border-top: 1px solid #b5a395; padding: 15px; }
	div.main-section-box p 			{ margin: 0 15px 15px 15px; color: #414141; font: 11px/20px verdana,sans-serif;  }

	div.main-section-box ul.list-links
									{ margin: 10px 15px; }
	div.main-section-box li			{ margin-bottom: 6px; }

	a.upload						{ background: transparent url(../images/icon_add.png) 0 50% no-repeat; padding: 4px 0 4px 14px; display: block; }
	div.app-pricing					{ float: left; display: inline; }
	div.app-pricing h2				{ font: bold 16px verdana,helvetica,arial,sans-serif; margin: 20px 0 6px 0; color: #333; }
	
	div.app-info					{ padding: 10px; }
	div.app-info div#app-image		{ float: left; width: 105px; }
	div.app-info div#additional, div.additional
									{ float: right; padding-right: 10px; }
	div.app-info div#additional p	{ margin: 5px 0; }
	div.app-info div#actions		{ margin-top: 15px; }
	div.app-info div#additional h5	{ font-size: 12px; color: #277493; margin-top: 20px; }

	div.title, div.location			{ margin: 8px 0; color: #666; }

    /* 7.4 MY ACCOUNT
	---------------------------------------------------------*/
	ul.list-account-apps li				{ float: none; display: block; width: 95%; clear: both; padding: 10px;}
	ul.list-account-apps li div.image	{ float: left; }
	ul.list-account-apps li div.info	{ float: left; width: 370px; }

	div.info fieldset					{ margin: 5px 0; padding: 5px 0; }
	div.info fieldset .title			{ margin-left: 50px;  margin-top: 0; text-transform: uppercase; }
	div.info div.form					{ }
	div.form p							{ margin: 9px 0; }
	div.form p label					{ width: 210px; text-align: right; display: inline-block; color: #555;}
	div.form p span						{ font-weight: bold; color: #fff; padding: 5px 0;}

	/* Updated 02/20/10 */
	h2.acct-summary, div#content-white h2.acct-summary
										{ font-size: 14px; background: url(../images/icon_info.png) no-repeat left center;
										  border-bottom: 2px solid #af9d8f; padding: 5px 5px 5px 25px;  }

	form fieldset  						{ border: none; margin: 0; padding: 0; }
	form fieldset h3					{ background: #eee; padding: 5px; }
	form fieldset ul					{ list-style-type: none; margin: 0 10px; padding: 0; }
	form fieldset li					{ clear: left; padding: 8px 5px; }
	form fieldset li label				{ color: #555; padding-right: 5px; }
	form fieldset li span				{ font-weight: bold; }
	span.highlight						{color: #6a9c38 !important; }
	form fieldset li span span, form fieldset li span label
										{ float: none; color: #000; width: auto;}
    /* Updated 02/20/10 */
	div#acct-summary					{ width: 500px; padding: 0 0 10px 10px;}
	div#sales-summary					{ width: 500px; background: #fff8e8; border: 1px solid #8a7463; margin: 20px 0; padding: 10px 20px 20px 20px; }
	div#sales-summary h4				{ font-size: 12px; border-bottom: 2px solid #8a7463; padding: 3px 0 5px 0; margin-bottom: 5px; color: #4b4b4b;
										  background: transparent url(../images/icon_help.png) right no-repeat; }

	h3.sales-summary					{ margin: 10px 0; font-size: 13px; color: #333; }

	#myaccount div.pagination						{ width: 95%; }
	div.border							{ border-left: 1px solid #999; margin-top: 15px;}

	span img 							{ margin-left: 10px; vertical-align: middle;}
	
	h2.my-acct							{ margin: 10px; font-size: 14px; }
	h3.my-acct							{ margin: 10px 10px 0 10px; color: #333; border-bottom: 2px solid #AF9D8F; padding-bottom: 3px; font-size: 13px; }
	div.sub-section						{ padding: 10px 0; margin-left: 10px; }
	div.column							{ width: 49%; float: left; display: inline; }		
	h4.my-acct							{ color: #333; font-size: 12px; margin: 15px 0 10px 0; }
	h5.my-acct							{ font-size: 11px; margin: 15px 0 5px 0;  }
	div.sub-group						{ margin-bottom: 30px; }
	table.grid							{ width: 50%; margin-top: 10px;  }
	table.grid td						{ padding: 5px; color: #666; }
	table.grid td.appname				{ font-weight: bold; }
	
	 /* 7.5 DEV PERSONAL PROFILE ALT
	---------------------------------------------------------*/
	
	p.top-dev							{ margin-top: 20px; line-height: 20px; }
	p.top-dev a							{ font-weight: bold; }
	ul.list-apps li.wide				{ float: none; display: block; width: 100%; color: #000; }
	ul.list-apps li.wide div.app-desc	{ float: left; display: inline; width: 530px; color: #000; }							
	ul.list-apps li.wide div.app-desc a	{ display: inline; font-weight: normal; font-size: 11px; }
	ul.list-apps li.wide div.app-desc p, ul.list-apps li	
										{ color: #000; }	
	ul.list-apps li.wide div.app-img a 	{ font-weight: normal; font-size: 11px; }	
	ul.list-apps ol 					{ list-style-type: decimal; }	
	ul.list-apps ol li					{ display: block; width: 100%; } 
	
	 /* 7.6 SUPPORT
	---------------------------------------------------------*/
	
	div#content-white h2.border 		{ border-bottom:2px solid #AF9D8F; font-size:14px; margin:15px 0 5px; padding:5px 0; margin-bottom: 20px; }
	dl.faq								{ color:#333; margin: 0 20px 20px 20px; font-size: 11px; padding-top: 20px; font-weight: bold; }
	dl.faq dt							{ color: #000; padding-bottom: 10px; }
	dl.faq dd							{ border-bottom:1px dotted #ccc; margin-bottom:5px; padding-bottom:10px; }

     /* 7.7 APP DETAILS
	---------------------------------------------------------*/
    div#action							{ margin-top: 9px; }
    a.flag								{ display: block; padding: 4px 4px 4px 20px;
										  background: transparent url(../images/icon_flag_gray.png) 0 50% no-repeat; }
	a.unflag    						{ display: block; padding: 4px 4px 4px 20px;
										  background: transparent url(../images/icon_flag_red.png) 0 50% no-repeat; }

	/* 7.8 PAGES WITH NO SIDEBAR
    ---------------------------------------------------------*/
    div#content-white h2	{ font-size: 14px; border-bottom: 2px solid #af9d8f; padding: 5px 0; margin: 25px 0;  }
	div.footer-content p, #about div#content-white p
							{ font: 11px/18px verdana,helvetica,arial,sans-serif; margin-bottom: 15px; }
	ul.contents li  		{ line-height: 18px; margin-bottom: 10px; }
	ul.contents				{ margin: 10px 0 30px 0; }


	/* 7.9 ABOUT
    ---------------------------------------------------------*/
    div#content-white h2.about
							{ background: transparent url(../images/icon_about.png) 0 50% no-repeat; padding-left: 20px; }
	div#content-white h3  	{ font: bold 12px verdana,geneva,helvetica,sans-serif; border-bottom: 1px solid #af9d8f; margin: 10px 0 5px 0;
							  padding-bottom: 5px; }

    /* 7.10 BUYER PAYMENT
    ---------------------------------------------------------*/
	 div.btn-payment span.btn-cancel	{ margin: 0 0 45px 15px; display: inline-block; vertical-align: middle;}
	
	/* 7.11 EARNINGS SUMMARY
    ---------------------------------------------------------*/
	#marketing-rep-filter, #marketing-rep-filter select		{ display: none; }

/*************************************************
8.0 FOOTER
*/

	#footer					{ font: 11px verdana,sans-serif; color: #eee; margin: 10px auto; width: 960px; }
	#footer a				{ font-size: 1em; color: #eee; text-decoration: underline; }
	

/*
************************************************************
9.0 POPUP
*/
	div.popup form					{ display: block; }
	
	div.small						{ width: 520px; }
	div.large						{ width: 865px; }
	
	.popup-header					{ padding: 6px; background: url(../images/bg_popup_header.png) no-repeat; color: #fff; position: relative; zoom: 1; }
	div.large .popup-header			{ background: url(../images/bg_popup_header_wide.png) no-repeat; }
	div.large700 .popup-header 		{ background: url(../images/bg_popup_header_med.png) no-repeat; }
	.popup-header h3				{ font-size: 12px; }
	.popup-header a.close-btn		{ position: absolute; right: 5px; top: 4px; height: 18px; width: 19px; display: block; text-indent: -9999px; background: url(../images/icon_popup_close.png) no-repeat; }
	.popup-content					{ margin: 0; padding: 10px; background: #fff; border: solid 1px #463c32; }

	.popup-content h4				{ font-size: 11px; margin: 10px 0; color: #68544b;}
	.popup-content h3				{ font-size: 12px; margin: 0 15px; color: #68544b; }
	.popup-content h4.section		{ border-bottom: 1px solid #9f8878; padding: 5px 0; margin-bottom: 15px; }
	.popup-content p				{ margin: 10px 0 15px 0; }
	
	.popup-content p.prompt			{ color: #68544b; font-size: 12px; }
	.popup-content fieldset			{ min-height: 185px; }
	.popup-content form fieldset ul.form
									{ margin: 10px 0; }
	.popup-content form fieldset ul.form select, .popup-content form fieldset ul.form input, .popup-content form fieldset ul.form textarea
									{ font-size: 11px; }
	.popup-content form fieldset ul.form textarea.wide
									{ width: 400px; height: 40px; }
    .popup-content form fieldset ul.form li
									{ padding: 3px 3px 4px 5px; }
	.popup-content form fieldset ul.form li.mini-separator
									{ padding-top: 20px; }
	.popup-content form fieldset li label
									{ width: 150px; color: #000; float: left; display: inline; text-align: right; }
	.popup-content form fieldset li.checkbox span
									{ margin-left: 21%; }
	.popup-content form fieldset li.last
									{ margin-top: 20px; }
	.popup-content form fieldset li span div.prompt
									{ color: #666; font: 11px verdana,helvetica,arial,sans-serif;}
								
	.popup-content form fieldset li span span.help
									{ font-weight: normal; }
	.popup-content form fieldset li span label
									{ font-weight: normal; }
	.popup-content form fieldset li select
									{ font-size: 11px; }
	
	.popup-content form fieldset ul.indented
									{ margin-left: 25px; }
	.popup-content form fieldset ul.indented textarea.wide
									{ width: 300px; }

	.popup-content form fieldset ul li span
									{ font-weight: normal; }
	.popup-content form fieldset ul li span.wrapping-radio
									{ display: block; margin-left: 26px; margin-top: -15px; }
	
	.popup-content form fieldset ul.disabled label,
	.popup-content form fieldset ul.disabled textarea
									{ color: #999; }
	
									
	.popup-actions					{ clear: both; padding: 10px 0 5px 0; text-align: right; border-top: 1px solid #9f8878; background: #fff; margin: 0 15px; }
	.popup-actions butto	n		{ width: auto; padding: 2px 20px; color: #000; }
	
	div.popup-left					{ width: 49%; float: left; display: inline; }
	div.popup-right					{ width: 50%; float: right; display: inline;  }
	div.popup-right fieldset		{ margin-bottom: 20px;  }
	div.popup-right ul				{ padding-left: 10px; border-left: 1px solid #9f8878; }
	div.popup-left h4, div.popup-right h4
									{ margin: 0 10px; }
	
	div.popup-left li.separator		{ margin-top: 50px; }
	
	div.popup-right	fieldset li label
									{ width: 20%; }
	div.popup-left fieldset li label
									{ width: 32%; }
	div.popup-right	textarea.summary
									{ width: 300px; height: 75px; }
	button.btn-paypal				{ border: none; margin-right: 3px; background: transparent url(../images/btn_paypal_buy_now.gif); width: 68px; height: 23px;
									  text-indent: -9999px; }
	
	div.popup .show-if-edit, div.popup.edit-mode .show-if-new		{ display: none; }
	div.popup.edit-mode .show-if-edit								{ display: inline-block; }
	
/* BUY/SELL APP POPUP
-------------------------------------------*/

	p.note									{ margin: 10px 15px 0 15px; font: bold 11px verdana,helvetica,arial,sans-serif; color: #900; }
	button.print-agreements					{ margin: 5px 0 0 12px; }
	div.radio-block							{ font-weight: normal; margin-left: 155px; }


/* SELL APP POPUP
-------------------------------------------*/

	iframe#sell-app-agreement-iframe		{ height: 230px; width: 660px; border: 2px solid #ccc; margin: 10px auto 0 8px; }
	
	div#sell-app-form-elements				{ margin: 0 10px 10px 10px ; }
	div#sell-app-form-elements form p		{ clear: both; }
	div#sell-app-form-elements input		{ float: left; display: inline; }
	div#sell-app-form-elements label		{ float: left; display: inline; width: 510px; margin-left: 5px; line-height: 18px; }
	div#sell-app-form-elements ul			{ clear: both; margin-left: 25px; line-height: 16px; }
	
	h2.smaller								{ font: 13px Arial, Helvetica, sans-serif; margin-bottom: 10px; font-weight: bold; }
	
/* BUY APP POPUP
-------------------------------------------*/
	
	iframe#buy-app-agreement-iframe		{ height: 230px; width: 660px; border: 2px solid #ccc; margin: 10px auto 0 8px; }
	
	div#buy-app-form-elements			{ margin: 0 10px 10px 10px ; }
	div#buy-app-form-elements form p	{ clear: both; }
	div#buy-app-form-elements input		{ float: left; display: inline; }
	div#buy-app-form-elements label		{ float: left; display: inline; width: 510px; margin-left: 5px; line-height: 18px; }
	div#buy-app-form-elements ul		{ clear: both; margin-left: 25px; line-height: 16px; }
	
	h3.border					{ border-bottom: 2px solid #af9d8f; padding-bottom: 3px;}
	form fieldset ul.space li	{ margin-bottom: 10px; }
	form fieldset.buy-app		{ margin-left: 15px; min-height: 20px; margin-bottom: 20px; }
	form fieldset.buy-app li span
								{ font-weight: normal; color: #f63; }
	form fieldset.buy-app li span.normal
								{ color: #333; }	
	div#popup-buy-app div#step2 p
								{ margin-left: 15px; }		
	div#popup-buy-app .popup-content div#step2 fieldset li label
								{ width: 171px; }		
	form fieldset ul li.total	{ border-top: 2px solid #af9d8f; width: 50%;}
	div#paypal-verify			{ margin: 40px 25px 20px 0; float: right; background: url(../images/paypal_logo.gif) no-repeat left; padding-left: 125px; }
	
	#beta-california-no			{ display: none; padding: 5px; border: 1px solid #ccc; background: #ffc; margin-bottom: 5px; }

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#utility-nav button#btn-search { width: 48px; }
	}