body {
	background: #fff;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

hr {display:none;}

a {
	color: darkgreen;
}
a:link,a:visited {
	color: darkgreen;
	text-decoration:none;
}
a:hover,a:active {
	color: darkgreen;
	text-decoration:underline;
}


img {border:0px;}

textarea.ta {
	width: 400px;
}

.clearfix {display:block;clear:both;}
.ie_sucks {display:block;clear:both;margin:0;}
.print_only {display:none;}
p.note {font-size: 0.95em}
.formNote {
	font-size: 11px;	
	margin: 2px 0;
	padding: 2px;
	border: 1px solid #0C0;
	background-color: #b6ffc6;
}
label {
	display: block;
	margin-top: 1em;
}





/********************************************************************************/
/********************************************************************************/
/*      									                                  	
/*      						general layout	                        
/*      									                                  	
/********************************************************************************/
/********************************************************************************/

#header {
	position:relative;
}

#wrapper {
	width: 100%;
	float: right;
	margin: 0 0 .6em -180px;
	padding: 0;
}

#main {
	position: relative;
	margin: 0 0 0 180px;
	padding: 0;
	background: url(img/bg2.gif);
	color: black;
	border: none;
	line-height: 1.5em;
	/*z-index: 2;*/
}

#content {
	position: relative;
    background: #FFF;
	/*border-left: 1px solid #0c0;*/
    padding: 12px;
}



#navig {
	width: 160px;
	padding: 0 0 160px 0;
	border-right: 1px solid #b6ffc6;
}

#footer {
	clear: both;
	text-align: center;
	margin-top: 10em;
	padding: 1em;
	border-top: 1px solid #b6ffc6;
}



/********************************************************************************/
/********************************************************************************/
/*
/*						header
/*
/********************************************************************************/
/********************************************************************************/


#title {
	position:relative;
	background: #fff;/*#E3EAF2 url(img/bg-title.jpg?0606182129) bottom repeat-x;*/
	padding:0;
}
#title h1 {display:none;}
#title h2 {
	position: relative;
	display: inline;
	margin: -20px 0 0 20px;
	font-weight: bold;
	font-size: 24px;
	color: darkgreen;;
}
#logo {
	position: relative;
	display: block;
	width: 300px;
	height: 98px;
	background: url(img/logo-eqplay.jpg) left bottom no-repeat;
}

#searchForm {
	position: relative;
	float: right;
	margin: 0.8em;
	padding: 0;
	text-align: right;
}
#searchForm #searchFormQ {
	width: 398px;
	border: 1px solid #ccc;
	margin: 0;
}
#searchFormQ {
	background: 	#f9f9f9;
}
#searchFormQ:focus {
	background: 	#fff;
}
#searchForm #searchFormButton {
	margin: 0;
	font-weight: bold;
	background-color: #ccc;
	border: 1px solid #ccc;
	color: darkgreen;
	cursor: pointer;
}

#bannerTop {
	clear: right;
	position: relative;
	float: right;	
	margin: 0.8em;
}

#siteSituation {
	margin-left	: 20px;
}


/********************************************************************************/
/********************************************************************************/
/*      									                                  	
/*      						login bar                            	
/*      									                                  	
/********************************************************************************/
/********************************************************************************/

#loginBar {
	clear: both;
	position: relative;
	display: block;
	margin: 12px 6%;
	padding: 0;
	background-color: #b6ffc6;
}
#loginBar label {
	display: inline;
}
#lbT {
	background: url(corners/lbT.jpg) top repeat-x;	
}
#lbB {
	background: url(corners/lbB.jpg) bottom repeat-x;	
}
#lbL {
	background: url(corners/lbL.jpg) left repeat-y;	
}
#lbR {
	background: url(corners/lbR.jpg) right repeat-y;	
}
#lbTL {
	background: url(corners/lbTL.jpg) top left no-repeat;	
}
#lbTR {
	background: url(corners/lbTR.jpg) top right no-repeat;	
}
#lbBR {
	background: url(corners/lbBR.jpg) bottom right no-repeat;	
}
#lbBL {
	background: url(corners/lbBL.jpg) bottom left no-repeat;	
	padding: 8px;
}

#loginBar a {
	color: darkgreen;
}
#loginBar .loginBarItem a {
	padding: 4px;
	margin: 0;
}
#loginBar .loginBarItem a:hover {
	text-decoration: none;
	background-color: #fff;
}
#loginBar strong {
	font-size: 14px;;
}
#loginBar #logout {
	position: relative;
	float: right;
}

