/**
 * Vigilia Stylesheets
 *
 * Color palette:
 * #ad6969 (Vigilia pâle)
 * #810400 (Vigilia, un peu clair)
 * #1b0101 (Brun fonçé)
 * #ff940c (Jaune contraste)
 * #005252 (Turquoise contraste)
 * Set 2:
 * #c0a860 (beige + foncé)
 * #f0f0d8 (crème)
 * #d8c078 (beige, jaune + pâle)
 * #a83000 (rouge pseudo-Vigilia)
 * Set 3:
 * #787818 (vert caca d'oie)
 */

/* Friendly global style resetting */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { padding: 0; margin: 0 }
/*table { border-collapse: collapse; border-spacing: 0 } */
a, img, fieldset { border: none; outline: none }
address, caption, cite, th { font-style: normal; font-weight: normal }
ol, ul { list-style: none; }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr { border: none; }

html { overflow-y: scroll; }

html body {
  margin: 0px;  padding-left: 0px;  padding-right: 0px;  padding-top: 0px;
}

/* Links */
a { font-weight: bold; text-decoration: none }
a:link { color: #1a3577; }
a:visited { color: #1A3577; }
a:hover { color:#0728ED }
a:active { border-color: #3BB000; color: #3BB000 }         

body {
  padding: 0px;  margin: 0px;
  font-family: 'trebuchet ms',arial,helvetica,verdana,sans-serif;
  font-size: 13px;  font-stretch: normal; font-style: normal;
  font-variant: normal;  font-weight: normal;  font-size-adjust: none;
  background: white none repeat scroll 0%;  color: #333333;  height: 100%;
  line-height: 20px;
}

/** Titles **/
h1 { margin-bottom: 7px;  font-size: 25px; font-weight: normal; color: #4b0f0f; }
h2 { margin-bottom: 5px;  font-size: 1.5em; font-weight: normal; color: #965708; border-bottom: 1px #ccc dotted; }
h3 { margin-bottom: 3px;  font-size: 1.3em; font-style: italic; color: #183373; border-bottom: 1px #eee dotted; }
h4 { font-size: 1.2em; }

/** Paragraphs **/
p {
  margin-top: 3px;
  margin-bottom: 5px;
}



/* Form Styles */
textarea, input[type=text], input[type=password], input.text-field {
  font-weight: bold;
  color: #6D1823;
  padding: 2px;
}

#wrapper {
  min-width: 950px;
  background: #f8f6f6 url('/images/header-bg.png') repeat-x 0 0;
  position: relative;
}

#banner {
  background: #4a0e16 url(/images/banner.png) repeat-x scroll 0 0;
  border-top: #6d1823 1px solid;  border-bottom: #2e090e 1px solid;
  width: 100%;  padding: 0px;
}

#banner a:hover { border-bottom: none }
#banner a:active { border-bottom: none }



#header {
  height: 127px;  padding: 0;  color: white;
}
#header .inner {
  height: 127px;
  background: url('/images/header-top.png');
  position: relative;
}
#header .tagline {
  font-size: 21px;
  font-style: italic;
  position: absolute;
  color: #d6c3c5;
  z-index: 11;
}
#header #tag1 {
  left: 125px;
  top: 28px;
}
#header #tag2 {
  left: 167px;
  top: 49px;
}
#header a { color: white; }
#header a:link { color: white;  }
#header a:hover { text-decoration: none;  }
#header a:visited { color: white; }
#header a:active { color: white; }

#header ul { margin: 0px; padding: 0px; }
#header li { float: left; margin-left: 20px; }

#logo {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
}
#session {
  position: absolute;
  top: 0px;
  right: 50px;
  z-index: 10;
}
#session a {
  border-bottom: 1px dotted white;
}
#session .fullname {
  position: absolute;
  top: 40px;
  right: 85px;
  font-style: italic;
  font-size: 14px;
  font-weight: bold;
  color: #c0a3a7;
  text-align: right;
  width: 300px;
}
#session .links {
  position: absolute;
  top: 12px;
  right: 37px;
  text-align: right;
  width: 500px;
}
#session .links a {
  margin: 0px 8px;
  font-size: 13px;

}



