/* 
==============================
           PROFILE 
==============================
*/

#profiletop{
  position: absolute;
  top: 0;
  left: 50%;
  width: 900px;
  margin-left: -450px;
}

#profiletop h1{
  position: absolute;
  top: 40px;
  left: -80px;
}

#profilenav{
  width: 900px;
  margin: 0 auto 0 auto;
}

#profilenav #catalog_link{
  position: absolute;
  top: 0;
  right: 405px;
}

#profilenav #nouveautes_link{
  position: absolute;
  right: 570px;
}

#profilenav #change_pass_link{
  position: absolute;
  right: 275px;
}

#profilenav #disconnect_link{
  position: absolute;
  right: 0;
}

#profilenav a{
  text-decoration: none;
}

#profilenav a #deconnect_email{
  position: absolute;
  left: 100px;
  top: 4px;
  font-size: 9px;
}

.disconnect_idle{
  color: #CDE13F;
}

.disconnect_hover{
  color: #F4F9C6;
}

#profilenav a img{
  border: 0;
}

#profiletop h1{
  margin: 0;
  padding: 0;
}

#profiletoptext{
  position: absolute;
  left: 50%;
  top: 127px;
  color: #8C8C8E;
  width: 900px;
  margin: 0 0 0 -450px;
}

#profiletoptext a{
  color: #AED036;
}

#profiletop #num_favorites_left{
  display: inline;
}

#profiletopinfo{
  position: absolute;
  left: 50%;
  top: 108px;
  color: #8C8C8E;
  width: 900px;
  margin: 0 0 0 -450px;
 
}

#profiletopinfo a{
  color: #AED036;
}

#profiletabs{
  position: absolute;
  top: 170px;
  left: 50%;
  margin-left: -450px;
  width: 900px;
  padding: 0;
}

#profilecontent{
  position: absolute;
  left: 50%;
  margin-left: -450px;
  top: 200px;
  right: 0;
  bottom: 70px;
  overflow: hidden;
  width: 900px;
}

#profilebottomlinks{
  position: absolute;
  width: 900px;
  bottom: 30px;
  left: 50%;
  margin-left: -424px;
}

#profilebottomlinks a{
  float: right;
  text-decoration: none;
  color: #8C8C8E;
  font-weight: bold;
  width: 100px;
  text-align: center;
  margin: 2px;
  border-left: 1px solid #8C8C8E;
}

#profilebottomlinks #concept{
  border-left: none;
}

#profilebottomlinks a:hover{
  color: #AED036;
}

#profilebottomlinks #facebook_link{
  position: absolute;
  left: -20px;
  top: -3px;
  border: 0;
  width: 250px;
  text-align: left;
  color: #3A5897;
}

#profilebottomlinks #facebook_link img{
  border: 0;
  position: relative;
  top: 2px;
  left: -5px;
}

.panel{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #CADF33;
  padding: 0;
  margin: 0;
}

.panel .loading, .panel .nofavorites{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 12px;
  color: #676767;
  text-align: center;
  width: 250px;
  margin: -25px 0 0 -125px;
}

.panel_search{
  position: absolute;
  left: 0;
  top: 0;
  width: 250px;
  height: 30px;
  margin: 0;
  padding: 0 1px 0 0;
}

.panel_search label{
  position: absolute;
  top: 12px;
  right: -15px;
  display: block;
  font-size: 9px;
  height: 10px;
  color: #BBBBBB;
  z-index: 3;
}

.panel_search input{
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 21px;
  background: none;
  border: none;
  background-image: url('/img/textarea-background.gif');
  background-color: #FFFFFF;
  padding: 3px 5px 0 3px;
  z-index: 2;
}

.panel_list{
  position: absolute;
  border-top: 1px solid #CADF33;
  left: 0;
  top: 24px;
  bottom: 0;
  width: 268px;
  background-color: white;
  overflow: auto;
  z-index: 1;
}

.panel_list .favoritable{
  position: relative;
  display: block;
  height: 19px;
  border-bottom: 1px solid #DDDDDD;
  cursor: pointer;
  padding: 2px 0 0 2px;
  -moz-user-select:none;
  background-color: white;
}

.panel_list .favoritable_sponsored{
  position: relative;
  display: block;
  height: 19px;
  border-bottom: 1px solid #DDDDDD;
  cursor: pointer;
  padding: 2px 0 0 2px;
  -moz-user-select:none;
  background-color: #F4FFCE;
}

.panel_list .favoritable_sponsored:hover{
  background-color: #E4F6A7;
}

.panel_list .favoritable_sponsored:hover .location{
  color: #AAAAAA;;
}

