body
{
	margin: 0;
	background-image: url(../images/bg.png);
	font-family: Verdana, Geneva, sans-serif;
}

form
{
	display: inline;
}

img
{
	display: block;
	margin: 0;
	border: 0;
	margin-left: auto;
	margin-right: auto;
}

.mainTable
{
	width: 800px;
}

.firstRow
{
	background-color: #EDEDED;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 8pt;
	color: #333333;
}

.firstRowTable
{
	width: 100%;
}

.firstRowLogin
{
	text-align: left;
}

.headerMenu
{
	background-color: #FFFFFF;
}

.loginTextbox
{
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color: #5983B5;
	background-color : #D6D6D6;
	border: 1px solid #999999;
	width: 100px;
}

.loginButton
{
	background-color: #D6D6D6;
	border: 1px solid #999999;
	font-size: 8pt;
	font-weight: bold;
	height: 17px;
}

.loginError
{
	color: #FF0000;
}

.loginLink A:link, .loginLink A:visited, .loginLink A:active, .loginLink A:hover 
{
	font-size: 8pt; 
	font-weight: bold;
	text-decoration: underline; 
	color: #5983B5;
}

.firstRowDate
{
	text-align: right;
}

.leftMainContainer
{
	width: 500px;
	background-color: #EDEDED;
	padding: 10px 2px 10px 10px;
	text-align: center;
	vertical-align: top;
}

.eventMain
{
	background-color: #D6D6D6;
	width: 100%;  
	padding: 5px;
}

.eventMainCalendar
{
	width: 50px; 
	height: 55px; 
	vertical-align: top;
}

.eventCalendarMain
{
	background-image: url(../images/event_date_box.gif);
	width: 50px; 
	height: 55px; 
}

.eventCalendarContent
{
	vertical-align: top;
}

.calendarDayName
{
	font-size: 8pt; 
	font-weight: bold; 
	color: #ffffff; 
	padding-top: 5px;
}

.calendarDay
{
	font-size: 9pt; 
	font-weight: bold; 
	color: #5983B5; 
	padding-top: 5px;
}

.calendarMonthYear
{
	font-size: 7pt; 
	font-weight: bold; 
	color: #000000; 
	padding-top: 2px;
}

.eventMainArtist
{
	text-align: left; 
	vertical-align: top; 
	padding-left: 8px; 
}

.eventMainArtist A:link, .eventMainArtist A:visited, .eventMainArtist A:active, .eventMainArtist A:hover {
	font-size: 14pt; 
	text-decoration: underline; 
	color: #5983B5;
}


.eventMainLocation
{
	text-align: left; 
	vertical-align: top; 
	padding-left: 8px; 
	font-size: 10pt;
}

.paginationMain
{
	width: 100%; 
	padding: 10px;
	text-align: center; 
	font-size: 8pt; 
	font-weight: bold;
}

.rightMainContainer
{
	width: 300px;	
	background-color: #EDEDED;
	padding: 10px;
	text-align: center;
	vertical-align: top;
}

.searchForm
{
	font-size: 8pt;
}

.searchFormLabel
{
	text-align: right;
}

.searchButton
{
	background-color: #D6D6D6;
	border: 1px solid #999999;
	font-size: 8pt;
	font-weight: bold;
	width: 50px;
}

.sponsoredPoster
{
	width: 300px;
}

.newsletterForm
{
	font-size: 8pt;
}

.newsletterFormLabel
{
	text-align: right;
}

.newsletterTextbox
{
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color: #5983B5;
	background-color : #D6D6D6;
    border: 1px solid #999999;
    width: 150px;
}

.newsletterButton
{
	background-color: #D6D6D6;
	border: 1px solid #999999;
	font-size: 8pt;
	font-weight: bold;
	width: 100px;
}

.footer
{
	background-color: #5983B5;
	padding: 10px;
	text-align: center;
	font-size: 8pt;
	color: #ffffff;	
}

.footer A:link, .footer A:visited, .footer A:active, .footer A:hover {
	font-size: 10pt;
	color: #D6D6D6;
}

/** Pagination **/

div.pagination {
	padding: 0px;
	margin: 0px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666666;
	text-decoration: none;
	color: #333333;
}

div.pagination a:hover, div.pagination a:active {
	border: 1px solid #999999;
	color: #5983B5;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #333333;
	font-weight: bold;
	background-color: #5983B5;
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666666;
	color: #666666;
}

/* Pages */
.mainContainer
{
	background-color: #EDEDED;
	padding: 10px;
	vertical-align: top;
	font-size: 10pt;
}

.mainContainerTable
{
	width: 100%;
	text-align: left;
}

.feedLink 
{
	height: 25px;
	padding-left: 3px;	
}

.feedLink A:link, .feedLink A:visited, .feedLink A:active, .feedLink A:hover {
	font-size: 10pt;
	color: #5983B5;
}