#loginBar form {
	display: inline;
}
#loginBar #forgottenPasswordLink {
	position: relative;
	float: right;
	margin-top: 3px;
}
#loginBar .signupLink {
	margin-left: 24px;
}
#loginBar .signupLink a {
	font-size: 14px;
	font-weight: bold;
}
#signinForm input {
	border: 1px solid #0c0;
	margin: 0;
}
#signinForm input.checkbox {
	border: none;
}
#signinForm label {
	font-size: 11px;
}
#signinForm #signinFormButton, .styledButton {
	margin: 0;
	font-weight: bold;
	background-color: #ccc;
	border: 1px solid #0c0;
	color: darkgreen;
	cursor: pointer;
}












/********************************************************************************/
/********************************************************************************/
/*      									                                  	
/*      						side column                            	
/*      									                                  	
/********************************************************************************/
/********************************************************************************/

#navig h3 {
	font-size: 1em;
}

#navigBrowse {
	padding-left: 0.8em;
	margin: 0 0 0.4em 0.5em;
	border-top: 1px solid #b6ffc6;
	border-bottom: 1px solid #b6ffc6;
	border-left: 1px solid #b6ffc6;
	background: #deffe8;
}
#navigBrowse h3 {
	margin: 0.2em 0;
}
#navigBrowse h4.channel {
	margin: 0.2em 0 0 0;
	font-size: 1.1em;
}
#navigBrowse h4.channel a {
	padding-left: 1.2em;
}
#navigBrowse h4.channel a:link, #navigBrowse h4.channel a:visited {
	display: block;	
}
#navigBrowse h4.channel a:hover, #navigBrowse h4.channel a:active {
	text-decoration: none;
	background-color: 	#fff;
}
#navigBrowse #randomPic {
	margin: 0.2em 0 1.2em 0;	
	text-align: center;
}
#navigBrowse img {
	border: 1px solid #0C0;	
	margin-left: -1em;
}

#navigChannels {
	padding-left: 0.8em;
	margin: 0.8em 0 0.4em 0.5em;
	border-top: 1px solid #b6ffc6;
	border-bottom: 1px solid #b6ffc6;
	border-left: 1px solid #b6ffc6;
}
#navigChannels h3 {
	margin: 0.2em 0;
}
#navigChannels h4.channel {
	margin: 0.2em 0 0 0;
	font-size: 1.1em;
}
#navigChannels h4.channel a {
	padding-left: 1.2em;
}
#navigChannels h4.channel a:link, #navigChannels h4.channel a:visited {
	display: block;	
}
#navigChannels h4.channel a:hover, #navigChannels h4.channel a:active {
	text-decoration: none;
	background-color: 	#b6ffc6;
}
#navigChannels #randomPic {
	margin: 0.2em 0 1.2em 0;	
	text-align: center;
}
#navigChannels img {
	border: 1px solid #0C0;	
	margin-left: -1em;
}

#navigEvents {
	padding-left: 0.8em;	
	margin: 0.8em 0 0.4em 0.5em;
	border-top: 1px solid #b6ffc6;
	border-bottom: 1px solid #b6ffc6;
	border-left: 1px solid #b6ffc6;
	background: #deffe8;
}
#navigEvents h3 {
	margin: 0.2em 0;
}
#navigEvents h4.channel {
	margin: 0.2em 0 0 0;
	font-size: 1.1em;
}
#navigEvents h4.channel a {
	padding-left: 1.2em;
}
#navigEvents h4.channel a:link, #navigEvents h4.channel a:visited {
	display: block;	
}
#navigEvents h4.channel a:hover, #navigEvents h4.channel a:active {
	text-decoration: none;
	background-color: 	#fff;
}



#navigOnline {
	padding-left: 0.8em;	
	margin: 0.8em 0 0.4em 0.4em;
	border-top: 1px solid #b6ffc6;
	border-bottom: 1px solid #b6ffc6;
	border-left: 1px solid #b6ffc6;
}
#navigOnline h3 {
	margin: 0.8em 0 0.2em 0;
}
#navigOnline p {
	font-size: 0.95em;
	margin: 0;
}
#navigOnline ul {
	margin: 0;
	padding: 0.2em 0 0 0;
	font-size: 0.95em;
}
#navigOnline ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}


#navigComments {
	margin-top: 2em;
	padding-left: 0.8em;	
}
#navigComments h3 {
	margin: 0.8em 0 0.3em 0;
	padding: 0 0 0.3em 0;
	border-bottom: 1px solid #b6ffc6;
}
#navigComments span {
	font-size: 0.95em;
}
#navigComments a {
	display: block;
	margin: 0 0 0.3em 0;
	padding: 0 0 0.3em 1em;
	border-bottom: 1px solid #b6ffc6;
}












/********************************************************************************/
/********************************************************************************/
/*
/*						home page
/*
/********************************************************************************/
/********************************************************************************/