/** Top navigation */


#topnav {
  height: 40px;
  position: absolute;
  top: 99px;
  left: 176px;
}

#topnav ul {
  margin: 0px;
  padding: 0px;
}
#topnav li {
  float: left;
  padding-right: 3px;
  margin-left: 0px;
  position: relative;
}
#topnav li.selected,
#topnav li.selected span,
#topnav li.selected a {
  
}
#topnav li.selected span, #topnav li.selected a {
  background: white;
  color: #4b0f0f !important;
  border-left: 1px solid #8c686d;
  border-right: 1px solid #5b2b31;
  border-top: 1px solid #98777c;
}
#topnav li span, #topnav li a {
  height: 27px;
  line-height: 27px;
  padding: 0px 34px;
  display: block;
  font-size: 14px;
  font-weight: bold;

  background: #8a676c;
  color: white;
  border-left: 1px solid #8c686d;
  border-right: 1px solid #5b2b31;
  border-top: 1px solid #98777c;
}
#topnav li a, #topnav li a:visited {
  color: white;
  position: relative
}

#topnav li a:hover {
  color: #4b0f0f;
  background: #efe1da;
}









/** All zones */
#sidebar .space {
  height: 50px;
}
#sidebar .head {
  font-size: 22px;  margin: 0 -10px 10px;
  padding: 4px 10px 4px 12px;
}
#sidebar .zone {
  background-color: white;
  background-position: 0 18px;
  background-repeat: repeat-x;
  padding: 0 10px 10px;
  margin-left: 2px;
}
#sidebar .zone .head .icon {
  margin: 5px 2px;
  float: right;
}
/** Special zone (A) **/
div.zone-a {
  background-image: url("/images/gradient-blue.png");
}
div.zone-a .head { background: #44617B;  color: #FFFFFF;}


/** Special zone (B) **/
div.zone-b {
  background-image: url("/images/gradient-yellow.png");
}
div.zone-b .head { background: #c0a860;  color: black; }


/** Special zone (C) - laide! Dépréciée **/
div.zone-c {
  background-image: url("/images/gradient-orange.png");
}
div.zone-c .head { background: #c07a27;  color: white; }


/** Special zone (D) **/
div.zone-d {
  background-image: url("/images/gradient-beige.png");
  border: 1px solid #c6bb86;
}
div.zone-d .head { background: #c6bb86;  color: #5a310b; }

/** Special zone (E) **/
div.zone-e {
  background-image: url("/images/gradient-or.png");
}
div.zone-e .head { background: #c07a27;  color: white; }

/** Special zone (F) **/
div.zone-f {
  background-image: url("/images/gradient-brun.png");
}
div.zone-f .head { background: #8b4a23;  color: white; }



/*** Tabs ***/
#tabs { float: left; width: 588px; border-bottom: 1px solid #CCC; list-style: none; margin: 0px; }
#tabs li { float: left; padding-left: 10px; margin-right: 3px; margin-top: 3px; background: url(/images/tab.png) no-repeat left top; }
#tabs li.first-child { margin: 0; }
#tabs li a { display: block; padding: 3px 10px 3px 0; border: none; outline: none; background: url(/images/tab.png) no-repeat right top; color: #666; }
#tabs li a:hover { color: #333; }
#tabs li.active { position: relative; margin-bottom: -1px; background-position: 0 -40px; }
#tabs li.active a { display: block; padding: 3px 10px 4px 0; background: url(/images/tab.png) no-repeat right -40px; font-weight: bold; color: #333; }
* html #tabs { margin-bottom: 0; }
#tabs li.hilight span { }
#tabs li.hilight a { color: red; }



/*** Accueil ***/

 #login-openid fieldset { line-height: 1.5; }

#login-pass input.submit,
#login-openid input.submit { width: 110px; }
div.login-pass .right {
  text-align: right;
  padding-right: 10px;
}
  .login-pass .center {
    text-align: center;
  }
  .login-pass td {
    padding: 4px;
  }
  .login-pass table {
    width: 100%
  }
  .login-pass .instruction { text-align: center; font-size: 12px; color: #555; padding-bottom: 8px; }
  .login-pass .instruction.small { font-size: 10px; color: #999; }

  .login-pass input { width: 120px; line-height: normal; background-color: transparent white; padding: 0; margin: 0; text-shadow: none; }

  form#login-openid input { width: 120px; line-height: normal; background-color: transparent white; text-shadow: none;  }

div.login-openid {
  display: none;
}

div.blockquote {
  float: right;
  margin-top: -45px;
}
div.screenshot {
  padding: 10px;
}
div.screenshot img {
  padding: 5px;
  border: 1px #ccc solid;
}







/*** Chat rooms ***/
#chatroom #tabs {
  width: 588px;
}
#chatroom .hint {
  text-align: right;
  font-size: 11px;
  color: #898989;
  padding-bottom: 3px;
}
#chatroom .users {
  float: right;
  height: 444px;
  padding: 3px;
  font-size: 11px;
  border-right: 1px solid #ddd;
  overflow: auto;
  width: 100px;
  white-space: nowrap;
}
#chatroom .tbProgress {
  display: none !important;
}
#chatroom .users .user {}
#chatroom .users .user.online {}
#chatroom .users .user.offline {}
#chatroom .messages {
  height: 450px;
  overflow: auto;
}
#chatroom .messages tr.new td {
  border-top: 2px solid red;
}
#chatroom .chat-msg {
  border-collapse: collapse;
  width: 100%;
}
#chatroom .chat-msg td {
  padding: 2px;
  vertical-align: top;
}
#chatroom .chat-msg .pic {
  width: 32px;
  padding: 2px;
}
#chatroom .chat-msg .stamp {
  font-size: 10px;
  color: white;
  color: #1a3577;
  padding-right: 7px;
}
#chatroom .chat-msg .msgelements {
  background-color: #f5e7df;
  color: #1A3577;
  font-size: 12px;
  border-bottom: 2px solid white;
}
#chatroom .chat-msg .user {
  font-weight: bold;
}
#chatroom .chat-msg .msg {
  line-height: 14px;
}
#chatroom .chat-entry,
#chatroom .messages {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
#chatroom .messages {
  padding: 0px 7px 0px 0px;
}
#chatroom .chat-entry {
  padding: 2px 7px 4px 5px;
  border-bottom: 2px solid #bbb;
  vertical-align: top;
}
#chatroom .chat-entry form {
  vertical-align: top;
  margin: 0px;
  padding: 0px;
}
#chatroom .chat-entry .box {
  margin: 0px;
  width: 415px;
  height: 43px;
}
#chatroom .chat-submit {
  margin-top: 30px;
  vertical-align: top;
}
#chatroom .chat-submit.loading {
  background: url(/images/ajax-loader.gif) center center no-repeat;
}