.contactHeader
{
	height: 25px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

.contactInfo
{
	text-align: left;
	vertical-align: top;
}

.accountNewField
{
	width: 350px;
	text-align: right;
	vertical-align: middle;
}

.accountNewInput
{
	width: 450px;
	text-align: left;
	vertical-align: middle;
}

.accountNewTextbox
{
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color: #5983B5;
	background-color : #D6D6D6;
    border: 1px solid #999999;
    width: 150px;
}

.accountNewErrors
{
	text-align: center;
	color: #FF0000;
}

.accountNewAgreement
{
	font-size: 8pt;
	text-align: center;
}

.accountNewAgreement A:link, .accountNewAgreement A:visited, .accountNewAgreement A:active, .accountNewAgreement A:hover 
{
	color: #5983B5;
	text-decoration: none;
}

.accountNewSubmit
{
	text-align: center;
}

.accountNewButton
{
	background-color: #D6D6D6;
	border: 1px solid #999999;
	font-size: 8pt;
	font-weight: bold;
	width: 200px;
}

.showField
{
	width: 200px;
	text-align: right;
	vertical-align: middle;
}

.showInput
{
	width: 600px;
	text-align: left;
	vertical-align: middle;
}

.showTextbox
{
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color: #5983B5;
	background-color : #D6D6D6;
    border: 1px solid #999999;
    width: 250px;
}

.showTextboxBig
{
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color: #5983B5;
	background-color : #D6D6D6;
    border: 1px solid #999999;
    width: 500px;	
}

.showErrors
{
	text-align: center;
	color: #FF0000;
}

.showSubmit
{
	text-align: center;
}

.showButton
{
	background-color: #D6D6D6;
	border: 1px solid #999999;
	font-size: 8pt;
	font-weight: bold;
	width: 200px;
}

.showTextarea
{
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color: #5983B5;
	background-color : #D6D6D6;
    border: 1px solid #999999;
    width: 500px;	
}

.newShowLink A:link, .newShowLink A:visited, .newShowLink A:active, .newShowLink A:hover {
	color: #5983B5;
	text-decoration: none;
}

.indexNews
{
	width: 300px;
}

.indexNews A:link, .indexNews A:visited, .indexNews A:active, .indexNews A:hover 
{
	font-size: 8pt; 
	font-weight: bold;
	text-decoration: underline; 
	color: #5983B5;
}


.indexNewsDate
{
	text-align: left;
	font-size: 7pt;
	font-style: italic;
	padding-bottom: 3px;
}

.indexNewsTitle
{
	text-align: left;
	vertical-align: middle;
	padding-bottom: 5px;
	font-size: 10pt; 
	font-weight: bold;
	color: #5983B5;
}

.indexNewsThumbnail
{
	width: 75px;
	vertical-align: top;
}

.indexNewsHeader
{
	width: 225px;
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
}

.indexNewsMoreNews
{
	text-align: right;
}

.chartContainer
{
	width: 145px; 
	vertical-align: top;
}

.chartHeader
{
	padding-bottom: 10px; 
	vertical-align: top;
}

.chartRankOdd
{
	width: 20px; 
	background-color: #D6D6D6; 
	text-align: center; 
	vertical-align: middle; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #5983B5;
}

.chartDetailsOdd
{
	width: 125px; 
	background-color: #E1E1E1; 
	text-align : left; 
	vertical-align: top; 
	font-size: 8pt;
}

.chartRankEven
{
	width: 20px; 
	background-color: #E1E1E1; 
	text-align: center; 
	vertical-align: middle; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #5983B5;
}

.chartDetailsEven
{
	width: 125px; 
	background-color: #D6D6D6; 
	text-align : left; 
	vertical-align: top; 
	font-size: 8pt;
}


.hypeArtist
{
	color: #CC6600;
}

.hypeSong
{
	color: #669900;
}

.billboardArtist
{
	color: #0082D6;
}

.billboardAlbum
{
	color: #E20A17;
}

.newsTitle
{
	text-align: left;
	vertical-align: middle;
	padding-bottom: 5px;
	font-size: 14pt; 
	color: #5983B5;
}

.newsDate
{
	text-align: left;
	font-size: 7pt;
	font-style: italic;
	padding-bottom: 3px;
}

.newsBody
{
	padding-bottom: 35px;
}

div.ui-datepicker 
{
  font-size:10px;
}

/* 
*/

.date-pick {
background-color:#D6D6D6;
border:1px solid #999999;
color:#5983B5;
float:left;
font-family:Verdana,Geneva,sans-serif;
font-size:8pt;
text-align:left;
vertical-align:middle;
width:95px;
}

.countryInput
{
	width: 95px;
	float: left;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color: #5983B5;
	background-color : #D6D6D6;
    border: 1px solid #999999;
}

div.autosuggest
{
	position: absolute;
	background-image: url(../images/autoSuggest/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	font-size: 8pt;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(../images/autoSuggest/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(../images/autoSuggest/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(../images/autoSuggest/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(../images/autoSuggest/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	/*font-weight: bold;*/
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(../images/autoSuggest/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(../images/autoSuggest/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(../images/autoSuggest/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(../images/autoSuggest/hl_corner_tr.gif);
	background-position: bottom right;
}

div.autosuggest ul li.as_warning
{
	/*font-weight: bold;*/
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}

/*
*/

.eventInfo
{
  width: 100%;
  padding: 5px;
  font-size:8pt;
}

.detailsTitle
{
  height: 20px; 
  text-align: left; 
  vertical-align: middle; 
  font-weight: bold; 
  color: #5983B5;
}

.detailsPoster
{
  width: 100px;
  height: 148px;
}

.detailsInfo 
{
  height: 20px; 
  text-align: left; 
  vertical-align: middle; 
  font-weight: bold;
  color: #666666;
}

.detailsLink A:link, .detailsLink A:visited, .detailsLink A:active, .detailsLink A:hover 
{
	text-decoration: none; 
	color: #666666;
}


.separator
{
	height: 10px;
}

.detailsUserInfo 
{
  height: 20px; 
	text-align: right; 
	vertical-align: middle;
}