#fpLatestTracks {
	border-bottom: 2px solid #b6ffc6;
	background: #fff url(img/gradient2NS.jpg) top repeat-x;
}
#fpLatestTracks div {
	position: relative;
	float: left;
	margin: 1em;
	padding: 0.5em;
	border: 1px solid #b6ffc6;
	background: #fff;
}
#fpLatestTracks div img {
	position: relative;
	display: block;	
}
#fpLatestTracks h3 {
	border-bottom: 2px solid #b6ffc6;	
	border-top: 2px solid #b6ffc6;
	background: #fff;
	text-align: center;
	font-size: 1.4em;
	margin: 0;
}


#fpGenres {
	margin: 1.5em 0 0 0;
	padding-bottom: 1.5em;
	border-bottom: 2px solid #b6ffc6;	
}
#fpGenres p {
	font-size: 1.2em;
	margin: 0;
}
#fpGenres h3 {
	font-size: 1.3em;
	margin: 0;
}


#fpRandomTrack {
	position: relative;
	float: left;
	width: 26%;
	margin: 1.5em 1.5em 2em 0;
	padding: 0;
}
#bannerFP {
	position: relative;
	float: left;
	margin: 1.5em 1.5em 2em 0;
}
#fpRandomMember {
	position: relative;
	float: right;
	width: 26%;
	margin: 1.5em 1.5em 2em 0;
	padding: 0;
}
#fpRandomTrack h3 {
	margin: 0;
	font-size: 1.3em;	
}
#fpRandomTrack img#randomTrack {
	position: relative;
	margin: 0;
	padding: 0.5em;
	border: 1px solid #b6ffc6;
	background: #fff;
}
#fpRandomTrack span {
	display: block;
}
#fpRandomMember h3 {
	margin: 0 0 1em 0;
	font-size: 1.3em;	
}
#fpRandomMember img {
	position: relative;
	float: left;
	margin-right: 0.5em;
	border: 1px solid darkgreen;
}
#fpRandomMember strong {
	margin-left: 0.5em;
	font-size: 1.1em;
}
#fpRandomMember p {
	clear: both;
	margin-top: 0.5em;
}



#fpLatestPics {
	clear: both;
	border-bottom: 2px solid #b6ffc6;
	background: #fff url(img/gradient2SN.jpg) bottom repeat-x;
}
#fpLatestPics div {
	position: relative;
	float: left;
	margin: 1em;
	padding: 0.5em;
	border: 1px solid #b6ffc6;
	background: #fff;
}
#fpLatestPics div img {
	position: relative;
	display: block;
}
#fpLatestPics h3 {
	border-bottom: 2px solid #b6ffc6;	
	border-top: 2px solid #b6ffc6;
	background: #fff;
	text-align: center;
	font-size: 1.3em;
	margin: 0;
}





/********************************************************************************/
/********************************************************************************/
/*
/*						browse
/*
/********************************************************************************/
/********************************************************************************/

div#browseForm {
	padding: 2px;
	border: 1px solid #b6ffc6;
}
.browseForm {
	border: 1px solid #b6ffc6;
	background: #fff url(img/gradient2NS.jpg) top repeat-x;
	padding: 1em;
	font-size: 0.95em;
	margin: 0;
}
.browseForm input, .browseForm select {
	font-size: 0.95em;
}
.browseForm fieldset {
	border: none;
	position: relative;
	float: left;
}
.browseForm div.field {
	border: none;
	position: relative;
	float: left;
	margin: 0 1em;
}
.browseForm label {
	display: block;
}
.browseForm label:hover {
	cursor: pointer;
}
.browseForm input, .browseForm select {
	margin-bottom: 0.5em;
}
.browseForm input:focus, .browseForm select:focus {
	background: #eefef3;
}
.browseForm #sortby label {
	display: inline;	
}
.browseForm #sortby input {
	margin: 0 1em 0 0;	
}
.browseForm div#submit {
	clear: both;
	text-align: center;
	margin: 1em 0 0 0;
}

#browseMembers div {
	clear: both;
	margin: 1.2em 0;
	border: 1px solid #b6ffc6;
}
#browseMembers div a {
	display: block;
}
#browseMembers div a:hover {
	background: #b6ffc6;
}
#browseMembers div img {
	position: relative;
	float: left;
	margin: 0 1em 0 0;
}

#classifiedsList {
	
}
.classified {
	border: 1px solid #b6ffc6;
	margin: 1em 0;
	padding: 0.6em;
}
.classified strong {
	font-size: 1.3em;
}
.caPrice {
	font-size: 1.3em;	
}

/********************************************************************************/
/********************************************************************************/
/*      									                                  	
/*      						signin page                            	
/*      									                                  	
/********************************************************************************/
/********************************************************************************/

#signinBox {
	position: relative;
	float: left;
	padding: 10px;
	margin-top:16px;
}

#signinBoxMember {
	position: relative;
	float: left;
	padding: 6px 16% 6px 6px;
	border-right: 2px solid #0c0;
}
	#signinBoxMember label {
		margin: 0;
		display: block;
		width: 8em;
		text-align: right;
		float: left;
	}
	#signinBoxMember input {
		margin-left:1em;
	}
	#signinBoxMember #submit {
		margin: 10px;
		text-align: center;
	}

