/* -------------------------- */
/* Commons */
body        { background-image: url(../../../assets/imgs/background.png); }
a           { color: white; text-decoration: none; }
a:hover     { color: white; text-decoration: underline; }
a:visited   { color: white; text-decoration: underline; }
input       { border: 1px solid black; }
header, #notification { font-family: "pragmatica-web", "Helvetica", Arial, Tahoma, sans-serif; }
footer      { color: #505050; background-color: #ECECEC; font-family: "pragmatica-web", "Helvetica", Arial, Tahoma, sans-serif; border-top-right-radius: 10px; border-top-left-radius: 10px; width: 978px; margin: auto; }
footer small        { font-size: .9em; }
footer h5           { font-size: 1.2em; margin: .5em 0; }
footer nav div      { float: left; width: 150px; margin-left: 1em; }
footer nav div ul   { list-style-type: none; font-size: .9em; }
footer nav li a, footer nav li a:hover, footer nav li a:visited { color: #505050; }

#logo { margin: 1.6em 0 0.25em 0; }
#top-banner { font-size: 18px; z-index: 99; float: right; top: 0; min-width: 310px; max-width: 660px; background-color: #232728; color: white; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; position:absolute; right:0}
#top-banner ul { list-style-type:none; margin: 0.8em 0 1.8em 0; padding: 0 0.25em; }
#top-banner ul li { float: left;}
#top-banner ul li a { margin-right: 1.1em; }
#top-banner ul li img { border: 1px solid white; margin-top: -5px; }
#top-banner input {border: 0px; background-color: #f0f0f1; padding: 5px; color: #000;}
#top-banner form.login, #top-banner form.signup {width: 280px; margin: 10px auto 10px auto; border: 2px dashed #f5f5f5; border-radius: 7px; font-size: 14px;}
#top-banner form.login input[type=text], #top-banner form.signup input[type=text]{ width: 250px; margin: 10px 9px 5px 9px; border-radius: 5px;}
#top-banner form.login input[type=password], #top-banner form.signup input[type=password]{ width: 160px; margin: 5px 5px 3px 9px;  border-bottom-left-radius: 5px; border-top-left-radius: 5px;}
#top-banner form.login input[type=submit], #top-banner form.signup input[type=submit]{width: 80px; margin: 5px 11px 3px 0px; background-color: #800989; color: #ffffff; border-bottom-right-radius: 5px; border-top-right-radius: 5px;}
#top-banner form.login p {margin: 10px 0px 10px 0px; font-size: 11px; text-align: center;}
#top-banner form.signup p {margin: 10px 0px 5px 0px; font-size: 15px; text-align: center;}
#top-banner .social {float:none !important; text-align: center; font-size: 11px; margin: 15px auto 10px auto; background: url(http://www.evergig.com/assets/imgs/stay_social.png) 15px 23px no-repeat;}
#top-banner .social .facebook {display: block; float: right; width: 162px; height: 23px; background: url(../../../assets/imgs/facebook_button.png); margin: 15px 18px 5px 0px;}
#top-banner .social .twitter {display: block; float: right; width: 162px; height: 23px; background: url(../../../assets/imgs/twitter_button.png); margin: 5px 18px 10px 0px;}
#top-banner input[type=search] {width: 294px; border: 3px solid #232728; border-radius: 7px;}
#top-banner input[type=search]:focus { background-color: #ffffff;}

#top-banner .nav a {float: left; margin: 10px 27px 10px 27px; cursor: pointer; color: #ececec;}
#top-banner ul.loggedIn { width: 100%; padding-bottom: 4px; }
#top-banner ul.loggedIn img { margin-right: 4px; }

#top-banner ul li:first-child img { margin-left: 5px; margin-right: 5px; }

#notification { position: fixed; top: -38px; color: white; font-size: 16px; transition: top .25s ease-in-out; width: 100%; }
#notification div { margin: 0 auto; text-align: center; width: 250px; }
#notification div span { padding: 15px 12px 6px 12px; background-color: #232728; border-radius: 10px;   }
#notification.visible { top:3px; }

#container { margin: 0 auto; padding: 0;}

#container header > div,
#container section,
#container footer,
#main > div {
	width: 978px;
	margin: 0px auto 0px auto;
	position:relative;
	overflow:hidden;
}

#main,
#container header {
	position:relative;
}

#joinus a, #joinus a:link {
	color: #551a8b;
}

#container header > div {
	overflow:visible;
}

