@charset "UTF-8";
/* CSS Document */

/***************************************************************************
MARKETPLACE HOME - MAIN CONTENT
***************************************************************************/
.about_marketplace {
	background:url(/images/marketplace-frontpage.jpeg) top left no-repeat;
	border:1px solid #acacac;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	display:block;
	height:235px;
	margin-bottom:25px;
	width:580px
}

#marketing_carousel + #carousel_nav .nr {
	float:right;
	width:auto
}

/*---------- REUSABLE ----------*/
.app_icon_large .icon_glare,
.app_artist_link .icon_glare,
.app_image_link .icon_glare {
	left:0;
	position:absolute;
	top:0
}

.app_icon_large .icon_glare {
	background:url(/alw/images/marketplace/shiny-135-optim.png) top left no-repeat;
	height:135px;
	width:135px
}

.app_artist_link .icon_glare,
.app_image_link .icon_glare {
	background:url(/alw/images/marketplace/shiny-77-optim.png) top left no-repeat;
	height:77px;
	width:77px
}

.apps_container_large {
	color:#1b3249 !important;
	padding:20px 30px 30px
}

.app_icon_large {
	border:3px solid #fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	display:block;
	float:left;
	height:135px;
	margin-right:14px;
	position:relative;
	width:135px
}

#featured .content,
#installList .content,
#latest .content,
#popular .content,
#launchArtistsList .content {
	float:left
}

/*---------- FEATURED APPS ----------*/
.app_icon_large .freeTag {
	background:url(/images/icons/freeTag.png) top left no-repeat;
	height:57px;
	left:-5px;
	position:absolute;
	top:-5px;
	width:60px;
	z-index:100
}

.app_icon_large .discountTag {
	background:url(/images/icons/discountTag.png) top left no-repeat;
	height:56px;
	left:-5px;
	position:absolute;
	top:-5px;
	width:59px;
	z-index:100
}

/*---------- LATEST APPS ----------*/
#appCategoryPicker {
	font-size:11px;
	margin:9px 14px 0;
	padding:9px
}

#appCategoryPicker h4 {
	line-height:26px
}

#appCategoryPicker a,
#appCategoryPicker a:link,
#appCategoryPicker a:visited,
#appCategoryPicker a:active {
	padding:0 14px
}

#latest ul li ,
#featured ul li{
	padding-bottom:50px
}

#latest ul li:last-child,
#featured ul li:last-child {
	padding-bottom:0
}

#latest h4 a,
#latest h4 a:link,
#latest h4 a:active,
#latest h4 a:visited,
#featured h4 a,
#featured h4 a:link,
#featured h4 a:active,
#featured h4 a:visited,
#single_app h4 {
	color:#1b3249;
	font-size:24px;
	text-decoration:none;
	word-wrap:break-word
}

#latest h4 a:hover,
#featured h4 a:hover,
#single_app h4 a:hover {
	color:#007be3
}

#latest .content,
#featured .content {
	width:363px
}

#latest .appProductCat,
#latest .starRatingContainer,
#featured .appProductCat,
#featured .starRatingContainer,
#single_app .appProductCat,
#single_app .starRatingContainer,
#comments .starRatingContainer {
		margin-bottom:6px
}

.apps_container_large .appProductCat {
	font-weight:bold
}

p.appProductCat img {
	vertical-align:middle
}

#latest .content form,
#featured .content form {
	float:left
}

#latest b,
#featured b  {
	font-size:12px
}

.app_description {
	height:106px;
	overflow:hidden;
	word-wrap:break-word
}

#viewAllApps {
	margin-left:30px
}

/*---------- TOOLTIP ----------*/
.apps_container_large .tooltip {
	display: none;
	background:#e4e2e2;
	border:1px solid #c3c7ca;
	border-radius:7px;
	padding: 0px 30px 10px 30px;
	height:100px;
	width: 150px;
	font-size: 11px;
	color: #000;
	-moz-border-radius:7px;
	-webkit-border-radius:7px
}