#signinBoxNotMember {
	position: relative;
	float: right;
	margin-right: 50px;
	padding: 6px 6px 6px 12px;
	width: 200px;
}

#signinBox .clearfix, #signinBox h3, #signinBox h4 {
	text-align: center;
}




/********************************************************************************/
/********************************************************************************/
/*      									                                  	
/*      						signup page                            	
/*      									                                  	
/********************************************************************************/
/********************************************************************************/

#signupForm label, #signupForm div {
	display: block;
	margin-top:12px;
}
#signupForm .required {
	font-weight: bold;	
}
#signupForm label input, #signupForm label select {
	display: block;	
}
#signupForm label input.checkbox, #signupForm label input.radio {
	display: inline;	
}
#signupForm p.formNote {
	font-size: 11px;	
	margin: 2px 0;
	padding: 2px;
	border: 1px solid #0C0;
	background-color: #b6ffc6;
}

#signupForm fieldset {
	margin:10px 0; padding:8px;
	border:1px solid #0C0;
	width: 480px;
}
#signupForm fieldset legend {
	padding: 4px;
	border:1px solid #0C0;
	font-size: 14px;
	font-weight: bold;
	background-color: #b6ffc6;
}
#signupForm .largeTextarea {
	width:90%;
}


#signupForm div#submit {
	text-align:center;
	margin: 8px;
}
#signupForm div#submit input {
	font-size: 16px;
	font-weight: bold;
}

.errorMsg {
	color: #f00;
	font-weight: bold;
}
.errorHighlight {
	background-color: #f00;
	color: #fff;
}
.processOK {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}











/********************************************************************************/
/********************************************************************************/
/*      									                                  	
/*      						panel                            	
/*      									                                  	
/********************************************************************************/
/********************************************************************************/

#panelLimitSituation {
	margin: 0;
	font-size: 11px;
}
.panelForm .required {
	font-weight: bold;	
}
.panelForm .formNote {
	font-size: 11px;	
	margin: 2px 0;
	padding: 2px;
	border: 1px solid #0C0;
	background-color: #b6ffc6;
}
.panelForm label, .panelForm .formElement {
	display: block;
	margin-top: 12px;
}
.panelForm label input, .panelForm label select, .panelForm label textarea {
	display: block;
}
.panelForm label input.checkbox, .panelForm label input.radio {
	display: inline;
}

.panelForm input, .panelForm textarea, .panelForm select {
	background: #f9f9f9;	
}
.panelForm input:focus, .panelForm textarea:focus, .panelForm select:focus {
	background: #fff;
}

.panelForm fieldset {
	margin:10px 0; padding:8px;
	border:1px solid #0C0;
	width: 480px;
}
.panelForm fieldset legend {
	padding: 4px;
	border:1px solid #0C0;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #b6ffc6;
}
.panelForm #submit {
	margin: 8px;
	text-align: center;
}
.panelForm #submit input {
	font-size: 16px;	
	font-weight: bold;
	margin: 0;
	background-color: #ccc;
	border: 1px solid darkgreen;
	color: darkgreen;
	cursor: pointer;
}
.importantWarning {
	border: 1px solid red;
	margin: 2px 0;
	padding: 8px;
	font-weight: bold;	
}

.createNewItem {
	font-weight: bold;
	font-size: 13px;
	margin-top: 1.5em;
	text-align: center;
}

.panelAlbum {
	clear: both;
	margin: 4px;
	padding: 0 8px;
	border: 2px solid #0c0;
}
.panelAlbum .albumData{
	position: relative;
	margin: 0;
	float: left;	
}
.albumData {
	width: 180px;
	margin: 0;
}
.panelAlbum ol {
	position: relative;
	float: left;
	margin-left: 16px;
	border-left: 1px solid #0c0;
}
.delete {
	padding:2px 0 2px 20px;
	background: url(icons/delete.gif) no-repeat;
}
.upload {
	padding:2px 0 2px 20px;
	background: url(icons/upload.gif) no-repeat;
}
.editAlbum {
	padding:2px 0 2px 20px;
	background: url(icons/book_edit.gif) no-repeat;
}
.editTrack {
	padding:2px 0 2px 20px;
	background: url(icons/book_edit.gif) no-repeat;
}

/*		panel/contacts		*/
#panelTabs {
	margin: 20px 0 0 0;
	padding: 4px 0;
}
a.panelTabCurrent, a.panelTab {
	padding: 6px;
	border: 1px solid #b6ffc6;
	text-decoration: none;
	font-weight: bold;
	color: darkgreen;
}
a.panelTabCurrent {
	background: #fff;
	border-bottom: 1px solid #fff;
}
a.panelTab:link, a.panelTab:visited {
	background-color: #b6ffc6;
}
a.panelTab:hover, a.panelTab:active {
	background-color: #fff;
}
#panelBody {
	margin: 0 0 0 0;
	border: 1px solid #b6ffc6;
	padding: 6px 6px 40px 6px;
}

