/* News ///////////////////////////////////// */

#News {
	width: 187px;
	font-size:9px;
	line-height: 1.6em;
	color: #333333;
}

#News p {margin:0 0 6px}
#News .newsDate {color: #999999;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 9px;margin: 0px;}
#News h3 {
	margin: 0px 0px 4px;
	font-size: 11px;
	color: #000000
}

/* gotop ///////////////////////////////////// */

p.gotop {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 9px;background-image: url(../img/gotop.gif);background-repeat: no-repeat;background-position: left center;padding: 12px;}
p.gotop a {color: #FF9900;text-decoration: none}
p.gotop a:hover {text-decoration:underline}

/* mainContent ///////////////////////////////////// */

/*
#mainContent h1 {
	font-size: 18px;
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	margin: 3px 0px 10px;
}
*/
#mainContent h2 {
	font-family: Helvetica, Arial;
	font-size: 18px;
	color: #333333;
}

#mainContent h2.gradient {
	background-image: url(../img/horiz-gradient.gif);
	background-position: left center;
}

/* mixCatalog (homepage) ///////////////////////////////////// */

#mixCatalog {margin-top: 14px;float: left;width: 250px;}
#mixCatalog ul {margin: 0px;padding: 0px;list-style-type: none;}
#mixCatalog li {margin-bottom: 5px;font-size: 9px;color: #999999;}
#mixCatalog a {
	color: #c06;
	text-decoration: none;
}
#mixCatalog a:hover {color: #000000}
#mixCatalog li a {font-size: 10px}
#mixCatalog h2 {
	font-size: 22px;
	font-family: Helvetica, Arial;
	color: #c06;
	margin-top: 0px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 8px;
	margin-right: 0px;
	margin-left: 0px;
}
#mixCatalog h3 {font-size: 10px;margin: 0px 0px 6px;padding: 0px;}
#mixCatalog h3 a {color:#000000}
#mixCatalog p {margin: 0px;padding: 10px 0;border-top-width: 1px;border-top-style: solid;border-top-color: #CCCCCC;}
#mixCatalog strong {font-size:12px}


/* mixBoxes ///////////////////////////////////// */