.apps_container_large .tooltip img {
	left:95px;
	position:absolute;
	top:-20px
}

.apps_container_large  .tooltip {
	height:140px;
	word-wrap:break-word
}

.apps_container_large .tooltip h6 {
	font-size:12px;
	margin-top:25px
}

.apps_container_large .tooltip .appStarRatingLink {
	margin:6px auto 0
}

/***************************************************************************
MARKETPLACE - SIDEBAR 
***************************************************************************/
/*---------- REUSABLE ----------*/
.appWrap {
	border-bottom:1px solid #cfcfcf;
	color:#1b3249 !important;
	margin:0 15px 0;
	padding:15px 0 15px 0
}

#launchArtistsList div:last-child .appWrap:last-child {
	border:none
}

.app_image_link {
	border:2px solid #fff;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	display:block;
	float:left;
	height:77px;
	margin-right:7px;
	position:relative;
	width:77px
}

.app_artist_link {
	float:left;
	height:77px;
	margin-right:11px;
	position:relative;
	text-align:center;
	width:77px
}

.app_artist_link img {
	box-shadow:0px 1px 2px #979899;
	-moz-box-shadow:0px 1px 2px #979899;
	-webkit-box-shadow:0px 1px 2px #979899
}

.appWrap .content {
	width:174px
}

/*---------- 3 EASY STEPS ----------*/
ul.accordianMenu li {
	padding:10px;
	border-top:1px solid #fff;
	background-color:#F4F4F4;
	border-bottom:1px solid #E4E2E2
}

#accordion h2.faqOne,#accordion h2.faqTwo,#accordion h2.faqThree {
	background-repeat:no-repeat;
	background-position: 12px center;
	-moz-transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease
}

#accordion h2.faqOne {
	background-image:url(/images/icons/faqOne.png)
}

#accordion h2.faqTwo {
	background-image:url(/images/icons/faqTwo.png)
}

#accordion h2.faqThree {
	background-image:url(/images/icons/faqThree.png);
	border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px
}

#accordion h2.faqThree.current {
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

#accordion .pane:nth-of-type(3) {
	border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px
}

/*---------- SIDEBAR VERTICAL SCROLLER (MINIMUM REQ.)----------*/
.panel .vscrollNavBottom,
.panel .vscrollNavTop {
	background:#f6f6f6;
	text-align:center
}

.panel .vscrollNavTop {
	border-bottom:1px solid #e4e2e2
}

.panel .next,
.panel .prev {
	cursor:pointer;
	display:inline-block;
	height:36px;
	width:100%
}

.panel .prev.disabled img {
	visibility:hidden
}

.panel .vscrollNavBottom {
	border-top:1px solid #e4e2e2;
	border--radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px
}

.panel .scrollloading,
.panel .lscrollloading {
	display:inline-block;
	height:36px
}

.panel .scrollloading img,
.panel .lscrollloading img {
	margin-top:10px
}

.panel .vitem {
	border:none;
	height:auto;
	margin:0;
	padding:0
}

/*---------- INSTALLED APPS ----------*/
#installed h6 a {
	color:#1B3249;
	display:inline-block;
	font-size:12px
}

#installed h6 a:hover {
	color:#007be3
}

#installed h6 {
	margin-bottom:8px;
	overflow:hidden;
	width:100%
}

#installed .view_app,
#launchArtistsList .view_app {
	display:inline-block;
	text-decoration:none
}

#launchAppsArtists .appWrap .list-installer-button {
	display:inline-block
}


#launchAppsArtists a#btnLaunchApp {
	max-width:120px;
}

.installed_apps_artists .installed_apps_artist_th {
	float:left;
	margin-right:6px
}

.installed_apps_artists .installed_apps_artist_th:nth-child(5) {
	margin-right:0
}