/*		panel gal		*/
div.panelGalleryPic {
	position: relative;
	float: left;
	margin: 4px;
	height: 120px;
}
div.panelGalleryPic img {
	position: relative;
	float: left;
	margin: 4px;
	border: 1px solid #0c0;
}
div.panelGalleryPic span {
	display: block;
	padding-left: 6px;
}

table#friends {
	border: 1px solid #b6ffc6;
	width: 90%;
}
table#friends th {
	text-align: left;	
	padding: 4px;
}
table#friends td {
	border-top: 1px solid #0c0;
	padding: 4px;
}



/********************************************************************************/
/********************************************************************************/
/*      									                                  	
/*      						PM (private messages)
/*      									                                  	
/********************************************************************************/
/********************************************************************************/

#pmTable {
	margin-bottom: 0;
}
#pmTable td, #pmTable th {
	border-bottom: 1px solid #b6ffc6;
	padding: 0.2em 1.2em;
}







/********************************************************************************/
/********************************************************************************/
/*      									                                  	
/*      						pages albums, galleries and genres                          	
/*      									                                  	
/********************************************************************************/
/********************************************************************************/

#tblAlbums {
	width: 90%;
}
#tblAlbums th {
	background: #fff;	
	border: 1px solid #b6ffc6;
}
#tblAlbums td {
	background: #b6ffc6;	
	padding: 0 0.5em;
}
#tblAlbums td.tdCover {
	background: #fff;
	padding: 0;
	width: 100px;
}
#albumsPaging {
	clear: both;
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #b6ffc6;
	text-align: center;
}
#albumsPaging a {
	margin: 0 1em;	
}

#galList div {
	position: relative;
	float: left;
	width: 130px;
	height: 130px;
	margin: 1em;
	padding: 2px;
	border: 1px solid #b6ffc6;
	text-align: center;
	font-size: 11px;
}
#galList img {
	border: 1px solid darkgreen;
}
#galPaging {
	clear: both;
	text-align: center;	
}
#galPaging a {
	margin: 0 1em;	
}

#genresList {
	margin-top: 2em;
	padding: 1em;
	background-color: #b6ffc6;
	border: 1px solid darkgreen;
}
#genresList a, #genresList span {
	font-size: 1.2em;
	display: block;
	float: left;
	margin: 0.5em;
}

#tblTracks {
	width: 90%;
}
#tblTracks th {
	background: #fff;	
	border: 1px solid #b6ffc6;
}
#tblTracks td {
	background: #b6ffc6;	
	padding: 0 0.5em;
}
#tblTracks td.tdCover {
	background: #fff;
	padding: 0;
	width: 100px;
}










/********************************************************************************/
/********************************************************************************/
/*      									                                  	
/*      						div #content                            	
/*      									                                  	
/********************************************************************************/
/********************************************************************************/

#content h2 {
	margin:4px 0px;
	font-size:18px;
	border-bottom:2px solid #000;
}
/*
#content h3 {
	margin: 6px 0;
	padding: 0;
	font-size: 15px;
	color: #000;
}
#content h4 {
	margin:4px 0px;
	font-size:13px;
}
*/
#content img {
	margin:0px;
}

#bread {
	border-bottom: 1px solid #0C0;
	font-size: 13px;
	font-weight: bold;
}

#footer  #legal {
	font-size: 10px;
}

.other_langs {
	margin: 12px 20% 12px 20%;
	padding: 0.5em;
	font-size: 0.95em;
	border: 1px solid #0C0;
}


/********************************************************************************/
/********************************************************************************/
/*      									                                  	
/*      						user page                            	
/*      									                                  	
/********************************************************************************/
/********************************************************************************/

#profile_avatar {
	position:relative;
	float:right;
	top:0px; right:4px;
	margin:0px;
	padding:0px;
}
#profile_avatar div {
	position: relative;
	float: left;
	margin-right: 2px;
	padding: 3px;
	border: 1px solid #0C0;
}
#profile_avatar img {
	position: relative;
	float: left;
	border: none;
}
div#profile_avatar_online {
	background: #0f0;
}
div#profile_avatar_offline {
	background: #ccc;
}
div#profile_avatar_suspended {
	background: #f00;
}
#profile_avatar a {
	padding:0;
}
#profile_avatar span {
	margin-top: 4px;
	font-size: 11px;
}

#pmForm {
	border: 1px solid #0c0;
	padding: 8px;	
}

#ppBio #ppBioPic {
	position: relative;
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #b6ffc6;
	padding: 4px;	
}
#ppInfobox {
	position: relative;
	float: right;	
	background: #b6ffc6;
	border: 1px solid #0c0;
	margin: 20px 24px 10px 10px;
	padding: 6px;
}
#ppInfobox #ppUserType {
	margin: 0;
	font-weight: bold;
	text-align: center;
}