/** Post view, postchoices things */

#postchoices table {
  width: 100%;
}
#postchoices td {
  margin-bottom: 2px;
  vertical-align: top;
}
#postchoices td.first {
  font-size: 13px;
  font-weight: bold;
  padding-left: 3px;
}
#postchoices td.list img {
  vertical-align: bottom;
}
#postchoices td.list {
  padding-left: 7px;
}
#postchoices div.ans {
  clear: both;
  text-align: right;
}
#postchoices span.answer {
  font-weight: bold;
  line-height: 14px;
}
#postchoices span.ansname {
  float: left;
}
#postchoices form {
  width: 60px;
}
#postchoices .input {
  width: 55px;
}
#postchoices .sep {
  text-align: center;
  padding: 8px 0px;
  margin: 0px -10px;
}
#postchoices .sep hr {
  border: none;
  border-bottom: 1px solid #c6bb86;
}






/** Home page, affichage des posts **/

a.bouton-poster {
  background: url('/images/bouton-poster.png') no-repeat 0 0;
  height: 36px;
  width: 144px;
  display: block;
  float: right;
}
a.bouton-poster:hover {
  background-position: 0 -36px;
}

div.sepfade {
  background: url('/images/sepfade.png') no-repeat left center;
  display: block;
  height: 1px;
  margin: 8px 0px;
}
div.sepfade.wide {
  margin: 20px 0px;
}