.panel_list .favoritable:hover{
  background-image: url(/img/add_plus_hover.gif);
  background-repeat: no-repeat;
  background-position: 225px 6px;
  background-color: #F3FFC8;
}

.panel_list .long_location:hover{
  background-image: url(/img/add_plus_hover.gif);
  background-repeat: no-repeat;
  background-position: 135px 6px;
  background-color: #F3FFC8;
}

.panel_list .favoritable_selected{
  position: relative;
  display: block;
  height: 19px;
  border-bottom: 1px solid #DDDDDD;
  cursor: pointer;
  padding: 2px 0 0 2px;
  -moz-user-select:none;
  background-image: url(/img/add_plus_hover.gif);
  background-repeat: no-repeat;
  background-position: 225px 6px;
  background-color: #F3FFC8;
}

.panel_list .favoritable_auto_activated{
  position: relative;
  display: block;
  height: 19px;
  border-bottom: 1px solid #DDDDDD;
  cursor: pointer;
  padding: 2px 0 0 2px;
  -moz-user-select:none;
  background-image: url(/img/add_plus_hover.gif);
  background-repeat: no-repeat;
  background-position: 225px 6px;
  background-color: #F3FFC8;
}

.panel_list .favoritable .location, .panel_list .favoritable_sponsored .location, .panel_list .favoritable_selected .location{
  position: absolute;
  right: 1px;
  bottom: 1px;
  font-size: 10px;
  color: #CCCCCC;
  font-weight: bold;
}

.panel_favs{
  position: absolute;
  border-right: 1px solid #CADF33;
  border-left: 1px solid #CADF33;
  left: 268px;
  top: 0;
  bottom: 0;
  width: 268px;
  background-color: white;
  overflow: auto;
}

.panel_favs .favorite{
  position: relative;
  display: block;
  height: 19px;
  border-bottom: 1px solid #DDDDDD;
  padding: 2px 0 0 20px;
  -moz-user-select:none;
  background-color: white;
}

.panel_favs .favorite span{
  cursor: pointer;
  width: 240px;
  display: block;
}

.panel_explain{
  position: absolute;
  left: 540px;
  top: 10px;
  width: 350px;
  height: 400px;
  text-align: justify;
  overflow: auto;
}

.panel_explain #rating{
  position: absolute;
  right: 0;
  top: 45px;
  width: 70px;
  height: 15px;
}

.panel_explain p.decouverte_description{
  margin: 0 0 -20px 30px;
  width: 290px;
}

.panel_explain p.validated{
  margin: 20px 0 0 45px;
  width: 200px;
}

.panel_explain h2.information_title{
  margin-bottom: 30px;
}

.panel_explain p.information{
  margin: 10px 0 0 40px;
  width: 300px;
}

.panel_explain h2{
  color: #BDD700;
  text-align: left;
  margin: 40px 0 0 40px;
}

.panel_explain ol li{
  font-size: 24px;
  font-weight: bold;
  color: #BDD700;
  margin: 30px 0 0 0;
}

.panel_explain ol li p{
  font-weight: normal;
  font-size: 12px;
  color: black;
}

.panel_explain ul{
  padding: 0 0 0 50px;
  margin: 0;
}

.panel_explain ul li{
  list-style-type: none;
  margin: 0 0 0 -30px;
  color: black;
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
  position: relative;
}

.panel_explain ul li img{
  position: absolute;
  left: -20px;
}

.panel_explain ul li img#reorder_example{
  left: -17px;
}

.panel_explain ul li img#member_example{
  left: -20px;
  top: 1px;
}

.panel_explain ol li a.validate_choice{
  color: #BDD700;
  font-size: 16px;
  font-weight: bold;
}

.panel_explain a{
  color: #BDD700;
}

.panel_explain strong{
  color: #BDD700;
}

.panel_explain span{
  color: #BDD700;
  font-size: 14px;
  margin: 0 0 -10px 0;
  padding: 0;
}

.rating{
  position: absolute;
  left: 2px;
  top: 4px;
  width: 15px;
  text-align: right;
  font-size: 10px;
}

.panel_favs .favorite .location{
  position: absolute;
  right: 25px;
  bottom: 1px;
  font-size: 10px;
  color: #CCCCCC;
  font-weight: bold;
}

.panel_favs .favorite .reorder{
  position: absolute;
  right: 16px;
  top: 5px;
  cursor: pointer;
}

.panel_favs .favorite .member_card{
  position: absolute;
  right: 44px;
  top: 5px;
  cursor: pointer;
}

.panel_favs .favorite .delete{
  position: absolute;
  right: 2px;
  top: 5px;
  cursor: pointer;
}

.favorite_dragged{
  position: relative;
  display: block;
  height: 19px;
  border-bottom: 1px solid #DDDDDD;
  padding: 2px 0 0 2px;
  -moz-user-select:none;
  background-color: #F3FFC8;
  cursor: pointer;
}