#ppAlbums, #ppGallery, #ppFriends {
	margin-top: 3em;
	border-top: 2px solid darkgreen;	
}
.ppAlbum {
	position: relative;
	float: left;
	width: 102px;
	height: 150px;
	text-align: center;
	padding: 8px;
	margin: 8px;
	border: 1px solid #b6ffc6;
}
.ppAlbum h4 {
	font-size: 12px;
	margin: 0;
}
.ppAlbum img {
	display: block;
	border: 1px solid darkgreen;
}
.albumGenre {
	display: block;
	margin: 0;
	font-size: 11px;		
}

#ppAlbums #ppFavourites {
	position: relative;
	float: right;
	border-left: 1px solid #0c0;
	padding: 0 20px;	
}
#ppAlbums #ppFavourites h4 {
	font-size: 14px;
	margin: 0 0 12px 0;
}
#ppAlbums #ppFavourites img, #ppFavouritesOnly img {
	border: 1px solid #b6ffc6;
	float: left;
	margin-right: 10px;
}

#ppFriends img {
	border: 1px solid #0c0;	
}

#ppGalPreview {
	text-align: center;	
}
#ppGalPreview img {
	border: 1px solid #0c0;
	vertical-align: middle;
	margin: 8px;	
}
.arrow_right {
	padding: 2px 20px 2px 0;
	background: url(icons/arrow-right.gif) right no-repeat;	
}
.arrow_left {
	padding: 2px 0 2px 20px;
	background: url(icons/arrow-left.gif) no-repeat;	
}
.arrows .arrow_right {
	margin-left: 20px;	
}
.arrows .arrow_left {
	margin-right: 20px;	
}

.smallDelete {
	font-size: 0.85em;	
}










/********************************************************************************/
/********************************************************************************/
/*      									                                  	
/*      						album page, track page and pic page
/*      									                                  	
/********************************************************************************/
/********************************************************************************/

img#albumCover {
	position: relative;
	float: left;
	margin: 1em 1em 1em 0;
	border: 1px solid darkgreen;		
}
#albumContents ol#albumTrackList {
	position: relative;
	float: left;
	margin: 12px;
}

#bannerAlbum {
	position: relative;
	float: left;	
	margin: 1em 1em 1em 0;
}

#trackAlbumCover {
	position: relative;
	float: left;
	margin: 12px;
}
#trackAlbumCover img {
	border: 1px solid darkgreen;		
}
#mp3player {
	position: relative;
	float: left;
	margin: 24px 0;
}
#trackInfo {
	clear: both;
	margin: 12px;
}
#picFile {
	position: relative;
	float: left;
}
#picFile img {
	border: 1px solid #0c0;
}
#picNavig {
	position: relative;
	float: left;
	margin: 2em;
}
#picNavig a {
	margin: 0 1em;
}
#picDesc {
	clear: both;	
}

#trackNavig {
	position: relative;
	float: left;
	margin: 2em;
	width: 20%;
	border: 1px solid #b6ffc6;
	padding: 0.5em;
}
#trackNavig h3 {
	text-align: center;
	margin: 0 0 0.5em 0;
	padding: 0;
	border-bottom: 1px dashed #b6ffc6;
}
#trackNavig a.arrow_right, #trackNavig a.arrow_left {
	margin: 0 1em;
}
#trackNavig ul {
	margin: 1em 0 0 0;
	padding: 0;
	border-top: 1px solid #b6ffc6;
}
#trackNavig li {
	margin-top: 0.5em;
	list-style: none;
}

/********************************************************************************/
/********************************************************************************/
/*      									                                  	
/*      						comments                           	
/*      									                                  	
/********************************************************************************/
/********************************************************************************/

#ppComments, #albumComments, #trackComments, #picComments {
	position: relative;
	clear: both;
	margin: 30px 0;
	padding: 0px;
	border-top: 2px solid darkgreen;
}
.comment {
	position: relative;
	margin: 0 0 6px 0;
	padding: 0;
	border: 1px solid #0c0;
}
.commentHeader {
	position: relative;
	margin: 0;
	padding: 6px;
	height: 52px;
	background: #b6ffc6;
}
	img.comment_avatar_online {
		border: 3px solid #00FF00;
	}
	img.comment_avatar_offline {
		border: 3px solid #ccc;
	}
	img.comment_avatar_suspended {
		border: 3px solid #f00;
	}
	.commentHeader img {
		position: relative;
		float: left;
		margin-right: 4px;
	}
	.commentHeader span {
		position: relative;
		margin-left: 60px;
		display: block;
	}
.commentText {
	margin: 0;
	padding: 8px 4px;
}
	.commentText p {
		text-align: center;
		margin: 0;
		padding: 4px 0 0 0;
		border-top: 1px dashed #b6ffc6
	}