.installed_apps_artists a {
	display:table-cell;
	height:30px;
	text-align:center;
	vertical-align:middle;
	width:30px
}

.installed_apps_artists a img {
	vertical-align:middle
}

/*---------- STYLES NEEDED FOR INSTALLED APPS SCROLLER ----------*/
#installed {
	padding-bottom:0
}

#installed .dvertical {
	border-top:none;
	height:647px;
	width:100%
}

/*---------- POPULAR APPS ----------*/
#popular .appWrap:nth-child(6) {
	border-bottom:none
}

#popular h6 a,
#popular h6 a:link,
#popular h6 a:visited {
	color:#1B3249;
	display:inline-block;
	font-size:12px;
	text-decoration:none;
	word-wrap:break-word
}

#popular h6 a:hover {
	color:#007be3
}

#popular h6 {
	margin-bottom:8px;
	width:100%
}

#popular .app_image_link {
	position:relative
}

#popular .freeTag {
	background:url(/images/icons/freeTagSmall.png) top left no-repeat;
	height:36px;
	left:-3px;
	position:absolute;
	top:-3px;
	width:36px;
	z-index:100
}

#popular .starRatingContainer {
	margin-bottom:8px
}

#popular .starRatingContainer form {
	float:left
}

/***************************************************************************
MARKETPLACE APP PAGE - MAIN CONTENT
***************************************************************************/
#single_app .content {
	width:425px
}

#single_app .content span {
	word-wrap:break-word
}

#single_app .content form {
	float:left
}

#reviewScroll {
	cursor:pointer;
	display:inline-block;
	line-height:16px;
	text-decoration:underline;
	-moz-transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease
}

#reviewScroll:hover {
	color:#007be3
}

/*---------- READ MORE TOGGLING ----------*/
#single_app .app_description {
	margin-top:16px;
	width:100%;
}

.readMoreToggler {
	color:#007be3;
	cursor:pointer;
	display:inline-block;
	margin:6px 0 18px;
	text-decoration:underline
}

.app_description p {
	margin-bottom:12px
}

/*---------- SCREENSHOT CAROUSEL ----------*/
.slideLeft,
.slideRight {
	float:left;
	padding:120px 0px
}

.slideLeft {
	margin:0 8px 0 13px
}

.slideRight {
	margin-left:8px
}

.slideLeft img,
.slideRight img {
	cursor:pointer
}

#largescreen .disabled {
	visibility:hidden;	
}

#largescreen .scrollable {
	float:left;
	margin:14px 0;
	height:295px;
	overflow-y:hidden;
	padding:0 0 14px 0;
	width:490px
}

#largescreen .items div {
	display:table-cell;
	height:auto;
	padding:0;
	text-align:center;
	width:490px
}

#largescreen .items div a.player,
#largescreen .items div a.player img,
#largescreen .items div a.player object {
	display:inline-block;
	height:285px;
	margin:0 auto;
	width:490px
}

#largescreen .items div a.player object {
	background-color:none;
	border:none;
	border-radius:0;
	padding:0;
	-moz-border-radius:0;
	-webkit-border-radius:0
}

#largescreen .scrollable p {
	font-weight:bold;
	line-height:285px;
	text-align:center
}

#largescreen .scrollable img {
	background:none;
	border:none;
	border-radius:none;
	display:block;
	float:none;
	margin:0 auto;
	padding:0;
	-moz-border-radius:none;
	-webkit-border-radius:none
}

#largescreen .artistVideo {
	background-color:transparent
}

#largescreen .artistVideoImage {
	border-bottom:none
}

#largescreen div.videoImageContainer img {
	float:none !important;
	padding-left:0 !important
}

#largescreen div.artistVideoControls {
	display:none
}

#largescreen div.videoImageContainer .play_video_hover {
	left:212px;
	cursor:pointer;
}

#largescreen .scrollable object {
	background:transparent;
	border:none;
	margin:0 0 0 40px;
	padding:0
}