.favorite_dragged .rating{
  visibility: hidden;
}

.favorite_dragged .location{
  position: absolute;
  right: 25px;
  bottom: 1px;
  font-size: 10px;
  color: #CCCCCC;
  font-weight: bold;
}

.favorite_dragged .reorder{
  position: absolute;
  right: 16px;
  top: 5px;
  cursor: pointer;
}

.favorite_dragged .delete{
  position: absolute;
  right: 2px;
  top: 5px;
  cursor: pointer;
}

.favorite_dragged .member_card{
  position: absolute;
  right: 44px;
  top: 5px;
  cursor: pointer;
}

.hollow_favorite{
  position: relative;
  display: block;
  height: 14px;
  border: 3px dashed #AED036;
  padding: 2px 0 0 2px;
  background-color: #F3FFC8;
}

.panel_favs .container, .panel_list .container{
  margin: 0;
  padding: 0;
}

.curtab{
  float: left;
  position: relative;
  left: 0;
  top: -14px;
  width: 180px;
  height: 40px;
  margin: 0;
  padding: 0;
  font-size: 28px;
  font-weight: bold;
  cursor: default;
  color: #F3FFC8;
}

.tab{
  float: left;
  width: 180px;
  border: 0;
  margin: 0;
  padding: 0;
  color: black;
  cursor: pointer;
  text-decoration: none;
  font-size: 20px;
  color: #F3FFC8;
}

.tab img{
  border: 0;
}

/* 
==============================
       POPUP MESSAGE
==============================
*/
#popup{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 415px;
  height: 215px;
  z-index: 300;
  margin: -108px 0 0 -208px;
  visibility: hidden;
  background-image: url('img/popup_background.png');
}

#popup h2{
  color: #BDD700;
  font-size: 16px;
  position: absolute;
  left: 30px;
  top: 45px;
  width: 350px;
  text-align: center;
}

#popup p.message_body{
  position: absolute;
  left: 30px;
  top: 85px;
  padding: 0;
  width: 350px;
  color: #676767;
  text-align: center;
}

#popup p.message_body .tiny{
  font-size: 10px;
}

#popup #closePopUp{
  position: absolute;
  left: 50%;
  bottom: 40px;
  width: 100px;
  margin: 0 0 0 -50px;
}

/* 
==============================
       LARGE POPUP MESSAGE
==============================
*/
#large_popup{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 415px;
  height: 250px;
  z-index: 300;
  margin: -125px 0 0 -208px;
  visibility: hidden;
  background-image: url('img/large_popup_background.png');
}

#large_popup h2{
  color: #BDD700;
  font-size: 16px;
  position: absolute;
  left: 30px;
  top: 45px;
  width: 350px;
  text-align: center;
}

#large_popup p.message_body{
  position: absolute;
  left: 30px;
  top: 85px;
  padding: 0;
  width: 350px;
  color: #676767;
  text-align: center;
}

#large_popup p.message_body .tiny{
  font-size: 10px;
}

#large_popup #largePopupCancel{
  position: absolute;
  left: 50%;
  bottom: 80px;
  width: 200px;
  margin: 0 0 0 -100px;
}

#large_popup #largePopupConfirm{
  position: absolute;
  left: 50%;
  bottom: 50px;
  width: 280px;
  margin: 0 0 0 -140px;
  font-weight: bold;
}

/* 
==============================
        CITY CHOOSER
==============================
*/
#profiletop #city_chooser{
  position: absolute;
  top: 70px;
  left: 420px;
}

#profiletop #city_chooser_select{
  border: 1px solid #ECF4BE;
  width: 120px;
  height: 15px;
  background-image: url('img/drop-down-desact.gif');
  background-position: 98% 50%;
  background-repeat: no-repeat;
  color: #676767;
  padding: 2px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

#profiletop #city_chooser_select:hover{
  border: 1px solid #C2E000;
  background-image: url('img/drop-down-activ.gif');
}

#profiletop #city_chooser_select.selecting{
  border: 1px solid #C2E000;
  background-image: url('img/drop-down-activ.gif');  
}

#profiletop #city_chooser_list{
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 20px;
  list-style-type: none;
  padding: 2px;
  border: 1px solid #C2E000;
  width: 120px;
  margin: 0;
  z-index: 10;
  background-color: #ffffff;
}

#profiletop #city_chooser_list li.selected{
  background-color: #F3FFC8;
}

#profiletop #city_chooser_list li{
  color: #676767;
  cursor: pointer;
  padding: 2px 0 2px 0;
}

#profiletop #city_chooser_list li:hover{
  background-color: #F3FFC8;
}