/********************************************************************************/
/********************************************************************************/
/*
/*						events
/*
/********************************************************************************/
/********************************************************************************/

div.eventAddStep {
	margin: 3em 2em;
	padding: 0 0 2em 0;
	border: 1px solid #b6ffc6;
	background: #deffe8;
}
div.eventAddStep h3 {
	margin: 0 0 1em 0;
	color: darkgreen;
	font-size: 1.5em;
}
div.eventAddStep h3 .stepNumber {
	font-size: 4em;
	margin: 0.1em;
}
div.eventAddStep div.internal {
	padding: 0 1em 0 4em;
}
div.eventAddStep .required {
	font-weight: bold;	
}
div.eventAddStep input, div.eventAddStep select, div.eventAddStep textarea {
	display: block;
}
#eventForm #submit {
	margin: 0;
	text-align: center;
}
#eventForm #submit input {
	font-size: 16px;	
	font-weight: bold;
	margin: 0;
	background-color: #ccc;
	border: 1px solid darkgreen;
	color: darkgreen;
	cursor: pointer;
}

div.eventsListItem {
	margin: 2em 0.5em;
	border-bottom: 1px solid #b6ffc6;
}
div.eventsListItem a {
	font-size: 1.3em;
	font-weight: bold;
}

p#linkEventArtist {
	display: inline;
	margin: 0 2em;
	font-weight: bold;
}
p#linkEventSpectator {
	margin: 1em 0;
	font-weight: bold;
}

#eventWho {
	border-top: 2px solid #b6ffc6;
}


/*********************	printing		****************************/

@media print {
	div#menus,div#login_box,div#browsing {display:none;}
	div#main {width:95%; margin:0px;}
	div#main {margin-left:10px; margin-top:10px;}
	.print_only, #title h1 {display:block;}
}

@media aural {  
	h1, h2, h3 { stress: 20; richness: 90; }
	h2 {volume: loud;}
	#footer { volume: x-soft; speech-rate: x-fast }
}







/*********************	small icons	****************************/

.play {
	padding:2px 0 2px 20px;
	background: url(icons/play.gif) no-repeat;
}
.fav {
	padding:2px 0 2px 20px;
	background: url(icons/heart.gif) no-repeat;
}
.fav_add {
	padding:2px 0 2px 20px;
	background: url(icons/heart_add.gif) no-repeat;
}
.fav_remove {
	padding:2px 0 2px 20px;
	background: url(icons/heart_delete.gif) no-repeat;
}
.my_favs {
	padding:2px 0 2px 20px;
	background: url(icons/folder_heart.gif) no-repeat;
}

.zoom_in {
	padding:2px 0 2px 20px;
	background: url(icons/zoom_in.gif) no-repeat;
}
.zoom_out {
	padding:2px 0 2px 20px;
	background: url(icons/zoom_out.gif) no-repeat;
}
.window {
	padding:2px 0 2px 20px;
	background: url(icons/window.gif) no-repeat;
}

.pic_delete {
	padding:2px 0 2px 20px;
	background: url(icons/picture_delete.gif) no-repeat;
}
.pic_edit {
	padding:2px 0 2px 20px;
	background: url(icons/picture_edit.gif) no-repeat;
}

.member {
	padding:2px 0 2px 20px;
	background: url(icons/user.gif) no-repeat;
}
.ghost {
	padding:2px 0 2px 20px;
	background: url(icons/ghost.gif) no-repeat;
}

.member_add {
	padding:2px 0 2px 20px;
	background: url(icons/user_add.gif) no-repeat;
}
.member_delete {
	padding:2px 0 2px 20px;
	background: url(icons/user_delete.gif) no-repeat;
}
.eye {
	padding:2px 0 2px 20px;
	background: url(icons/eye.gif) no-repeat;
}
.blog {
	padding:2px 0 2px 20px;
	background: url(icons/book_edit.gif) no-repeat;
}

.message {
	padding:2px 0 2px 20px;
	background: url(icons/email.gif) no-repeat;
}
.message_send {
	padding:2px 0 2px 20px;
	background: url(icons/email_go.gif) no-repeat;
}

.comments {
	padding:2px 0 2px 20px;
	background: url(icons/comments.gif) no-repeat;
}
.comment_add {
	padding:2px 0 2px 20px;
	background: url(icons/user_comment.gif) no-repeat;
}
.comment_delete {
	padding:2px 0 2px 20px;
	background: url(icons/comment_delete.gif) no-repeat;
}

.image {
	padding:2px 0 2px 20px;
	background: url(icons/type_image.gif) no-repeat;
}
.film {
	padding:2px 0 2px 20px;
	background: url(icons/type_film.gif) no-repeat;
}
.flash {
	padding:2px 0 2px 20px;
	background: url(icons/type_flash.gif) no-repeat;
}

