html {background:#333;}
body {font-family:Trebuchet MS;color:white;}

.wrapper  {width:1000px;margin-left:auto;margin-right:auto;}

/* Header */
.header        {background:url(../../common/images/weeloop-redBanner.jpg) no-repeat;width:1000px;height:130px;padding-left:4px;}
.logo          {}
.logo a        {display:block;height:80px;position:absolute;width:300px;}
.logo span     {display:none;}
.weeloopLogo   {background:url(../../common/images/weeloop.jpg);text-indent:100px;display:block;width:65px;height:18px;overflow:hidden;float:left;}

.mainNavButton                {width:131px;height:38px;float:left;position:relative;top:89px;text-indent:-1000px;overflow:hidden;}
.mainNavButtonCommunity       {background:url(../images/mainNav.png) 0 0;}
.mainNavButtonCommunity:hover {background:url(../images/mainNav.png) 0 -38px;}
.mainNavButtonForum           {background:url(../images/mainNav.png) -131px 0;}
.mainNavButtonForum:hover     {background:url(../images/mainNav.png) -131px -38px;}
.mainNavButtonMusic           {background:url(../images/mainNav.png) -262px 0;}
.mainNavButtonMusic:hover     {background:url(../images/mainNav.png) -262px -38px;}
.mainNavButtonSearch          {background:url(../images/mainNav.png) -393px 0;width:220px;text-indent:0;}
.mainNavButtonSearch:hover    {background:url(../images/mainNav.png) -393px -38px;}
.mainNavButtonSearch input    {width:120px;left:15px;top:12px;position:relative;border:solid 1px black;}
.searchButton                 {width:65px;height:20px;left:140px;top:11px;position:absolute;background:transparent;border:0;cursor:pointer;text-indent:-1000px;}

.loginForm       {background:url(../../common/images/loginFormBg.jpg);width:284px;height:114px;float:right;margin:13px 4px 0 0;font-size:10px;}
.loginForm a     {color:white;}
.loginForm table {width:260px;height:90px;position:relative;top:10px;left:10px;}
.loginForm table th {color:white;text-align:right;padding-right:5px;}
.loginFormInput  {width:130px;border:solid 1px black;font-size:10px;float:right;margin-right:5px;}
.loginFormFYPMsg {font-style:italic;color:#999;}
.loginFormNotRegisterMsg {display:block;float:left;height:18px;line-height:18px;margin-right:5px;margin-left:20px;}
.loginFormOkButton {width:28px;height:16px;background:url(../images/loginFormOkButton.gif);border:0;cursor:pointer;margin-left:5px;}
.loginFormOkButton span {display:none;}
.loginFormSignupButton {width:105px;height:18px;background:url(../images/loginFormSignupButton.gif);display:block;overflow:hidden;}

.loginFormLogout {float:right;margin-right:15px;margin-top:8px;font-size:11px;}
.loginFormSP     {display:block;margin-left:30px;margin-top:25px;text-decoration:none;}
.loginFormSP div {background:url(../images/loginFormMyStartPage.gif);width:125px;height:20px;float:left;margin-top:5px;cursor:pointer;}
.loginFormSP div>span {display:none;}
.loginFormSP img {border:solid 1px #777;float:left;margin-right:10px;}
.loginFormSP>span {float:left;width:100px;font-size:12px;font-style:italic;margin-top:5px;display:block;width:170px;overflow:hidden;margin-top:0;}

/* Common */
h3 {font-size:14px;height:20px;line-height:20px;text-align:center;border-bottom:solid 2px red;background:url(../../common/images/widgetHeaderBgRight.gif) no-repeat right;}
a {color:chocolate;}
p {margin:10px 0 30px 0;}
.bg_1 {background-color:#000;}
.bg_2 {background-color:#151515;}
.bold {font-weight:bold;}
.widget {background:url(../../common/images/widgetHeaderBgLeft.gif) no-repeat;}
.widgetBottom {display:block;background:url(../../common/images/widgetBottomBgLeft.gif) no-repeat;height:20px;}
.widgetBottom div {display:block;width:40px;height:20px;float:right;background:url(../../common/images/widgetBottomBgRight.gif) no-repeat;}

.bigTabs           {height:30px;border-bottom:solid 2px red;}
.bigTabs li        {width:140px;height:30px;color:white;background:url(../../common/images/bigTabsBg.gif);float:left;margin-right:2px;font-size:16px;text-align:center;line-height:30px;}
.bigTabs li a      {text-decoration:none;}
.bigTabs li a:hover {text-decoration:underline;}
.bigTabs .tabs_selected {background:url(../../common/images/bigTabsBg_selected.gif);border-bottom:solid 2px black;}

.tabs           {background-color:#333;height:20px;border-bottom:solid 2px red;}
.tabs li        {width:100px;height:20px;color:white;background:url(../../common/images/tabsBg.gif);float:left;margin-right:2px;font-size:14px;text-align:center;line-height:20px;}
.tabs li a      {text-decoration:none;color:white;}
.tabs li a:hover {text-decoration:underline;}
.tabs .selected {background:url(../../common/images/tabsBg_selected.gif);border-bottom:solid 2px black;}

.spaces li  {height:60px;margin:5px;border-bottom:solid 1px white;}
.spaces li:hover {background-color:#222;}
.spaces img {width:50px;height:50px;float:left;border:solid 1px white;margin-right:5px;}
.space_spaceName,
.space_country,
.space_musicStyle,
.space_nbMusics,
.space_starRatingValue,
.space_starRating {display:block;float:left;height:15px;overflow:hidden;white-space:nowrap;}
#memberChart .space_spaceName {width:160px;}
#memberChart .space_country {width:190px;}
a.space_spaceName {font-size:14px;font-weight:bold;height:20px;line-height:20px;font-family:arial;}
.space_country    {text-align:right;float:right;font-style:italic;}
.space_musicStyle {margin-left:5px;color:#aaa;font-weight:lighter;}
.space_nbMusics   {width:100px;}
.space_starRatingValue {font-size:10px;font-style:italic;color:#777;float:right;margin-right:5px;line-height:15px;}
.space_starRating {float:right;}
.space_nbVisits   {float:right;font-size:12px;color:#777;font-style:italic;white-space:nowrap;}
.space_nbVisits span {font-style:normal;color:white;}
.space_registerDate   {float:right;font-size:12px;color:#777;font-style:italic;white-space:nowrap;}
.space_registerDate span {font-style:normal;color:white;}

.annexeContent            {width:900px;margin:20px auto;font-size:13px;color:white;line-height:18px;}
.annexeContent ul         {margin:-20px 0 20px 30px;}
.annexeContent ul li      {list-style:circle;}
.annexeContent h3         {font-size:18px;height:18px;line-height:18px;text-align:left;border:0;background:none;color:#C43737;}
.annexeContent p          {clear:both;}
.annexeContacts           {width:900px;margin:20px auto;border:1px solid black;}
.annexeMember {text-align:center;vertical-align:top;padding:10px;width:170px;margin:20px;overflow:hidden;margin:auto;float:left;background-color:#282828;margin:0 10px;}
.annexeMember img {margin:auto;width:90px;height:90px;}
.annexeMember p {margin-bottom:10px;font-size:10px;line-height:auto;}

/* ----------------------- */
/*   Template tracks list  */
/* ----------------------- */

.cmy-tracksList              {font-family:arial;white-space:nowrap;}
.cmy-tracksList table        {width:680px;margin:0 auto;}
.cmy-tracksList .thumbnail   {border:solid 1px white;float:left;margin:0pt 5px;}
.cmy-tracksList .title       {font-weight:bold;}
.cmy-tracksList .duration    {display:inline;font-style:italic;}
.cmy-tracksList .artist      {display:block;}
.cmy-tracksList .album       {display:block;}
.cmy-tracksList .musicStyle  {color:#777;position:relative;top:-15px;}
.cmy-tracksList .trackNumber {display:block;margin:0 auto;width:20px;position:relative;top:-42px;}
.cmy-tracksList .creationDate {color:#aaa;font-size:11px;font-style:italic;position:relative;left:80px;width:200px;}
.cmy-tracksList .creationDate span {color:#fff;}
.cmy-tracksList .nbComments  {color:#aaa;font-size:11px;font-style:italic;position:relative;left:50px;}
.cmy-tracksList .nbComments span {color:#fff;}
.cmy-tracksList .listenCount  {color:#aaa;font-size:11px;font-style:italic;position:relative;left:-30px;}
.cmy-tracksList .listenCount span {color:#fff;}
.cmy-tracksList table tr {}
.cmy-tracksList table th {border-bottom:solid 1px white;padding-left:5px;font-weight:bold;height:30px;}
.cmy-tracksList table tbody tr {height:65px;cursor:pointer;}
.cmy-tracksList table tbody tr:hover {background-color:#222;}
.cmy-tracksList table td {border-bottom:solid 1px white;vertical-align:bottom;overflow:visible;}

/* ------------ */
/* Home content */
/* ------------ */
/* DockAd */
.dockAd        {background:url(../../common/images/dockAdBg.gif);height:267px;margin:0;padding:0;}
.dockAd_dock   {width:680px;height:250px;margin-right:10px;float:left;}
.dockAd_Ad     {width:300px;height:250px;float:left;}

/* Content */
.comingSoon    {width:400px;margin-left:auto;margin-right:auto;position:relative;top:150px;font-size:13px;color:white;line-height:18px;}
.content       {}

.hallOfFameWidget    {color:white;width:280px;float:left;margin-right:20px;background-color:black;margin-bottom:10px;}
.hallOfFrameWidgetBottom {height:20px;background:url(../../common/images/home/hofBg2.gif);}
.hallOfFameWidget h3 {font-size:16px;height:30px;line-height:30px;background:url(../../common/images/home/hofBg.gif);}
.hof a.space_spaceName {width:200px;}
.hof .space_country    {width:105px;}
.hof .space_musicStyle {width:100px;}

.tracksListsWidget {width:690px;float:left;}
.tracksListsWidgetBottom {height:20px;background:url(../../common/images/home/tracksListsWidgetBg2.gif);}
.tracksListContent {clear:both;background-color:black;display:block;}
.sortedBy       {height:20px;padding:10px 0;}
.sortedBy li    {color:white;font-size:12px;width:80px;height:20px;line-height:20px;text-align:center;float:left;margin:0 30px;}
.sortedBy li a  {}
.sortedBy_selected {font-weight:bold;background:url(../../common/images/home/sortedByBg_selected.gif);}

/* ------------- */
/* Music content */
/* ------------- */
.subDock {width:990px;margin:0 10px 10px 0;height:54px;}
.subDock ul {margin-left:90px}
.subDock li {width:90px;float:left;display:block;}
.subDock li span {display:none;}
/*.subDock a {border:1px solid white;}*/
.subDock a.hiphopSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat 0px 0px;}
.subDock a.houseSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -55px 0px;}
.subDock a.technoSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -110px 0px;}
.subDock a.fusionSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -165px 0px;}
.subDock a.drumnbassSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -220px 0px;}
.subDock a.hardcoreSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -275px 0px;}
.subDock a.tranceSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -330px 0px;}
.subDock a.loungeSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -385px 0px;}
.subDock a.djtoolsSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -440px 0px;}

.subDock a.hiphopUnSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat 0px -53px;}
.subDock a.houseUnSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -55px -53px;}
.subDock a.technoUnSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -110px -53px;}
.subDock a.fusionUnSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -165px -53px;}
.subDock a.drumnbassUnSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -220px -53px;}
.subDock a.hardcoreUnSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -275px -53px;}
.subDock a.tranceUnSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -330px -53px;}
.subDock a.loungeUnSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -385px -53px;}
.subDock a.djtoolsUnSelected {display:block;width:55px;height:53px;background:url(../../common/images/weeloop_dock.jpg) no-repeat -440px -53px;}

.subDock a.hiphopUnSelected:hover {background-position:0px 0px;}
.subDock a.houseUnSelected:hover {background-position:-55px 0px;}
.subDock a.technoUnSelected:hover {background-position:-110px 0px;}
.subDock a.fusionUnSelected:hover {background-position:-165px 0px;}
.subDock a.drumnbassUnSelected:hover {background-position:-220px 0px;}
.subDock a.hardcoreUnSelected:hover {background-position:-275px 0px;}
.subDock a.tranceUnSelected:hover {background-position:-330px 0px;}
.subDock a.loungeUnSelected:hover {background-position:-385px 0px;}
.subDock a.djtoolsUnSelected:hover {background-position:-440px 0px;}

.unknown {color:white;width:280px;height:600px;float:left;margin-right:20px;background-color:black;margin-bottom:10px;}
.focusItem1,
.focusItem2,
.focusItem3,
.focusItem4 {background-color:#808080;width:335px;height:120px;float:left;}
.focusItem1 {margin:0 5px 5px 0;}
.focusItem2 {margin:0 0 5px 5px;}
.focusItem3 {margin:5px 5px 0 0;}
.focusItem4 {margin:5px 0 0 5px;}

/* ----------------- */
/* Community content */
/* ----------------- */
.searchMember  {width:690px;float:left;margin-top:20px;}
.searchForm    {width:230px;background-color:black;float:left;margin-right:10px;margin-bottom:10px;}
.searchForm table {width:95%;margin:10px auto;}
.searchFormText {width:120px;border:solid 1px black;font-style:normal;}
.searchForm table th {font-weight:bold;}
.searchForm table td {font-style:italic;}
.searchForm button {width:90px;height:36px;background:url(../images/community/searchFormButton.gif);margin-left:55px;border:0;cursor:pointer;}
.searchForm button span {display:none;}
.memberChart   {width:430px;background-color:black;float:left;margin:0 10px;margin-bottom:10px;}
.memch{clear:both;min-height:305px;}
.memch a.space_spaceName {width:125px;}
.memch .space_country    {width:80px;}
.memch .space_musicStyle {width:300px;}

.contentAd      {width:120px;height:600px;float:left;margin:0 10px;}
.communityContent {width:530px;float:left;margin:0 10px;}
.lastPosts      {width:530px;background-color:black;margin-bottom:10px;}
.lastPosts ul   {width:260px;float:left;}
.lastPosts li   {height:45px;padding-top:5px;}
.lastPosts li:hover {background-color:#222;}
.lastPosts li img {width:30px;height:30px;border:solid 1px white;float:left;margin:0 5px;}
.lastPosts li div {font-size:11px;font-style:italic;color:#777777;float:left;width:210px;overflow:hidden;white-space:nowrap;}
.lastPosts li div span {font-size:14px;font-weight:bold;font-family:arial;font-style:normal;color:white;}
.lastPosts li a {width:210px;display:block;float:left;overflow:hidden;white-space:nowrap;}

.lastPhotos     {width:530px;background-color:black;margin-bottom:10px;}
.lastPhotos ul  {}
.lastPhotos li  {width:170px;display:block;float:left;text-align:center;margin-top:10px;padding-top:5px;}
.lastPhotos li:hover {background-color:#222;}
.lastPhotos li img {width:150px;}
.lastPhotos li div {font-size:11px;font-style:italic;color:#777777;float:left;width:170px;overflow:hidden;white-space:nowrap;}
.lastPhotos li div span {font-size:14px;font-weight:bold;font-family:arial;font-style:normal;color:white;}

.lastVideos     {width:530px;background-color:black;}
.lastVideos li  {width:170px;display:block;float:left;text-align:center;margin-top:10px;padding-top:5px;}
.lastVideos li:hover {background-color:#222;}
.lastVideos li div {font-size:11px;font-style:italic;color:#777777;float:left;width:170px;overflow:hidden;white-space:nowrap;}
.lastVideos li div span {font-size:14px;font-weight:bold;font-family:arial;font-style:normal;color:white;}

.rightCol       {width:300px;float:right;}
.communityFeed {width:300px;background-color:black;margin-top:20px;float:left;}
.communityFeed ul {margin:5px;}
.communityFeed ul li {padding:5px;font-size:10px;vertical-align:top;}
.communityFeed ul li:hover {background-color:#222;}
.af_title          {height:32px;}
.af_title a        {font-weight:bold;}
.af_icon           {width:30px;height:30px;border:solid 1px white;float:left;margin-right:5px;}
.af_date           {color:#777777;font-style:italic;}
.af_summary        {margin:10px;}
.af_summary_player {margin:5px;}
.af_summary_photo  {width:100px;margin:0 auto 5px auto;display:block;}
.af_summary_action {color:white;font-weight:bold;display:block;}

/* ------------------------ */
/* Register process content */
/* ------------------------ */
.registerState        {width:393px;margin:10px auto;display:block;}
#registerNextDesabled {width:121px;height:33px;display:block;margin:5px auto;}
#registerNext         {width:121px;height:33px;cursor:pointer;background:url(../images/register/next.gif);display:block;border:0;text-indent:-1000px;margin:5px auto;}
.annexeContent .registerSpaceTypes    {margin-top:20px;margin-left:60px;}
.annexeContent .registerSpaceTypes li {list-style:none;}
.registerSpaceType     {color:white;font-size:18px;height:18px;line-height:18px;margin-left:10px;}
.registerSpaceTypeDes  {margin-left:80px;font-size:12px;color:#777777;}
.registerForm {margin:20px auto;}
.registerForm th {text-align:right;padding-right:20px;}
.registerForm td {padding-left:10px;}
.registerForm tr {height:30px;}
.registerError {font-weight:bold;color:red;}
#registerCreateMySpace {width:188px;height:33px;cursor:pointer;background:url(../images/register/createMySpace.gif);display:block;border:0;text-indent:-1000px;margin:5px auto;}
#registerWaitingCreation  {width:220px;height:40px;margin:5px auto;text-align:center;}
#registerWaitingSpaceData {width:220px;height:40px;margin:5px auto;text-align:center;}
#registerWaitingLogin     {width:220px;height:40px;margin:5px auto;text-align:center;}

/* Bottom */
.footer        {clear:both;display:block;margin-top:20px;width:100%;border:solid 1px #333;}
.footer_Ad     {width:728px;height:90px;margin:10px auto;}
.footer ul     {margin-left:200px;}
.footer ul li  {float:left;margin:20px;}
.footer ul li a {color:black;font-weight:bold;text-decoration:none;}
.footer ul li a:hover {text-decoration:underline;}

/* --------------------- */
/*  Template starsRating */
/* --------------------- */

.cmy-starRating {width:130px;}
.cmy-starRating ul                           {position:relative;list-style:none;margin:0px;padding:0px;width:80px;height:16px;overflow:hidden;margin-left:10px;background: url(../../common/images/skin-base-starrating.png) top left repeat-x;}
.cmy-starRating ul li                        {padding:0px;margin:0px;/*\*/float: left;/* */}
.cmy-starRating ul li a                      {display:block;width:16px;height:16px;line-height:16px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0px;overflow:hidden;}
.cmy-starRating ul li a:hover                {z-index:2;left:0px;border:none;background: url(../../common/images/skin-base-starrating.png) left center;}
.cmy-starRating ul li.cmy-starRating-current {position:absolute;height:16px;display:block;text-indent:-9000px;z-index:1;background: url(../../common/images/skin-base-starrating.png) left bottom;}

.cmy-starRating ul a.cmy-starRating-oneStar          {left:0px;}
.cmy-starRating ul a.cmy-starRating-oneStar:hover    {width:16px;}
.cmy-starRating ul a.cmy-starRating-twoStars         {left:16px;}
.cmy-starRating ul a.cmy-starRating-twoStars:hover   {width:32px;}
.cmy-starRating ul a.cmy-starRating-threeStars       {left:32px;}
.cmy-starRating ul a.cmy-starRating-threeStars:hover {width:48px;}
.cmy-starRating ul a.cmy-starRating-fourStars        {left:48px;}
.cmy-starRating ul a.cmy-starRating-fourStars:hover  {width:64px;}
.cmy-starRating ul a.cmy-starRating-fiveStars        {left:64px;}
.cmy-starRating ul a.cmy-starRating-fiveStars:hover  {width:80px;}

.message       {font-weight:bold;}
.rateInfo      {color:#aaa;font-size:11px;font-style:italic;}
.rateInfo span {color:#fff;}

/* ------------------------ */
/* Search Result            */
/* ------------------------ */
.searchResult {width:620px;float:left;margin:10px auto;background-color:black;}
.search-result {margin-top:10px;}
.search_Ad {width:120px;height:600px;margin:10px 10px;float:left;}
.countrybox {overflow:hidden;width:120px;}
.resultThumbnail {border:solid 1px white;float:left;margin:0pt 5px;}
.resultNbItem {width:100%;}
.communityResult {width:610px;margin:0 auto;}
.communityResult th {border-bottom:solid 1px white;}
.communityResult td {border-bottom:solid 1px white;}
.communityResulttr {width:100%;height:20px;}
.communityResulttr span {color:white;}
.communityResultLasttr {width:100%;height:20px;margin:5px;border-bottom:solid 1px white;}
.communityResultLasttr span {color:white;}
.communityResultHead {border-bottom:solid 1px white;padding-left:5px;font-weight:bold;height:30px;}
.communityResultMusicStyle {color:#777;position:relative;top:-20px;left:10px;}
.communityResultCountry {font-style:italic;vertical-align:top;}
.communityResultVisits {float:right;font-size:12px;color:#777;font-style:italic;white-space:nowrap;margin-right:5px;}

#resultContainer .gs-result {width:610px;margin:auto;}
#resultContainer .gsc-resultsHeader {display:none;}
#resultContainer .gs-title {font-weight:bold;}
#resultContainer .gs-title a {color:white;}
#resultContainer .gs-title b {color:white;}
#resultContainer .gsc-cursor-box {text-align:center;}
#resultContainer .gsc-cursor-page {color:#A90A08;}
#resultContainer .gs-visibleUrl {border-bottom:solid 1px #A90A08;}
#resultContainer .gs-visibleUrl-long {color:#777777;display:block;}
#resultContainer .gs-visibleUrl-short {display:none;}
#resultContainer .gsc-trailing-more-results {color:white;}
.googleSearchResult {width:620px;float:left;margin:10px auto;background-color:black}

.search_left_col {float:left;}
.search_center_col {float:left;}
.search_right_col {float:left;}