.break  { margin-bottom: 1em;}
.library{ display: none; }
.caps { text-transform: uppercase; }
.center { text-align: center; }
.error  { color: red; }
.border { background-color: #262C2C; border-radius: 7px; }
.clearer{ clear: both; }
.fadeOut{ opacity: 0; transition: opacity .5s ease-in; }
.topRoundCorner { border-top-right-radius: 10px; border-top-left-radius: 10px; }
.button {
		border-radius: 7px; margin: 0 0.3em 0.5em 0.3em; display: block; float: left; padding: 0.6em; height: 1.4em; background-color: #262C2C;
		background-image: gradient(linear, left top, left bottom, from(#2A2F2F), to(#1B1F20));
		background-image: -moz-linear-gradient(to bottom, #2A2F2F, #1B1F20);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#2A2F2F), to(#1B1F20));
		/* Do not know why prefix free is not working here... */
}
.button-left    { border-radius:  7px 0 0 7px; margin: 0 0 0 0.15em; }
.button-right   { border-radius: 0 7px 7px 0; margin: 0 0.15em 0 0; }
.button a       { text-decoration: none; cursor: pointer; }
.button img     { padding: 0 0.4em; margin-top: -3px; }
.button.sep     { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 2px; text-align: center; color: white; }
.hover:hover    { background:none; background-color: #67086F; }


/* Listing layout */
.trackGrid                      { margin-left: 1px; padding: 0.5em; }
.trackGrid table                { width: 962px; padding-left: 0px; font-size: 12px;}
.trackGrid table thead          { color: white; text-align: left; font-weight: bold; }
.trackGrid table tr             { padding-left: 5px; color: white; }
.trackGrid table tr.even        { background-color: #1F2324; }
.trackGrid table tr.odd         { background-color: #232728; }
.trackGrid table tr:hover       { background-color: #851991; }
.trackGrid table tfoot tr       { text-align: right; font-size: 0.8em; }


/* Common styles for fake tabs on home page and real tabs */
/* the idea is to migrate all styles that I can from tabs to theses common class */
.tabtitle h3 { display: inline-block; }

/* Thumbnails images layout (big block) */
/* IS THAT FOLLOWING CLASS 'thumbGrid' OBSOLETE ? IF SO, REMOVE IT */
.thumbGrid                      { margin-left: 1px; padding: 0.5em;}
.thumbGrid ul                   { list-style: none; padding:0; margin-bottom: 0; }
.thumbGrid ul li                { margin: 0.4em; float: left; width: 31.7%; padding:2px 2px 2px 6px; color: white; text-transform: uppercase; background-color: #1F2324; font-size: 11px; }
.tabs_small .thumbGrid  ul li  { margin: 0.4em; width: 47.5%;}
.thumbGrid ul li:hover , .tabs_small .thumbGrid  ul li:hover       { background: #7e0888; }
.thumbGrid ul li:nth-child(4)   { clear: left; }
.thumbGrid ul li a              { }
.thumbGrid ul li a:hover        { text-decoration: none; }
.thumbGrid ul li a img          { float:left; width: 138px; max-height: 104px; margin-right: .5em; }
.thumbGrid div:after, .thumbGrid ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.thumbGrid h4                   {font-size: 17px; margin: 0px 0px 7px 0px; font-weight: bold; }
.thumbGrid h5                  {font-size: 12px; margin: 0px 0px 3px 0px; font-weight: normal; }
.thumbGrid p                    { margin: 6px 0; font-size: font-size: 12px; }
.more			                { float: right; background-color: transparent; width: auto; }
.more a			              { font-size: 1em; text-transform: none; margin: .25em .25em; }
.see-more                       { padding: 0 3px; background-color: #C7C6C6; color: #2C2F30; border-radius: 4px }


/*******************************************************/
/*********************** HOMEPAGE **********************/
/*******************************************************/
section.home {
	width:100% !important;
	margin:0 !important;
	height:549px;
}

#container section.concerts {
	margin-bottom:30px;
}

.home           { text-align: center; }
.home .block    { background-color: #232728; color: white; padding: 1em; }
.news           { margin: 1em auto 0 auto; width: 978px; padding: 0; }
#main .artists {
	margin-bottom:24px;
}
#main .artists .upload   {
	position:absolute;
	right:0;
	bottom:0;
}
#main .artists .newArtists   { float:left;}


/* Fade in and out slider */
.home .slider                               { width: 100%; top: 110px; left: 0; right: 0;}
.home .slider .gallery a span                 { display: block; position: absolute; height: 480px; left: 0; width: 100%; opacity: 0; transition: opacity 1s ease-in-out; z-index:9; }
.home .slider .gallery a.selected span       { opacity: 1; z-index:10; }
.home .slider .bannermenu a                 { transition: background 1s ease-in-out; }
.home .slider .bannermenu a.selected        {color: #f8f8f9; z-index:19; }
.home .slider .bannermenu a.selected:hover  { color: #f8f8f9; }
.home .slider .bannermenu                   { text-transform: uppercase; background: #7e0888; text-align: center; width: 100%; top: 480px; position: absolute; margin: auto 0px auto 0px;}
.home .slider .bannermenu a                 { color: #440452; font-size: 12px; display: inline-block; margin: 0; padding: 4px 10px;}
.home .slider .bannermenu a:hover           { color: #f8f8f9; text-decoration: none;}
/* end of slider */

/********************* Tabs -homepage only !!- *********************/


/* -------------------------- */
/* Join us */
/* -------------------------- */
#joinus {width: 100%; background-color: #f1f1f1; border-radius: 7px; border: 1px solid #dedede; text-align: center;}
#joinus h2 {margin: 20px 0px 20px 0px; font-size: 18px; font-weight: normal;}
#joinus .login label {margin: 10px 10px 10px 40px; display: block; float: left; width: 600px; font-size: 12px; color: #232728;}
#joinus .login label p {float: left; margin: 5px 0px 5px 20px; width: 250px;}
#joinus .login label input {float: left; margin-left: 43px; width: 260px; padding: 5px; border-radius: 5px; border: 1px solid #7e0988; background: #f0f0f1; color: #858585; box-shadow: 0px 0px 2px #dd7ffc;}
#joinus .login label input:focus {background: #ffffff;}
#joinus .login input[type=submit] {padding: 5px; border-radius: 5px; background: #7b1485; border: 1px solid #7e0988; font-size: 14px; color: #ffffff; width: 272px; font-weight: bold; margin: 20px auto 20px auto;}
#joinus .login label.check {width: 500px; text-align: left; margin: 20px auto 10px auto; float:none;}
#joinus .login label.check input {margin: 1px 10px 0px 0px; width: 10px;}
#joinus .social {text-align: center; font-size: 11px; margin: -90px 0px 0px 0px; float: right; width: 265px;}
#joinus .social .facebook {display: block; width: 162px; height: 23px; background: url(../../../assets/imgs/facebook_button.png); margin: 15px 18px 5px 0px;}
#joinus .social .twitter {display: block; width: 162px; height: 23px; background: url(../../../assets/imgs/twitter_button.png); margin: 5px 18px 10px 0px;}

/* -------------------------- */
/* Player’s preferences */
/* -------------------------- */
#player-prefs {width: 100%; background-color: #f1f1f1; border-radius: 7px; border: 1px solid #dedede; text-align: center;}
#player-prefs h2 {margin: 20px 0px 20px 0px; font-size: 18px; font-weight: normal;}
#player-prefs input[type=submit] {
padding: 5px;
border-radius: 5px;
border: 1px solid #7e0988;
background: #a82aaf;
background: -moz-linear-gradient(top, #a82aaf 2%, #902198 6%, #650470 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#a82aaf), color-stop(6%,#902198), color-stop(100%,#650470));
background: -webkit-linear-gradient(top, #a82aaf 2%,#902198 6%,#650470 100%);
background: -o-linear-gradient(top, #a82aaf 2%,#902198 6%,#650470 100%);
background: -ms-linear-gradient(top, #a82aaf 2%,#902198 6%,#650470 100%);
background: linear-gradient(to bottom, #a82aaf 2%,#902198 6%,#650470 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a82aaf', endColorstr='#650470',GradientType=0 );
font-size: 14px;
color: #ffffff;
width: 260px;
font-weight: bold;
margin: 20px auto 20px auto;}

/*-----------------------------*/
/*concert list*/
.concerts {
	position:relative;
	overflow:hidden;
}
.concerts .topConcerts,
.concerts .newConcerts {
	float:left;
	position:relative;
	width:305px;
}
.concerts .topConcerts {
	margin-right:30px;
}
.concerts .latestConcerts .bottom {
	line-height:2em;
	font-size:8pt;
	background:#232728;
	text-align:right;
	padding-right:2px;
}

.newArtists .bottom {
	line-height:2em;
	font-size:8pt;
	background:#232728;
	text-align:right;
	padding-right:2px;
}

/*listview*/
.listView {
	font-weight:100;
	color:#ECECEC;
}
.listView .title {
	position:relative;
	overflow:hidden;
}
.listView .title h3 {
	background: url(../../../assets/imgs/tabCorner.png) right bottom no-repeat;
	position:relative;
	float:left;
	padding-right:8px;
	margin:0;
	margin-bottom:-1px;
}
.listView .title h3 div {
	background:#232728;
	font-weight:100;
	font-size:16pt;
	padding:4px 20px 0 16px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	 border-top-left-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	border-top-right-radius: 12px;
}
.listView .concertList,
.listView .artistsList {
	background:#232728;
	padding:12px 4px 6px 4px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	border-top-right-radius: 12px;
	clear:both;
}
#main .listView .artistsList {
	float:left;
}
.listView ul {
	list-style:none;
	margin:0 !important;
	padding:0;
}
.concertList.multi {
	position:relative;
	overflow:hidden;
}
.concertList .row {
	position:relative;
	overflow:hidden;
	clear:both;
	padding-bottom:10px;
}
.concertList.multi ul:last-child {
	padding-right:0 !important;
}
.listView .listItem {
	width:305px;
	background:#1F2324;
	padding:4px 3px;
	overflow:hidden;
	margin-right:6px;
	float:left;
	position:relative;
}
.listView .listItem:hover {
	background:#7e0888;
}
.listView .listItem:last-child {
	margin-right:0;
}
.listView .listItem a {
	display:block;
	position:relative;
	text-transform:uppercase;
	text-decoration:none;
	font-size:8pt;
	font-weight:100;
	overflow:hidden;
	padding:4px;
}
.listView .listItem a:hover {
	background: #7e0888;
}
.listView .listItem a .thumb {
	float:left;
	margin-right:4px;
	height: 104px;
	width: 132px;
}
.listView .listItem .artist {
	margin:0;
	padding:0;
	font-size:11pt;
	font-weight:200;
	margin-bottom:4px;
	text-overflow: ellipsis;
	overflow: hidden;
	max-height: 70px;
}

.videoFootage .row .videoItem {
	position:relative;
	float:left;
	padding-right:22px;
}
.videoFootage .row .videoItem:last-child {
	padding-right:0;
}
.videoFootage .row {
	position:relative;
	overflow:hidden;
	clear:both;
	padding-bottom:12px;
}

.videoFootage, #videoFootage {
	margin-left: 12px;
}

/********************* Small tabs -homepage only !!- *********************/
.tabs_small { width: 640px; float: left;}
.tabs_small .tab { font-family: "pragmatica-web", "Helvetica", Arial, Tahoma, sans-serif; display: none; width: 620px; }
.tabs_small .tab.selected { display: block; margin: 3px 0 1em 2px; height: 132px; background-color: #232728; border-radius: 0 7px 0 0; color: white; }



/*******************************************************/
/********************* PLAYER PAGE *********************/
/*******************************************************/

/* -------------------------- */
/* Player */
#main.fullscreen > div { width: 100%; } /* overload width to enable fullscreen ! */
.video-container { display: none; width: 100%; margin: 0px 0px 20px 0px; position:relative; font-family: "pragmatica-web", "Helvetica", Arial, Tahoma, sans-serif; background-color: black; height: 550px; overflow-y: hidden; }
.video-container .title { position: absolute; color: white; left: 1em; top:0.8em; }
.video-container .title * { padding: 0.2em 0.3em; margin: 0.5em 0; }
.video-container .title h1 { font-size: 18px; }
.video-container .title h1 span {  margin-left: -5px; }
.video-container .title span { background-color: #790989; margin-right: 10px;}
.video-controls { bottom:0.75em; left:0; right:0; position: absolute; font-size: 15px; width: 978px; margin-left: auto; margin-right: auto; }
.video-controls .meter { display: inline-block; width: 0px; color: #340039; }
.video-controls .buttonPlay { display: inline-block; width: 20px; }
.video-controls .play { background-image: url(../../../assets/imgs/pause.png); background-repeat: no-repeat; }
.video-controls .pause { background-image: url(../../../assets/imgs/play.png); background-repeat: no-repeat; }
#mask { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; }
#mask.fullscreen { display: block; }
.video-container.fullscreen { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; width: 100%; height: auto; }
.video-container.fullscreen video { width: 100% !important; height: 100% !important; top: 0; bottom: 0; left: 0; right: 0; }
.video-container p { padding: 1em; text-align: center; color: white; font-size: 1.4em; }
.video-container .songMarkerSign { position: absolute; background: url(../../../assets/imgs/song-marker.png) no-repeat; height: 11px; width: 11px; top: 0; z-index:999; }
.video-container .songMarkerSign.hover { background: url(../../../assets/imgs/song-marker-hover-bar.png) no-repeat; top:-26px; height: 36px; cursor: pointer; }
.songMarkerContainer .songMarkerThumbnail { position: absolute; bottom:88px; background-color: white; display: none; border-radius: 7px 7px 0 0; z-index: 9999999999; }
.songMarkerContainer .songMarkerThumbnail img { background-color: white; padding: 0 5px 5px 5px;}
.songMarkerContainer .songMarkerThumbnail p { color: #790989; text-transform: uppercase; font-size: 14px; font-weight: bold; width: 140px;margin: .5em 0 0 0; padding: 0 0 .25em 5px; }
.songMarkerContainer .songMarkerThumbnail:after { content:""; position:absolute; right: 55px; border-color: white transparent transparent transparent; border-style:solid; border-width:18px; bottom: -36px; }
.video-container a.watermark { z-index: 9999999999; position: absolute; top: 10px; right: 10px; }
.video-global .volume { padding: 8px; }
.video-global .volume input { -webkit-appearance: slider-vertical; width:20px; height: 100px; }
.video-global .volume:after { right: 4px; }
.video-global .bubblebox { position: absolute; display: none; background: white; bottom:98px; z-index: 9999999999; text-align: center; }
.video-global .bubblebox p { padding: 0 .25em; margin: 0; background: #ffffff; color: #202020; border-radius: 7px;}
.video-global .bubblebox p.embed { padding: 10px;}
.video-global .bubblebox {background: #202020;}
.video-global .bubblebox h2 {color: #f5f5f5;}
.video-global .bubblebox:after { content:""; position:absolute; border-color: #202020 transparent transparent transparent; border-style:solid; border-width:18px; bottom: -35px; }
.video-global .like-share textarea { width: 98%; height: 50px; font-family: monospace; font-weight: bold; font-size: 12px; }
.video-global .like-share { width: 550px; padding: 10px; }
.video-global .like-share:after { right: 75px; }
.video-global .like-share p { color: black; font-size: 16px; }
.video-global .like-share label { color: black; margin: 0 1em; }
.video-global .like-share label input[type=number] { width: 50px; font-size: 13px; border: 1px solid purple; }
.video-global .like-share textarea.small,
.video-global .like-share textarea.medium { display: none; }
.video-global ul.like-share-social { margin: auto; text-align: center; }
.video-global ul.like-share-social li { display:inline-block; vertical-align: top; width: 30%; }
.video-global ul.like-share-social li iframe { width: auto !important; }
#flash-container    { display: block; width: 100%; height: 550px; o margin: 0px 0px 20px 0px; padding: 0 .5em; position:relative; background-color: #000; }
#flash-player       { background-color: #000;display: block; width: 980px; height: 550px; margin: 0 auto 0 auto; }
#ads-status { position: absolute; bottom: 0; right: 0; height: 20px; font-size: 14px; color: white; background: black; margin: 5px; padding:5px; display: none; }

/**/
/********************* Tabs -player page only !!- *********************/
.tabs > div {
	position:relative;
	overflow:hidden;
	margin: 20px 0px 20px 0px;
}
.tabs .topConcerts,
.tabs .newConcerts {
	float:left;
	position:relative;
	width:100%;
	margin: 20px 0px 20px 0px;
}
.tabs .topConcerts {
	margin-right:30px;
}
.tabs .latestConcerts .bottom , #similarConcerts .bottom {
	line-height:2em;
	font-size:8pt;
	background:#232728;
	text-align:right;
	padding-right:2px;
}
.tabs .listView {
	font-weight:100;
	color:#ECECEC;
}
.tabs .listView .title {
	position:relative;
	overflow:hidden;
}
.tabs .listView .title h3 {
	background: url(../../../assets/imgs/tabCorner.png) right bottom no-repeat;
	position:relative;
	float:left;
	padding-right:8px;
	margin:0;
	margin-bottom:-1px;
}
.tabs .listView .title h3 div {
	background:#232728;
	font-weight:100;
	font-size:16pt;
	padding:4px 20px 0 16px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.tabs .listView .concertList {
	background:#232728;
	padding:12px 7px 6px 7px;
	border-top-right-radius: 7px;
	clear:both;
}
.tabs .listView ul {
	list-style:none;
	margin:0 !important;
	padding:0;
}
.tabs .concertList.multi {
	position:relative;
	overflow:hidden;
}
.tabs .concertList.multi ul {
	float:left;
	position:relative;
	width:100%;
	padding-right:16px !important;
}
.tabs .concertList.multi ul:last-child {
	padding-right:0 !important;
}
.tabs .listView .concertItem {
	background:#1F2324;
	padding:4px 3px;
	overflow:hidden;
	margin:5px;
	width:305px;
	float: left;
}
.tabs .listView .concertItem:hover {
	background:#7e0888;
}
.tabs .listView .concertItem:last-child {
	margin-bottom:0;
}
.tabs .listView .concertItem a {
	display:block;
	position:relative;
	text-transform:uppercase;
	text-decoration:none;
	font-size:8pt;
	font-weight:100;
	overflow:hidden;
	padding:4px;
	width: 305px;
}
.tabs .listView .concertItem a:hover {
	background: #7e0888;
}
.tabs .listView .concertItem a .thumb {
	float:left;
	margin-right:4px;
}
.tabs .listView .concertItem .artist {
	margin:0;
	padding:0;
	font-size:11pt;
	font-weight:200;
	margin-bottom:4px;
}
.news .tabs .listView h3 {

}

/*genereric simple tab pane styles*/
.tabPanel {
	padding:24px 0;
}
.tabs {
	position:relative;
	overflow:hidden;
	z-index:0;
}
.tabs > ul {
	margin:0;
	padding:0;
	list-style:none;
}
.tabs .tab {
	position:relative;
	margin:0 2px 0 0;
	display:block;
	float:left;
	cursor:hand;
	cursor:pointer;
}
.tabs .tab > div {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-image: url("../../../assets/imgs/background.png");
	position:relative;
	display:block;
}
.tabs .tab > div,
.tabs .tab > div .title {
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.tabs .tab .title {
	font-size:13pt;
	color:#222728;
	text-shadow:0 1px #fff;
	text-decoration:none;
	background-color:#C7C6C6;
	display:block;
	padding:2px 12px 4px 12px;
}
.tabs .tab.selected .title {
	color:#ECECEC;
	margin-right:2px;
	text-shadow:none;
	background-color:#222728;
}
.tabs .tab.selected > div {
	background-color:#222728;
	margin-top:1px;
}
.tabs .tab.selected > div .title {
	margin-right:2px;
}
.tabs .tab.selected {
	cursor:default;
	margin-right:-4px;
	z-index:10000;
}
.tabContentContainer {
	background-color:#222728;
	overflow:hidden;
	position:relative;
	padding:4px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 0px;
	border-top-right-radius: 6px;
}
.tabContentContainer .tabContent {
	display:none;
}

/********************* Comments *********************/
.clear {clear: both;}
.comments {float: left; width: 650px; margin: 0px 0px 0px 0px;}

.comment_parent, .comment_user {margin: 0px 0px 10px 0px;}
.comment_parent .avatar, .comment_user .avatar {float: left; width: 48px; padding: 10px 10px 10px 10px; background: #d9d9d9; border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
.comment_parent .avatar img, .comment_user .avatar img {border: 2px solid #ececec; width: 48px;}
.comment_parent .content {float: left; width: 560px; min-height: 52px; padding: 10px 10px 10px 0px; background: #d9d9d9; border-top-right-radius: 7px; border: 1px solid #d9d9d9; border-right: 0px;}
.comment_parent .content .author {float: left; width: 300px; margin: 0px 0px 0px 28px; text-align: justify; color: #232728; font-size: 11px; text-transform: uppercase;}
.comment_parent .content .reply {background: url(../../../assets/imgs/reply.png) no-repeat left; padding: 0px 0px 0px 12px; float: right; width: 125px; margin: 0px 0px 0px 0px; text-align: right; color: #686e6e; font-size: 12px; text-shadow:-1px 1px 1px #feffff;}
.comment_parent .content .reply a {color: #686e6e; text-decoration: none;}
.comment_parent .content .reply a:hover {color: #232728;}

.comment_child {margin: 0px 0px 10px 70px;}
.comment_child .content {float: left; width: 490px;  min-height: 52px; padding: 10px 10px 10px 0px; background: #ececec; border-top-left-radius: 7px;}
.comment_child .content .author {margin: 0px 0px 0px 10px; text-align: right; color: #232728; font-size: 11px; text-transform: uppercase;}
.comment_child .avatar {float: left; width: 50px; padding: 10px 10px 10px 10px; background: #ececec; border-top-right-radius: 7px; border-bottom-right-radius: 7px;}
.comment_child .avatar img {border: 2px solid #d9d9d9;}

.comment_child .content p, .comment_parent .content p {
margin: 0px 0px 10px 10px;
padding: 0px 0px 0px 18px;
text-align: justify;
color: #7e0989;
font-size: 14px;
background-image: url(http://www.evergig.com/assets/imgs/start_p.png), url(../../../assets/imgs/end_p.png);
background-position: left top, right bottom;
background-repeat: no-repeat;}

.comment_user .content {float: left; width: 550px; min-height: 52px; padding: 10px 10px 10px 10px; background: #d9d9d9; border-top-right-radius: 7px; border: 1px solid #d9d9d9; border-right: 0px;}
.comment_user textarea {border-radius: 7px; width: 535px; border: 1px solid #800989; background-color: #ececec; padding: 7px; color: #232728;}
.comment_user button[type=submit] {display: block; width: 150px; height:30px; background-color: #800989; font-weight: bold; color: #ffffff; float: right; margin: 10px 0px 0px 0px; border-radius: 5px; border: none;}

.comment_loggedout .content {vertical-align:middle; text-align:center; width: 618px; min-height: 52px; padding: 10px 10px 10px 10px; background: #d9d9d9; border-radius: 7px; border: 1px solid #d9d9d9; border-right: 0px;}
.comment_loggedout p { padding-top: 4px; }
.comment_loggedout a.purple-button {vertical-align:middle;padding:8px;width: 100px; height:30px; background-color: #800989; font-weight: bold; color: #ffffff; margin: 10px 0px 0px 0px; border-radius: 5px; border: none;}

/********************* Social *********************/
.social {float: right; width: 305px; margin: 0px 0px 0px 0px;}
.social .contributors {padding: 10px 10px 10px 10px; background: #7e0989; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.social .contributors h3 {padding: 0px; margin: 0px 0px 10px 0px; font-weight: normal; color: #ececec; font-size: 17px;}
.social .contributors p {margin: 0px 0px 5px 0px; text-align: center;}
.social .contributors .avatar {margin: 3px;  display: block;  background:  no-repeat;  width: 42px;  height: 42px; float: left;}
.social .contributors .avatar img {display: block; position: relative; top: 29px; left: 29px; border: 2px solid #ececec;}
/*.social .contributors a.avatar { border: 1px solid #ececec; background-size: 40px 40px;}*/
.social .contributors img { margin-bottom:3px; padding:0; border: 2px solid #ececec; width: 40px;  height: 40px;}

.social .twitter_widget {margin: 20px 0px 0px 0px;}
.social .facebook_widget {margin: 20px 0px 0px 0px;}



/*******************************************************/
/********************* JOIN US AND EDIT PROFILE PAGE *********************/
/*******************************************************/

#joinus {width: 100%; background-color: #f1f1f1; border-radius: 7px; border: 1px solid #dedede; text-align: center;}
#joinus h2 {margin: 20px 0px 20px 0px; font-size: 18px; font-weight: normal;}
#joinus .row {float: left; width: 300px; margin: 0px 13px 0px 13px;}
#joinus .center_row {width: 300px; margin: 0px auto 0px auto;}
#joinus .row span {margin: 10px 0px 10px 0px; display: block; padding: 6px 20px 4px 0px; height: 28px; text-align: right; color: #232728; font-size: 12px;}
#joinus .row input, .center_row input {margin: 10px 0px 10px 0px; width: 260px; padding: 5px; border-radius: 5px; border: 1px solid #7e0988; background: #f0f0f1; color: #858585; box-shadow: 0px 0px 2px #dd7ffc;}
#joinus .or {margin: 75px 10px 0px 0px; background: url(../../../assets/imgs/or.png) no-repeat 0px;}
#joinus .or .facebook {display: block;  float: right; width: 162px; height: 23px; background: url(../../../assets/imgs/facebook_button.png) transparent; margin: 15px 20px 5px 0px;}
#joinus .or .twitter {display: block; float: right; width: 162px; height: 23px; background: url(../../../assets/imgs/twitter_button.png) transparent; margin: 5px 20px 10px 0px;}
#joinus .cgu {margin: 10px auto 10px auto; width: 480px; background: #d9d9d9; color: #686e6e; padding: 10px; text-align: justify; font-size: 10px; border-radius: 5px; height: 80px;}
#joinus p {margin: 10px auto 10px auto; width: 500px;}
#joinus .small {font-size: 10px; width: auto;}
#joinus img {border: 2px solid #ffffff;}
#joinus input[type=submit] {
padding: 5px;
border-radius: 5px;
border: 1px solid #7e0988;
background: #a82aaf;
background: -moz-linear-gradient(top, #a82aaf 2%, #902198 6%, #650470 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#a82aaf), color-stop(6%,#902198), color-stop(100%,#650470));
background: -webkit-linear-gradient(top, #a82aaf 2%,#902198 6%,#650470 100%);
background: -o-linear-gradient(top, #a82aaf 2%,#902198 6%,#650470 100%);
background: -ms-linear-gradient(top, #a82aaf 2%,#902198 6%,#650470 100%);
background: linear-gradient(to bottom, #a82aaf 2%,#902198 6%,#650470 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a82aaf', endColorstr='#650470',GradientType=0 );
font-size: 14px;
color: #ffffff;
width: 260px;
font-weight: bold;
margin: 20px auto 20px auto;}

#joinus  input[type=submit].black{
border: 1px solid #141b1b;
background: #414647;
background: -moz-linear-gradient(top, #5a6162 2%, #414647 6%, #141b1b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#5a6162), color-stop(6%,#414647), color-stop(100%,#141b1b));
background: -webkit-linear-gradient(top, #5a6162 2%,#414647 6%,#141b1b 100%);
background: -o-linear-gradient(top, #5a6162 2%,#414647 6%,#141b1b 100%);
background: -ms-linear-gradient(top, #5a6162 2%,#414647 6%,#141b1b 100%);
background: linear-gradient(to bottom, #5a6162 2%,#414647 6%,#141b1b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a6162', endColorstr='#141b1b',GradientType=0 );}


/*******************************************************/
/********************* ARTIST PAGE *********************/
/*******************************************************/
.artist-container {
	height: 406px;
	position:relative;
	background-color: #ECECEC;
	border: 2px solid #C7C6C6;
	border-left: 0;
	overflow:visible !important;
}
.slides_control {
	overflow:hidden;
}
#artist-cover           { float: left; width: 608px; height: 408px; margin-top:-1px; background-color: #000;}
#artist-cover .slide    { height: 408px; overflow:hidden; position:absolute;top:0;background-color: #000;}
#artist-cover .slide img {
	width: 608px;
	height: 408px;
}
#artist-bio             { position:relative;float: right; width:350px; font-family: "pragmatica-web", "Helvetica", Arial, Tahoma, sans-serif; height: 404px; font-size: 1em; }
#artist-bio p           {
	font-size: 13px;
	height: 74%;
	overflow-y:auto;
	padding: 0 8px;
	position: relative;
/*    text-align: justify;*/
	margin-right: 10px;
	background: url('../../../assets/imgs/artist-bio-shadow.png') bottom repeat-x;
}
#artist-bio h1 {margin: 10px 0px 10px 0px; padding: 0 8px; font-weight: normal; font-size: 25px;}
#artist-bio:after       { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#artist-bio .socialPanel {
	position:absolute;
	bottom:0;
}
#artist-bio .bio-fade {
	position: relative;
	height: 40px;
	width:350px;
	margin-top: -41px;
}

.pagination {
	z-index: 200;
	list-style: none;
	position:relative;
	text-align:center;
	margin: -30px auto 0 auto;
	padding-right:35px;
}
.pagination li      { display: -moz-inline-stack; display: inline-block; opacity:0.4; }
.pagination li a    { display: block; overflow: hidden; margin: 0 10px; padding-top: 10px; background-color: #C7C6C6; width: 15px; border-radius: 90%; height: 5px; color: transparent; }
.pagination li.current   { opacity: 1 }
.pagination li.current a { background-color:#95108F; }

.artist-container .bubblebox { position: absolute; display: none; background: white; text-align: center; }
.artist-container .bubblebox h2 {color: #f5f5f5;}
.artist-container .bubblebox { position: absolute; display: none; background: #202020; z-index: 100; text-align: center; }
.artist-container .like-share { bottom: 60px; height: 110px; left: -50px; }
.artist-container .bubblebox p { padding: 0 .25em;  margin: 0; background: #ffffff; color: #202020; border-radius: 7px; }
.artist-container ul.like-share-social { width: 340px; margin: auto; text-align: center; }
.artist-container ul.like-share-social li { display:inline-block; vertical-align: top; width: 30%; }
.artist-container ul.like-share-social li iframe { width: auto !important; }
.artist-container .bubblebox:after{ content:""; position:absolute; border-color: #202020 transparent transparent transparent; border-style:solid; border-width:18px; left: 200px; bottom: -36px; }
.artist-social .widget { float:left; width: 484px; height: 300px; }
.artist-social .twitter_widget { margin-left: 10px; }


/*******************************************************/
/********************* UPLOAD PAGE *********************/
/*******************************************************/

.optionPopup {
	background:#000;
	position:absolute;
	display:none;
	padding:1px;
	border-radius:4px;
	box-shadow:0px 0px 4px #000;
}
.optionPopup ul {
	list-style:none;
	padding:0;
	margin:0;
}
.optionPopup ul li {
	border-bottom:1px solid #333;
}
.optionPopup ul li:last-child {
	border:none;
}
.optionPopup ul a {
	display:block;
	color:#fff;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
	padding:2px 4px;
}
.optionPopup ul a:hover,
.optionPopup ul li.selected a {
	background:#791F81;
	transition: background 0.2s linear 0s;
	-webkit-transition: background 0.2s linear 0s;
	-moz-transition: background 0.2s linear 0s;
}
.optionPopup .listContainer {
	max-height:300px;
	overflow-y: scroll;
	z-index:9999;
}
.optionPopup .activateDatePicker {
	color:#fff;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
}

.upload-form { width: 100%; margin: 0 auto; font-size: 1.1em }
.upload-form label { display: block; margin: 0.5em 0; }
.upload-form .decoblock { width:280px; background-color: #232728; float: right; height: 530px; }
.upload-form .big { display: block; font-size: 10em; }
.upload-form .block { display: block; background-color: #232728; color: white; margin: 0 0 1.2em 0; padding: 1em; }
.upload-form .user { width: 100%; padding: 0; }
.upload-form .user img { border: 8px solid white; margin: 1em; float: left; }
.upload-form .user p { font-size: 0.9em; white-space: pre; padding-top: 135px; }
.upload-form .user div { height:0; clear: both; }
.upload-form .informations { width: 650px; }
.upload-form article { margin: 0.8em 0 0.5em 0; padding: 0.25em; color: white; }
.upload-form article img { margin-right: 0.5em; }
.upload-form article h3 { display: inline; font-size: 1em; margin-right: 0.8em; }
.upload-form article h4 { display: inline; font-size: 0.9em; }
.upload-form article progress { width: 96%; }
.upload-form .dropzone { width: 650px; text-transform: uppercase; }
.upload-form .dropzone .browse { float: right; background-color: #7E0988; width: 210px; position: relative;}
.upload-form .dropzone .browse span { position: absolute; top: 0px; left: 0px; z-index: 1; margin-left: 25px; margin-top: 4px;}
.upload-form .dropzone .browse .multiple {position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2;}
.upload-form .dropzone .mark { text-align: center; padding: 3em 0; middle; border: 6px dashed white; border-radius: 7px; background-color: #2C2F30; }
.upload-form .dropzone .error { display: block }
.upload-form .dropzone .files { display: block; }
.upload-form .progress { padding-top: 5px; }
.upload-form .progress .files { display: block; }
.upload-form .progress span article .meter { margin-top: 5px;}
.upload-form .progress span article .meter > span { max-width: 660px }

.uploadWidget {

}
.uploadWidget .wrapper {
	position:relative;
	overflow:hidden;
}
.uploadForm {
	border:1px solid #C7C6C6;
	padding:24px 146px;
	padding-bottom:12px;
	position:relative;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	background:#ECECEC url(../../../assets/imgs/drag_n_drop.png) 14px 60px no-repeat;
	float:left;
}
.uploadForm .dropZone {
	position:relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:dashed 4px #000;
	height:175px;
	width:320px;
	max-height:175px;
	background:url(../../../assets/imgs/arrow.png) center no-repeat;
}
.uploadForm .dropZone div {
	text-shadow:0 1px #fff;
	text-align:center;
	padding-top:130px;
}
.uploadForm .dropZone.in {
	background-size: 7em;
}
.uploadForm .dropZone.hover {
	background-size: 7em;
}
.uploadForm .dropZone.fade {
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		opacity: 1;
}
.uploadForm .filePicker {
	position:relative;
	padding-top:20px;
	overflow:hidden;
	padding-left:24px;
}
.uploadForm .filePicker > span:first-child {
	font-weight:bold;
}
.uploadForm .filePicker span {
/*	display:inline-block;*/
/*	zoom:1;*/
	text-align: center;
}
.uploadForm .button {
	position: relative;
	padding: 4px 10px 4px;
	display:inline-block;
	width:230px;
	float:none;
	background: #9d0ba5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkMGJhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjOGQwYTk2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiM4MzA5OGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiM3ZTA5ODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OSUiIHN0b3AtY29sb3I9IiM3ZTA5ODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiM4MzA5OGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiM4ZDBhOTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOWQwYmE1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #9d0ba5 0%, #8d0a96 4%, #83098d 7%, #7e0988 11%, #7e0988 89%, #83098d 93%, #8d0a96 96%, #9d0ba5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d0ba5), color-stop(4%,#8d0a96), color-stop(7%,#83098d), color-stop(11%,#7e0988), color-stop(89%,#7e0988), color-stop(93%,#83098d), color-stop(96%,#8d0a96), color-stop(100%,#9d0ba5));
	background: -webkit-linear-gradient(top,  #9d0ba5 0%,#8d0a96 4%,#83098d 7%,#7e0988 11%,#7e0988 89%,#83098d 93%,#8d0a96 96%,#9d0ba5 100%);
	background: -o-linear-gradient(top,  #9d0ba5 0%,#8d0a96 4%,#83098d 7%,#7e0988 11%,#7e0988 89%,#83098d 93%,#8d0a96 96%,#9d0ba5 100%);
	background: -ms-linear-gradient(top,  #9d0ba5 0%,#8d0a96 4%,#83098d 7%,#7e0988 11%,#7e0988 89%,#83098d 93%,#8d0a96 96%,#9d0ba5 100%);
	background: linear-gradient(top,  #9d0ba5 0%,#8d0a96 4%,#83098d 7%,#7e0988 11%,#7e0988 89%,#83098d 93%,#8d0a96 96%,#9d0ba5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d0ba5', endColorstr='#9d0ba5',GradientType=0 );
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	border:1px solid #600063;
	color:#fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	cursor:hand;
	cursor:pointer;
}
.uploadForm .button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transform: translate(-300px, 0) scale(4);
	direction: ltr;
	cursor: pointer;
}

.userInfo {
	border:1px solid #C7C6C6;
	background:#ECECEC;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	float:right;
	position:relative;
	padding:14px;
	width:280px;
	min-height:226px;
}
.userInfo h3 {
	margin:0;
}
.userInfo .userName {
	position:relative;
}
.userInfo .thumb {
	position:absolute;
	border: 1px solid #C7C6C6;
}
.userInfo .userName > div {
	position:relative;
	padding-left:55px;
}
.userInfo a, .userInfo a:link, .userInfo a:visited {
	color: #551a8b;
}

.uploadDetails {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	border:1px solid #C7C6C6;
	background:#ECECEC;
	margin-top:30px;
	padding:10px 14px;
}
.uploadDetails .left {
	width:628px;
	position:relative;
	float:left;
	padding-right:22px;
	border-right:1px solid #C2C1C1;
}
.uploadDetails .right {
	position:relative;
	float:right;
	padding:6px 10px;
	padding-bottom:0;
	vertical-align:middle;
}
.uploadDetails .right .warning {
	padding-left:42px;
	background:url(../../../assets/imgs/warning.png) left center no-repeat;
	height:42px;
}
.uploadDetails .right p {
	max-width:230px;
}
.uploadDetails .detailsContainer {
	position:relative;
	overflow:hidden;
	margin-bottom: 22px;
}
.progressAndPreview {
	position:relative;
	height: 90px;
}
.preview {
	position:absolute;
	width:160px;
	height:90px;
	background:#000;
	background-image: url(../../../assets/imgs/upload-vignette.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	border: 1px solid #717171;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow: inset 0px 0px 7px #333;
	-moz-box-shadow: inset 0px 0px 7px #333;
	-o-box-shadow: inset 0px 0px 7px #333;
	box-shadow: inset 0px 0px 7px #333;
}
.progressBar {
	position:relative;
	padding-left:170px;
	padding-top:36px;
	overflow:hidden;
}
.progressBar .progressContainer {
	background: #760675;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2MDY3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDA4ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #760675 0%, #840882 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#760675), color-stop(100%,#840882));
	background: -webkit-linear-gradient(top,  #760675 0%,#840882 100%);
	background: -o-linear-gradient(top,  #760675 0%,#840882 100%);
	background: -ms-linear-gradient(top,  #760675 0%,#840882 100%);
	background: linear-gradient(top,  #760675 0%,#840882 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#760675', endColorstr='#840882',GradientType=0 );
	height:9px;
	border:1px solid #6A0668;
	-webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 2px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 2px rgba(50, 50, 50, 0.75);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:1px;
}
.progressContainer .progress {
	background:#fff;
/*	border:1px solid #E5E5E5;*/
	position:relative;
	width:1%;
	height:99%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.progressBar .status {
	position:relative;
	padding-top:2px;
}

.progressBar .detailStatus {
	position:relative;
	padding-top:2px;
	color: #8B8585;
}
.progressBar .cancel {
	background:none;
	background:url(../../../assets/imgs/cancel.png) center no-repeat;
	border:none;
	width:15px;
	height:15px;
	float:right;
}

.videoDetails {
	overflow:hidden;
	padding-top:20px;
	position:relative;
}

.videoDetails .message {
	color:#7E0988;
	font-weight:bold;
	font-size:9pt;
	text-align:right;
	display:none;
	padding-top:8px;
}

/* Tags class used in upload page which makes 'arrow' like boxes, like on upload page */
.tags { margin:0 0 2em 0; padding: 0; list-style:none; }
.tags li, .tags span { float:left; height:30px; line-height:30px; position:relative; }
.tags li label {
	display: inline-block;
	padding: 0 10px;
}
.tags li input { border: 0; background-color: #ECECEC; width:150px; }
.tags span { padding:0 8px 0 8px; background:#ECECEC; color:#2C2F30; text-decoration:none; }
.tags li > span { width: 168px; }
.tags .last span { width: 20px; color: white; font-size: 16px; background-color: #7E0988; display:none; }
.tags .last span:before {  }
.tags .last span:after { border:0; }
.tags li > span {
	background:url(http://www.evergig.com/assets/imgs/upload_field.png) left center no-repeat;
}

.tags li > span.invalid {
	background:url(../../../assets/imgs/upload_field_red.png) left center no-repeat;
}
.tags li input.hasDatepicker {
	width: 128px !important;
}
.tags li a.ok {
	background:url(../../../assets/imgs/upload_ok.png) left center no-repeat;
	position:relative;
	display:inline-block;
	width:76px;
	text-align: center;
	cursor:hand;
	cursor:pointer;
	text-decoration:none;
}

/*tabs on profile*/
.userContribution {
	padding-top: 15px;
}


/* Custom progress bars in video player and upload page... */
.meter { height: 11px; margin: 0; position: relative; background-color: #340039; border-radius: 7px; box-shadow: inset 0 1px 1px #48004E; }
.meter > span { display: block; height: 100%; border-radius: 7px; position: relative; overflow: hidden; background-color: white; z-index:1; }
.meter > span:after {
		content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
		z-index: 1; background-size: 20px 20px; overflow: hidden;
}
.meter > span.dl { position:relative; top: -11px; z-index: 0; background-color: #7E0988; box-shadow: inset 0 1px 1px #65076D; }
.meter.animate > span {
		background-color: transparent;
		background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #67086F), color-stop(1, #232728));
		background-image: -moz-linear-gradient( center bottom, #67086F 37%, #232728 69%);
}
.meter.animate > span { width: 100%; }
.meter.animate > span > span {
		content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
		z-index: 1; background-size: 20px 20px; animation: move 2s linear infinite; overflow: hidden;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
		background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
.meter.animate > span:after { display: none; }
@-webkit-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } }
@-moz-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } }

/*CGU and opepprr*/
#standard {width: 100%; background-color: #f1f1f1; border-radius: 7px; padding: 20px; border: 1px solid #dedede; text-align: center;}
#standard h2 {margin: 20px 0px 20px 0px; font-size: 18px; font-weight: normal;}
#standard h4 {margin: 20px 0px 20px 0px; font-size: 16px; text-align: left;}
#standard p {text-align: justify; margin: 20px;}
#standard a{color: #771F81;}
#standard a:hover{color: #771F81;}

#modal-overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	/*opacity:1.0;
	filter:alpha(opacity50);*/
	z-index:10000;
}

#modal {
	position:absolute;
	background:url(http://www.evergig.com/assets/css/tint20.png) 0 0 repeat;
	background:rgba(0,0,0,0.2);
	border-radius:14px;
	padding:8px;
	z-index: 100001;
}

#modal-content {
	border-radius:8px;
	background:#fff;
	padding:20px;
	z-index: 100001;
}

#ieonly {
	display:none;
}