#largescreen .items div.videoPreviewContainer {
	padding:14px 0
}

/*---------- COMMENTS SECTION ----------*/
#comments #container ul {
	padding:0 10px
}

#comments h3 span {
	float:right;
	font-size:14px
}

#comments b {
	display:block;
	margin:20px 12px 0
}

#comments b.center_text {
	padding:40px 0
}


/*---------- LEAVE A COMMENT ----------*/
#comments #panel {
	margin:20px 16px 30px 12px
}

#comments #leaveComment {
	border-bottom:1px solid #ccc;
	margin-bottom:18px;
	padding:0 12px 18px
}

#comments #errorMessage,
#comments #ratingerrorMessage {
	color:#FF0000;
	font-size:10px;
	margin-top:6px;
	text-align:left
}

#errorMessage img,
#ratingerrorMessage img {
	float:left;
	margin-right:6px
}

#comments .starRatingContainer,
#comments #noComment {
	color:#ff5a00;
	font-size:12px;
	font-weight:bold
}

#comments textarea {
	border-color:#ccc;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	margin:6px 0 18px;
	min-height:140px;
	width:534px
}

#comments input.read_btn {
	float:right;
	margin:0 !important
}

/*---------- EXISTING COMMENTs ----------*/
#comments ul li {
	border-top:1px solid #ccc;
	color:#1b3249;
	padding:20px 0
}
#comments ul li:nth-child(1) {
	border-top:none;
	padding-top:0
}

#comments ul li b {
	font-size:14px;
	margin:10px 0 0;
	padding:0;
	word-wrap:break-word
}

#comments ul li em {
	color:#999;
	display:inline-block;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	margin-bottom:14px
}

#comments ul li p {
	margin-bottom:12px;
	word-wrap:break-word
}

a#editComment,
a#editComment:link,
a#editComment:active,
a#editComment:visited,
a#deleteComment,
a#deleteComment:link,
a#deleteComment:active,
a#deleteComment:visited {
	display:inline-block
}

a#editComment img {
	margin:10px 0 0 0
}

p.commentLink {
	margin-top:5px
}

/***************************************************************************
MARKETPLACE APP PAGE - SIDEBAR
***************************************************************************/
/*---------- INSTALL AN APP ----------*/
a#installByArtist {
	margin:20px 0 20px 20px;
	width:216px
}

#launchAppsArtists {
	padding-bottom:0
}

#launchAppsArtists #noinstalledapps {
	font-weight:bold;
	margin:40px auto;
	padding:0 12px;
	text-align:center
}

/*---------- LAUNCH APPS VERTICAL SCROLLER ----------*/
#launchAppsArtists .launch-items {
	width:100%
}

#launchAppsArtists .launch-scrollable {
	height:539px
}

.uninstall_app {
	display:inline-block;
	float:right;
	margin:9px 0 0 0
}

#launchAppsArtists .appWrap h6 {
	font-size:12px;
	margin-bottom:0
}

/***************************************************************************
MARKETPLACE - MODAL WINDOWS
***************************************************************************/
/*---------- SELECT ARTIST MODAL ----------*/
#modal_overlaypickArtistWindow input.trackSearchBox {
	background-position:10px center;
	background-size:5% auto;
	float:none;
	font-size:14px;
	height:29px;
	line-height:32px;
	margin-bottom:15px;
	width:214px
}

#modal_overlaypickArtistWindow #artistsWithoutAppsHeader {
	background:#788289;
	color:#fff;
	font-weight:bold;
	height:20px;
	line-height:20px;
	padding:0 15px
}

#modal_overlaypickArtistWindow #artistsWithoutAppsHeader > span {
	display:inline-block;
	width:49%
}