#home-posts {
}
#home-posts .hentry .meta {
  font-size: 11px;
  line-height: 1.45;
  color: #666666;
}
#home-posts .hentry img {
  vertical-align: text-bottom;
}
#home-posts .stats {
  padding: 6px 0px;
  color: #444444;
  font-size: 12px;
}
#home-posts .stats a {
  font-size: 12px;
  color: #444;
  font-weight: normal;
}
#home-posts .stats .red {
  color: red;
  font-weight: bold;
}
#home-posts .stats img {
  vertical-align: top;
}
#home-posts .hentry h4 a {
  font-size: 20px;
  font-weight: normal;
}
#home-posts .hentry .entry-content {
  margin: 8px 5px 8px 25px;
  line-height: 20px;
}
#home-posts .hentry .meta {
  line-height: 14px;
  font-size: 8pt;
}



#groups ul {
  margin-left: 5px;
  list-style: none;
}
#groups img {
  vertical-align: top;
}
#groups li {
  padding: 3px 0px;
  font-weight: bold;
}



#rssfeed ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 14px;
}
#rssfeed li {
  padding: 4px 5px 0px;
}
#rssfeed a {
  font-size: 85%;
}
#rssfeed p.summary {
  font-size: 80%;
  padding: 0px 0px 0px 10px;
}



/** Activities layout */


#activities .day {
  text-align: right;
  font-style: italic;
  padding: 5px 0px;
}
#activities .event .icon {
  vertical-align: top;
  width: 22px;
}
#activities .subheader {
  padding: 3px 0px;
  color: #898989;
}
#activities ul {
  list-style: none;
  margin: 0px;
}
#activities table.event {
  width: 100%;
}
#activities td {
  margin-bottom: 2px;
  vertical-align: top;
}
#activities td.first {
  font-size: 13px;
  font-weight: bold;
  padding-left: 3px;
}
#activities td.second {
  text-align: right;
  font-style: italic;
}
#activities .sep {
  text-align: center;
  padding: 8px 0px;
}


/** Single event view */

div.event_view div.supheader {
  text-align: right;
  float: right;
  padding: 7px 0px;
  color: #ccc;
}
div.event_view .subheader {
  padding: 15px 30px;
  font-size: 14px;
  color: #183373;
  font-weight: bold;
}
div.event_view .date_start,
div.event_view .date_end {
  font-size: 115%;
}
div.event_view div.description {
  padding: 7px 0px;
  color: #ccc;
}
div.event_view p.description {
}




/** post-view dans /posts/view/id */
div.post-view {}
div.post-view .attach {}
div.post-view .attach img {
  vertical-align: sub;
}
div.post-view .time {
  font-size: 12px;
  color: #666;
}
div.post-view .subheader {
  padding: 15px 30px;
  font-size: 14px;
  color: #183373;
  font-weight: bold;
}
div.post-view .title {}
div.post-view .title img { vertical-align: baseline; }
div.post-view .content {
  color: #333;
  font-size: 13px;
}
div.post-view p.retour {
  margin-top: -10px;
}
div.post-view p.retour img {
  vertical-align: bottom;
}



/**** Home page home/updates UPDATES layout *****/