.stats {
	padding:2px 0 2px 20px;
	background: url(icons/chart_bar.gif) no-repeat;
}

.cal {
	padding:2px 0 2px 20px;
	background: url(icons/calendar.gif) no-repeat;
}
.date {
	padding:2px 0 2px 20px;
	background: url(icons/date.gif) no-repeat;
}
.date_add {
	padding:2px 0 2px 20px;
	background: url(icons/date_add.gif) no-repeat;
}
.date_delete {
	padding:2px 0 2px 20px;
	background: url(icons/date_delete.gif) no-repeat;
}
.date_edit {
	padding:2px 0 2px 20px;
	background: url(icons/date_edit.gif) no-repeat;
}

.group_add {
	padding:2px 0 2px 20px;
	background: url(icons/group_add.gif) no-repeat;
}
.group_edit {
	padding:2px 0 2px 20px;
	background: url(icons/group_edit.gif) no-repeat;
}

.place_add {
	padding:2px 0 2px 20px;
	background: url(icons/building_add.gif) no-repeat;
}
.place_delete {
	padding:2px 0 2px 20px;
	background: url(icons/building_delete.gif) no-repeat;
}
.place_edit {
	padding:2px 0 2px 20px;
	background: url(icons/building_edit.gif) no-repeat;
}

.accept {
	padding:2px 0 2px 20px;
	background: url(icons/accept.gif) no-repeat;
}
.cancel {
	padding:2px 0 2px 20px;
	background: url(icons/cancel.gif) no-repeat;
}
.delete {
	padding:2px 0 2px 20px;
	background: url(icons/delete.gif) no-repeat;
}
.reload {
	padding:2px 0 2px 20px;
	background: url(icons/reload.gif) no-repeat;
}

.lock {
	padding:2px 0 2px 20px;
	background: url(icons/lock.gif) no-repeat;
}
.contacts {
	padding:2px 0 2px 20px;
	background: url(icons/group.gif) no-repeat;
}
.profile {
	padding:2px 0 2px 20px;
	background: url(icons/user_edit.gif) no-repeat;
}
.settings {
	padding:2px 0 2px 20px;
	background: url(icons/settings.gif) no-repeat;
}
.upload {
	padding:2px 0 2px 20px;
	background: url(icons/upload.gif) no-repeat;
}
.galleries {
	padding:2px 0 2px 20px;
	background: url(icons/galleries.gif) no-repeat;
}
.random {
	padding:2px 0 2px 20px;
	background: url(icons/random.gif) no-repeat;
}

.award {
	padding:2px 0 2px 20px;
	background: url(icons/award_star.gif) no-repeat;
}

.important {
	border:1px solid red; 
	padding:4px; 
	margin: 4px;
}
.exclamation {
	display: block;
	padding: 10px 0 10px 44px;
	margin: 0;
	background: url(icons/exclamation.png) no-repeat;
}
.help {
	padding:2px 0 2px 20px;
	background: url(icons/help.gif) no-repeat;
}

.signup {
	padding:2px 0 2px 20px;
	background: url(icons/signup.gif) no-repeat;
}


.painting {
	padding:2px 0 2px 20px;
	background: url(img/cat_paint.gif) no-repeat;
}
.drawing {
	padding:2px 0 2px 20px;
	background: url(img/cat_draw.gif) no-repeat;
}
.sculpture {
	padding:2px 0 2px 20px;
	background: url(img/cat_sculpt.gif) no-repeat;
}
.installations {
	padding:2px 0 2px 20px;
	background: url(img/cat_inst.gif) no-repeat;
}
.photography {
	padding:2px 0 2px 20px;
	background: url(img/cat_photo.gif) no-repeat;
}
.digital_art {
	padding:2px 0 2px 20px;
	background: url(img/cat_digit.gif) no-repeat;
}
.video_art {
	padding:2px 0 2px 20px;
	background: url(img/cat_video.gif) no-repeat;
}

.fp_ico_galleries {
	padding:2px 0 2px 20px;
	background: url(icons/galleries.gif) no-repeat;
}
.fp_ico_freespace {
	padding:0 0 0 20px;
	background: url(icons/upload.gif) no-repeat;
}
.fp_ico_events {
	padding:0 0 0 20px;
	background: url(icons/calendar.gif) no-repeat;
}


div.blog_preview {
	position: relative;
	clear: both;
	margin: 20px;
	border-bottom: 2px solid #0066CC;
}
div.blog_preview img {
	position: relative;
	margin: 0 0 12px 12px;
	float: right;
}
div.blog_preview h4 {
	font-size: 14px;
}
div.blog_preview p {
	font-size: 11px;
}








.sup {vertical-align:super; font-size:9px;}
.errorMsg {font-weight:bold; color:#FF0000;}
.reservedDday {background-color:#FF0000; color:#FFFFFF;}