.mixBox span.mixAuthor {font-size: 9px;display: block;text-align: right;}
.mixBox h2 {font-family: Helvetica, Arial,sans-serif;font-size: 11px;font-weight: normal;margin: 0px;padding: 5px 0 2px 5px;background-color:#333333;}
.mixBox h2 a {color: #999999;text-decoration: none;display: block;background-image: url(../img/plus-grey.gif);background-repeat: no-repeat;background-position: right center;padding: 2px;font-size:12px}
.mixBox h2 a:hover {background-image: url(../img/plus.gif)}
.mixBox h2.newMix {
	background:#F5861D url(../img/horiz-orange-gradient.gif) left center;
}
.mixBox h2.newMix a {background-image: url(../img/plus-orange.gif);background-repeat: no-repeat;background-position: right center;color: #FFFFFF;}
.mixBox ul {margin: 1px 0 0;padding: 2px 3px;list-style-type: none;border-top: 3px solid #CCCCCC;}
.mixBox li {clear: both;padding-top: 10px;border-bottom: 1px solid #CCCCCC;padding-bottom: 6px;}
.mixBox li div.box {float:left;font-size: 9px;color: #666666;width:184px}
.mixBox li img {float: left;margin-right: 8px;}
.mixAuthor a {color: #666666}
.mixAuthor a:hover {color: #FF9900}

/* newMix & exceptions ///////////////////////////////////// */

ul.newMix {border-top-color:#F9B778}
div.mixParDestinations {float: left;margin-right: 30px;width: 97px;}
div.mixParCategorie {float:left;width: 120px;}

a.mixLink {font-weight: bold;color: #FF9900;font-size: 10px;}
a:hover.mixLink {color: #000000;}

/* listAudio ///////////////////////////////////// */

.listAudio ul {margin: 1px 0 0;padding: 2px 3px;list-style-type: none;}
.listAudio li {clear: both;padding-top: 10px;border-bottom: 1px solid #CCCCCC;padding-bottom: 6px;}
.listAudio li div {padding-left:60px;font-size: 9px;color: #666666;}
.listAudio li img {float: left;margin-right: 8px;}
.listAudio span {display:block}
.listAudio strong {display:block;padding:2px 0}
.listAudio span.mixAuthor {float:left;padding:2px 5px}
.listAudio span.duration {float:left;padding:2px 6px 2px 10px;background-image: url(../img/duration.gif);background-repeat: no-repeat;background-position: left center;}
.listAudio span.audioLang {float:left;padding:2px 6px 2px 14px;background-image: url(../img/language.gif);background-repeat: no-repeat;background-position: left center;}
.listAudio span.mixSent {float:left;padding:2px 0}
.listAudio img.stars {padding:2px 12px;float: right;}
.listAudio img.delete {padding:2px 0px 2px 12px;float: right;}
.listAudio object {float:right;width:200px;height:20px}

/* folio ///////////////////////////////////// */

#folio {font-family:Geneva, Arial, sans-serif;font-size:9px}
#folio p {padding:6px 0;margin:0;color:#FFFFFF}
#folio em {font-style:normal;color:#999999}
#folio strong {display:inline;background-color:#333333;padding:1px 3px;font-size:9px;font-weight: normal;color: #CCCCCC;}
#folio a {padding:1px 3px;font-decoration:none;color:#999999;font-size:9px}
#folio a:hover {color:#FF9900;background-color:#E8E8E0}

/* sortList ///////////////////////////////////// */

.sortList {margin: 0px;padding: 0px 0px 6px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCCCCC;font-size: 10px;color: #666666;}
.sortList a {color: #666666;}
.sortList a:hover {color: #FF9900;}

h2.listTitle {padding: 0px;margin: 0px}

/* ficheAudio ///////////////////////////////////// */

#ficheAudio a {color:#333333}
#ficheAudio a:hover {color:#FF9900}
#ficheAudio h2 {
	font-size: 20px;
	margin: 0px;
	color: #333333;
}
#ficheAudio h3 {
	font-size: 13px;
	margin: 0 0 10px
}
#ficheAudio img.audioPicture {width: 200px;margin-right: 10px;float: left;}
#ficheAudio #audioInfos {float: left;list-style-type: none;margin: 8px 0 0;padding: 0px;font-size: 10px;}
#ficheAudio li.duration {padding:2px 6px 2px 15px;background-image: url(../img/duration.gif);background-repeat: no-repeat;background-position: left center;}
#ficheAudio li.audioLang {background-image: url(../img/language.gif);background-repeat: no-repeat;background-position: left center;padding-top: 2px;padding-bottom: 2px;padding-left: 15px;padding-right: 0px;}
#ficheAudio #audioInfos li {margin-bottom: 4px;}

div.downloadMix {
	float: right;
	width: 78px;
	text-align: center;
	margin-right: 40px !important;
	margin-right: 30px;
	margin-top:20px;
}
#ficheAudio p.statusBar {font-size: 9px;color: #333333;}
#ficheAudio strong.descriptionTitle {font-size: 13px;color: #FF9900;}
#ficheAudio p.tags {
	text-align: justify;
	width: 280px;
	margin: 0px;
	background-image: url(../img/tags.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	color: #999999;
	margin-left: 210px;
	text-indent: 30px;
}

#ficheAudio p.statusBar em {
	font-style: normal;
	color: #CCCCCC;
}
#audioInfos li.score {
	margin-top: 15px;
}
#ficheAudio p.audioTools {
	font-weight: bold;
	color: #999999;
}
#postComment textarea {
	width: 520px;
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin:2px 0;
}
#ficheAudio form {
	margin: 0px;
	padding: 0px;
}
#ficheAudio form h4 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
div.audioComment {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 6px;
	padding-top: 14px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
}
div.audioComment h5 {
	font-size: 11px;
	margin: 0px 0px 4px;
	padding: 0px;
	float: left;
	font-weight: normal;
	color: #333333;
}
div.audioComment strong {font-size: 13px;color: #FF9900;}
div.audioComment a {color: #333333;}
div.audioComment strong a {color: #FF9900;text-decoration: none;}
div.audioComment strong a:hover {text-decoration:underline}

div.audioComment img.mixPix {float: left;margin-right: 8px;}

p.abusiveComment {font-size: 9px;float: right;margin: 0px;padding: 0px;text-align: right;}

div.audioComment p.nomadComment {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	color: #666666;
	clear: both;
}
div.audioComment h5 span {
	font-size: 10px;
	font-weight: normal;
	color: #999999;
}
select option.all {
	color: #FF9900;
}


#mainContent h3.lightTitle {
	font-weight: normal;
	color: #333333;
	font-size: 13px;
	margin: 0px;
}
a.alert {
	font-size: 10px;
	font-weight: normal;
}



#listDestinations {
	padding-bottom: 10px;
}
#listDestinations ul {margin: 0px;padding: 0px;list-style-type: none;}
#listDestinations li {border-bottom: 1px solid #CCCCCC;padding: 6px 2px;color: #666666;font-size: 10px;}
#listDestinations li:hover {background-color:#E8E8E8}
#listDestinations li a {font-size: 11px;color: #333333;display: block;float: left;font-weight: bold;}
#listDestinations li a:hover {color:#FF9900}
#listDestinations li span {display:block;text-align:right;}



#uploadMix {margin-bottom: 40px;}
#uploadMix label {width: 200px;float: left;display: block;}
#uploadMix input.txtField {float: left;border: 1px solid #CCCCCC;width: 300px;font-size: 11px;color: #333333;margin-bottom: 12px;}
#uploadMix select.txtField {float: left;border: 1px solid #CCCCCC;width: 300px;font-size: 11px;color: #333333;margin-bottom: 12px;}
#uploadMix p {font-size: 9px;margin-top: 3px;margin-right: 0px;margin-bottom: 3px;margin-left: 0px;}
#uploadMix textarea.txtField {
	width: 300px;
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding: 2px;
}
#uploadMix sup {color: #F5861D;font-size:9px}
table.tablist {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
	font-size: 10px;
}
table.tablist th {
	text-align: left;
	padding: 4px 2px;
	border-bottom: 1px solid #333333;
}
table.tablist td {
	padding: 4px 2px;
	border-bottom: 1px solid #CCCCCC;
}
table.tablist a {
	color: #F5861D;
}
.small {
	font-size: 90%;
}
label span.verysmall {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#999;
}

/* listMessage : added by Minh 24/1/2007 ///////////////////////////////////// */

.listMessage ul {margin: 1px 0 0;padding: 2px 3px;list-style-type: none;}
.listMessage li {clear: both;padding-top: 10px;border-bottom: 1px solid #CCCCCC;padding-bottom: 6px;}
.listMessage li div {padding-left:60px;font-size: 9px;color: #666666;}
.listMessage li img {float: left;margin-right: 8px;}
.listMessage span {display:block}
.listMessage strong {display:block;padding:2px 0}
.listMessage p {font-size: 10px;margin-top: 5px;margin-right: 10px;margin-bottom: 10px;margin-left: 60px;display:block;}
.listMessage a {font-size: 11px;color: #333333;font-weight: bold;}
.listMessage a:hover {color: #FF9900;}
#listMessage td.txtTitle{font-size: 11px;color: #333333;}
#listMessage select.txtField{	
	width: 300px;
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding: 2px;
}
#listMessage textarea.txtField {
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding: 2px;
}
#listMessage input.txtField {
	width: 300px;
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding: 2px;
}

#join legend {
	margin-bottom:3px;
}
p.small a {
	color: #f90;
}
.orangeSubTitle {
	color: #F5861D;
}
#News a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#News a:hover {
	color: #F5861D;
}

ul.orangeList {
	margin: 6px 0px 12px;
	padding: 0px;
}
ul.orangeList li {
	list-style-type: none;
	padding: 0px 0px 10px 25px;
	background-image: url(../img/headphones.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.arrows {
	margin: 6px 0px 12px;
	padding: 0px;
}
ul.arrows li {
	background-image: url(../img/orangeArrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	padding: 0px 0px 10px 16px;
}
div.dottedbox {
	padding: 6px;
	border: 1px dotted #ddd;
	margin: 0px 0px 15px;
}
p.more {
	background-image: url(../img/plus-orange.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 3px;
}
#mixCatalog b a {
	color: #F5861D;
}
#mixCatalog h2 span {
}
div.linkcat {
	font-size: 10px;
	font-weight: bold;
	margin-top:8px;
}
div.linkcat a {
	color: #333333;
}
div.linkcat p {
	margin: 0px;
	background-image: url(../img/destinationsIcon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 24px;
}
div.linkcat p.categ {
	background-image: url(../img/categoriesIcon.gif);
}
#mainContent h2.gradient a:hover {
	color: #fff;
}
#mainContent a.mixLink {
	color:#CC0066;
	text-decoration: none;
}

#mainContent a.mixLink:hover {
	color:#000;
}
#mainContent .mixAuthor a {
	color: #99CC00;
	font-weight: bold;
	text-decoration: none;
}