#updates .stamp {
  font-size: 11px;
  color: #777;
}
#updates .item {
  margin: 0px 0px 10px 25px;
  vertical-align: top;
}
#updates .item img {
  vertical-align: bottom;
}
#updates .icon {
  width: 40px;
  vertical-align: top;
}
#updates .pictures {
  margin: 3px 0px -7px 0px;
}
#updates .pictures div.img {
  border: 1px solid #ddd;
  margin: 2px;
  padding: 1px;
  display: table-cell;
}
#updates .pictures a { padding: 0px; }
#updates .pictures img { padding: 0px;  }



/****************** Photos/albums stuff ***************/




.album_thumbs {
  background: #f7f7f7;
}

.photo_thumbnail_line {
}
.photo_thumbnail_line .photo_thumbnail {
  padding: 10px 0px;
}
.photo_thumbnail_line .photo_thumbnail a {
  margin: 0; padding: 0; line-height: 0px;
}
.photo_thumbnail_line .photo_thumbnail img {
  padding: 4px;
  border: 1px solid #ccc;
  background: white;
}
.photo_thumbnail_line .photo_wrapper {
  vertical-align: middle;
  text-align: center;
  width: 150px;
  position: relative;
}
.photo_thumbnail_line .photo_manips a,
.photo_thumbnail_line .photo_manips span {
  font-size: 90%;
  font-weight: normal;
  padding-top: 4px;
}
.photo_thumbnail_line .photo_manips {
  position: absolute;
  background: #f7f7f7;
  display: none;
  text-align: center;
  padding: 0px 10px;
}





.albums_panel {
}
.albums_panel .album {
  position: relative;
  display: block;
  clear: both;
  padding-top: 15px;
}
.albums_panel .album .highlight {
  float: left;
  padding: 3px;
  border: 1px solid #ccc;
}
.albums_panel .album .highlight a {
  line-height: 0px;
}
.albums_panel .album .infos {
  padding: 5px;
  margin-left: 215px;
}
.albums_panel .album .infos .description {
  font-weight: bold;
  padding: 8px 0px 8px 25px;
}
.albums_panel .album .highlight img {
}


.albums_nav {
  text-align: right;
  font-size: 110%;
}


#modphotos {
}
#modphotos .large_photo {
  background: #f7f7f7;
  text-align: center;
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
  padding: 10px 0px 15px 0px;
}

#modphotos .large_photo img {
}
#modphotos .large_photo .comment {
  padding: 5px 20px;
  margin-bottom: 5px;
  font-size: 110%;
  font-weight: bold;
}






/** three parts navigation and two parts navigation */

.nav3 {
  width: 100%;
}
.nav3 .left {
  text-align: left;
  width: 33%;
}
.nav3 .center {
  text-align: center;
  width: 33%;
}
.nav3 .right {
  text-align: right;
  width: 33%;
}

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






#content-main {
  background: url('/images/content-bg.png') repeat-y center center;
  
}
#content-wrap {
  margin-left: 50px;
  clear: both;
  margin: 0 auto;
  padding: 25px;
  position: relative;
  width: 900px;
}
.content-wrap li {
}
.content-wrap ul {
  list-style: disc;
  margin: 4px 0px 4px 20px;
}
#main .content ul, #main.content ol {
  list-style: disc;
  margin-left: 20px;
}


/** Three types of layouts */
#main, #sidebar, #mainfull { position: relative; margin-bottom: 30px; }
#main { float: left; width: 588px; }
#sidebar { float: right; width: 290px; }
#mainfull { position: relative; clear: both; }


#openid_url {
/*#FFFFFF*/
  background: #F0FCE2 url('../images/openid-icon-small.gif') no-repeat scroll 0pt 50%;
  padding-left: 18px;
}

.small { font-size: 75%; }
.clear {  clear: both;  height: 0px; }

.inner {  margin: 0 auto;  width: 950px; }

table th {  vertical-align: top;  }

#footer {
  color: #aaa;  font-size: 85%;  margin: 0px;  padding: 0px 0px 9px;
  clear: both;  line-height: 14px;  text-align: center;
  text-shadow: 0 -1px 1px #1e0509;  width: 100%;  padding: 6px 0;
}