#modal_overlaypickArtistWindow #artistsWithoutAppsHeader > span:last-of-type {
	text-align:right
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp {
	border-bottom:1px solid #d0cece;
	height:77px;
	padding:15px
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp:before,
#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp:after {
	content:"";
	display:table
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp:after {
	clear:both
}	

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div {
	height:100%;
	width:85%
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div:first-of-type {
	width:15%
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div > h3,
#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div > a,
#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div .launchInstalledApp {
	margin:0;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%)
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div > h3 {
	width:55%
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp > div .launchInstalledApp h3 {
	line-height:28px;
	margin:0 3px 0 0
}

#modal_overlaypickArtistWindow #artistsListinfo .mktplceGoToApp:last-child {
	border-bottom:none
}

#modal_overlaypickArtistWindow .app_artist_link {
	display:table-cell;
	float:none;
	margin-right:15px;
	text-align:center;
	vertical-align:middle
}

#modal_overlaypickArtistWindow .app_artist_link img {
	vertical-align:middle
}

#modal_overlaypickArtistWindow .launchInstalledApp .list-installer-button {
	width:auto
}

/*---------- DEVELOPER PERMISSIONS MODAL ----------*/
#modal_overlaygetInstallAppWindow .content {
	background:none;
	margin:0;
	padding:0;
	width:660px
}

#modal_overlaygetInstallAppWindow .subCont{
	padding:0 20px;
	text-align:center
}

#modal_overlaygetInstallAppWindow .grayBg {
	background:#e4e2e2;
	border:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	font-weight:bold;
	margin-top:26px;
	padding:20px
}

#modal_overlaygetInstallAppWindow .grayBg ul {
	list-style:disc inside;
}

#modal_overlaygetInstallAppWindow #divTextbox {
	background:#fff;
	font-weight:normal;
	height:200px;
	margin:10px 0;
	overflow-y:scroll;
	padding:12px
}

#modal_overlaygetInstallAppWindow a.read_btn,
#modal_overlaygetDeleteReviewWindow a.read_btn {
	float:right
}

.allowaccessmodalWrap p{margin:10px;}
.allowaccessmodalWrap ul{margin:20px 40px 40px;}
.allowaccessmodalWrap ul li{margin:10px 0; list-style:disc;}
.allowaccessmodalWrap textarea{padding:10px;}

/*---------- DELETE REVIEW MODAL ----------*/
#modal_overlaygetDeleteReviewWindow #modalBoundingBox .content {
	line-height:150px;
	text-align:center
}

/**************** UNSORTED MODAL CSS **************/
.modal-background h3 {
	background:none;
	border:none;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	font-size:1.2em;
	font-weight:bold;
	height:auto;
	line-height:inherit;
	padding:0
}

#installbuttons {
	display:block;
	margin:0 auto;
	width:660px
}

#installbuttons a {
	float:right
}

/**************** COMMON USAGE **************/
.starRatingContainer {
	font-size:11px;
}

a#btnLaunchApp,
a#btnLaunchApp:link,
a#btnLaunchApp:visited,
a#btnLaunchApp:hover,
form#comment_form input.read_btn {
	margin-top:6px
}

.btnBlue {
	background: -moz-linear-gradient(top, #74bfff 1%, #007be3 3%, #004681 90%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #74bfff), color-stop(0.03, #007be3),color-stop(0.9, #004681) );
	border:1px solid #003f74;
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	color: #eee;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0px #1d3a52;
	-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5)
}

.btnGray {
	background:-moz-linear-gradient(center top , #C8C8C8 1%, #B5B5B5 3%, #8C8C8C 90%) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.01, #C8C8C8 ), color-stop(0.3, #B5B5B5), color-stop(0.9, #8C8C8C));
	border:1px solid #6a6a6a;
	box-shadow:inset 0 0 5px #646464;
	color: #eee;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5)
}

.loading img{
	 padding:10px;
}

/* PAYMENT CONFIRMATION PAGE */
#orderDetailsWrap h3{margin-bottom:20px}
.paymentConfirmationButtons{margin:20px 0; float:right}

/* UTILITY CLASS */
.ellipsis {
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}