table#passwd th { text-align: right; font-weight: bold;  padding: 2px; }
table#passwd td { padding: 2px; }
table#passwd td.center { text-align: center; }
table#passwd td.center div.buttons { margin: 0 auto; display: table; }




/**
 * Preferences, profile pictures, etc
 */

form.prefs #picture {
  float: right;
  padding: 25px 25px 15px 25px;
  margin-top: 10px;
  margin-right: 10px;
  background: #eee;
  text-align: center;
}
form.prefs #picture p {
  padding-top: 15px;
}
form.prefs ol {
  width: 620px;
}

form.prefs li {
}





/** Overlay from jQuery tools
 * http://flowplayer.org/tools/demos/overlay/expose.html
 */

/* the overlayed element */ 
div.overlay { 
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000; 
    background-color: white;
    border: 4px double #333;
     
    /* dimensions after the growing animation finishes  */ 
    width: 500px;
    height: 526px;
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:25px;

    z-index: 10000;
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../images/overlay-close.png); 
    position: absolute; 
    right: -15px; 
    top: -15px; 
    cursor: pointer; 
    height: 28px; 
    width: 28px; 
}
div.overlay div.wrap {
    overflow-y: auto;
}

#event_overlay {
    width: 400px;
    height: 300px;
}
#upload_overlay {
    width: 250px;
    height: 150px;
}





/* Message boxes */
div.message {
  padding: 15px;  margin-top: 10px;  margin-bottom: 10px;
  border: 1px solid #ddd;  font-weight: bold
}
div.message.positive { background-color: #e3ffe3;  border: 1px solid #22bb22; }
div.message.negative { background-color: #ffe3e3;  border: 1px solid #bb2222; }
div.message.info { background-color: #efefff;  border: 1px solid #0000ff; }
div.message.warn { background-color: #ffffcc;  border: 1px solid #ffff22; }


/** Buttons from ParticleTree Rediscovering the Button Element */
/* http://particletree.com/features/rediscovering-the-button-element/ */

/* BUTTONS */
.buttons a, .buttons button {
    display: block;   float: left;   margin: 0 7px 0 0; 
    background-color: #f5f5f5;   border: 1px solid #dedede;
    border-top: 1px solid #eee;   border-left: 1px solid #eee;

    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;   line-height: 130%;   text-decoration: none;
    font-weight: bold;   color: #565656;
    cursor: pointer;   padding: 5px 10px 6px 7px; /* Links */
}
.buttons button {
    width: auto;   overflow: visible;
    padding: 4px 10px 3px 7px; /* IE6 */
}
.buttons button[type] {
    padding: 5px 10px 5px 7px; /* Firefox */
    line-height: 17px; /* Safari */
}
*:first-child+html button[type] {
    padding: 4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img {
    margin: 0 3px -3px 0 !important;
    padding: 0;   border: none;   width: 16px;   height: 16px;
}

/* STANDARD */
button:hover, .buttons a:hover{
    background-color: #dff4ff;   border: 1px solid #c2e1ef;   color: #336699;
}
.buttons a:active{
    background-color: #6299c5;   border: 1px solid #6299c5;   color: #fff;
}

/* POSITIVE */
button.positive, .buttons a.positive {
    color: #529214;
}
.buttons a.positive:hover, button.positive:hover {
    background-color:#E6EFC2;   border: 1px solid #C6D880;   color: #529214;
}
.buttons a.positive:active {
    background-color: #529214;   border: 1px solid #529214;   color: #fff;
}

/* NEGATIVE */
.buttons a.negative, button.negative {
    color: #d12f19;
}
.buttons a.negative:hover, button.negative:hover {
    background: #fbe3e4;   border: 1px solid #fbc2c4;   color: #d12f19;
}
.buttons a.negative:active {
    background-color: #d12f19;   border: 1px solid #d12f19;   color: #fff; 
}


/**
 * Grid tables
 */
.center {
  text-align: center;
}
table.grid {
  border: 1px solid #aaa;
}
/*table.grid tr {
}*/
table.grid tr td, table.grid tr th {
  border-right: 1px dotted #aaa;
  padding: 2px 4px;
}
table.grid td.last {
  border-right: none;
}
table.grid td.none {
  padding: 10px 35px;
  text-align: center;
}
table.grid img {
  vertical-align: top;
}
table.grid th {
  border-bottom: 2px solid #999;
  background: #ddd;
}
table.grid th.last {
  width: 5%;
}
table.grid .col1 {
  background-color: white;
}
table.grid .col2 {
  background-color: #eeeeee;
}
table.grid.subtable {
  margin-left: 100px;
  margin-top: 7px;
  margin-bottom: 2px;
}

/* End form */
.endform {
  clear: both;
  margin-bottom: 35px;
}


/** Ajout pour le month-view cal */
table.month-view .active { background-color: #eee; }
table.month-view .inactive { background-color: white; }
table.month-view .cal-day { width: 120px; }
table.month-view td a { font-size: 12px; }


/** Forms stuff */

input.hasDatepicker {
  background: transparent url('../images/icons/calendar_view_day.png') no-repeat scroll 2px 50%;
  padding-left: 20px;
  width: 95px;
}


/** Nice forms, based on 
 * http://www.technorati.com/account/signup/
 * and
 * http://www.alistapart.com/d/prettyaccessibleforms/example_3/
 * http://www.alistapart.com/articles/prettyaccessibleforms
 */
#editform h2 { height: 24px; line-height: 24px; padding: 0 10px;
  margin-top: 10px;
  background: url("../images/modules/greenbar-section.png") no-repeat 0 0;
  font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #060;
}
#editform .instruction { margin-left: 5px; font-size: 12px; color: #666; }

#editform li { padding: 10px 0 10px 145px; border-top: 1px solid #ccc; }

#editform li.first { border-top: none; }
#editform li.error { background: #fff0f0; }
#editform li.error label.rlabel { color: #d00; }

#editform li.checkboxes label.rlabel { display: block; float: none; width: auto; margin: 3px 0; font-weight: normal; text-align: left; color: #222; }

#editform em { font-weight: bold;  font-style: normal; color: #f00; }
#editform li label { margin-left: 5px; }
#editform li label.rlabel { font-weight: bold; float: left; margin-left: -145px;
  width: 130px; margin-top: 2px; text-align: right;
}
#editform li div { margin-top: 2px; }
#editform li div.float { float: left; margin-right: 7px; }
#editform li div.clear { clear: both; }
#editform li div label { position: relative;
  float: none; width: auto; margin: -14px 0 0 0; color: #666; text-align: left;
}


#editform p.error { font-weight: bold; margin-top: 3px; }
#editform .errors { padding-left: 20px; margin-top: 3px; list-style: disc;
  font-weight: bold;
}
#editform .errors li { padding: 0; border: none; }

/*
#editform li fieldset .instruction { line-height: 1.6667em; }

// on n'en veut pas: #editform li fieldset { padding-top: 14px; }
#editform li fieldset h5 { position: relative; display: inline; float: left;
  margin-top: 2px; margin-left: -145px; width: 130px; font-weight: bold;
  text-align: right;
}
#editform li fieldset div { float: left; margin-right: 5px; 
*/


/**
 * tagging controller extensions
 */
#editform ol.tagging {
  width: 600px;
}
#editform ol.tagging input[type=text] {
}
.tagpanelfixedflow.ui-dialog { position: fixed !important; overflow: scroll !important; }
.tagpanelfixed.ui-dialog { position: fixed !important; }

.grid td.album_artist { 
  font-size: 12px;
  color: #aaa;
  font-weight: normal;
  padding: 0px 0px 0px 35px;
}

.audiocontrols a {
  font-size: 12px;
  font-weight: normal;
  color: #555;
  font-style: normal;
}


/** transparency tests */
.trans {
  behavior: url(/iepngfix/iepngfix.htc);
}