/* Flash007.lu StyleSheet 
 * 
 * Application wide properties
 *****************************/
 
body {
 font: 62.5% "Verdana", "Trebuchet MS", sans-serif;
 background-color: #000;
 color: #fff;
 margin: 0;
 padding: 0;
}

/* Images
 *****************************/

img {
  border: none;
}

.media img.image,
.media img.thumb.image,
.relatedMedias img.image,
.relatedMedias img.thumb.image {
  height: 72px;
  width: 106px;
  border: 1px solid #fff;
}

.media img.madeInFlashcut {
  float: right;
}

/* Links
 *****************************/

a[accesskey]:after{
  content: "\0000a0[alt+" attr(accesskey) "]";
}

a,
a:link,
a:visited {
  color: #fff;
  text-decoration: none;
}

a.infos {
  color: #ae1f54;
}

.clearer {
  clear: both;
}

.clearer_left {
  clear: left;
}

.clearer_right {
  clear: right;
}

/* Forms
 *****************************/

fieldset {
  border: none;
  border-top: 1px solid #555;
  margin: 0 0 5px 0;
}

fieldset.actions {
  text-align: center;
}

legend {
  color: #ccc;
  font-weight: bold;
}

label {
  cursor: pointer;
  display: block;
}

label.required:after {
  content: "*";
}

.ffEditorReq label.required:after {
  content: "**";
}

.ffFlasherReq label.required:after {
  content: "***";
}

input[type=text],
input[type=password], 
input[type=checkbox],
input[type=submit],
input[type=reset],
select,
textarea {
  border: 1px solid #333;
  background-color: #333;
  color: #fff;
  font-size: 100%;
  padding: 2px;
  margin: 4px 0 0 15px;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=checkbox]:focus, 
textarea:focus {
  border: 1px solid #555; 
  background-color: #555;
}

input.available {
  background: #333 url('../images/forms/available.png') no-repeat scroll center right;
}

input.unavailable {
  background: #a22 url('../images/forms/unavailable.png') no-repeat scroll center right;
}

input[type=submit],
input[type=reset] {
  border: 1px solid #fff;
  padding: 5px;
}

.fieldWithErrors input[type=text],
.fieldWithErrors input[type=password], 
.fieldWithErrors textarea {
  border: 1px solid #fff;
  background-color: #a22;
}

form .errorExplanation {
  border: 1px dashed #999;
  padding: 5px 10px;
  margin: 0 10px 10px 10px;
  background-color: #666;
}

  form .errorExplanation h2 {
    padding: 0;
    margin: 0;
    font-size: 110%;
  }
  
  form .errorExplanation p {
    
  }

form p.requiredFieldInfos {
  margin: 0;
  padding: 0;
  text-align: right;
}

form .exemple {
  color: #999;
  margin: 0 0 0 15px;
} 

form div {
  margin: 2px 0 0 0;
}


span.flasher {
  color: #ae1f54;
}

span.editor {
  color: #fc0;
}

/* Layout
 *****************************/

#page {
  width: 733px;
  padding-left: 225px;
}

  #currentUserInfos {
    position: absolute;
    top: -10px;
    background:#000000 url(../images/backgrounds/media_cart_handle.png) no-repeat scroll 34px 0px;
    width: 148px;
    height: 25px;
    padding-top: 2px;
    padding-left: 43px;
  }
    
    #currentUserInfos a.avatar {
      position: absolute;
      height: 25px;
      width: 33px;
      margin-left: -43px;
      overflow: hidden;
    }
    
    #currentUserInfos a.avatar img {
      width: 33px;
      height: 25px;
    }
    
    #currentUserInfos a.avatar span {
      display: none;
    }

  #flashMessages {
    position: absolute;
    width: 179px;
    margin: 1px 0px;
    padding: 5px;
    z-index: 10;
    top: 18px;
  }
    
  #flashMessages.activated {
    border: 1px solid #555;
  }
  
    #flashMessages p.notice {
      padding: 0;
      margin: 0;
    }
    
    #flashMessages p.error {
      padding: 0;
      margin: 0
    }

  #logo {
    display:none;
    position: absolute;
    width: 111px;
    min-height: 800px;
    margin-left: -357px;
    /*background: #ad1f54 url('../images/backgrounds/homepage.png') repeat-x scroll bottom left;*/
    text-align: center;
  }
    
  #main_menu {
    position: absolute;
    margin-left: -207px;
    width: 191px;
    /*background: #000 url('../images/logos/flash007.png') no-repeat 29px 187px;*/
  }
  
    #main_menu #logoIndex {
      position: absolute;
      margin-left: 26px;
      top: 147px;
    }
  
    #main_menu div.button {
      position: absolute;
    }
    
      #main_menu div.button a {
        display: block;
        height: 44px;
        width: 61px;
      }
      
        #main_menu div.button a span {
          display: none;
        }
    
      #main_menu div.button.login {
        top: 50px;
        margin-left: 130px;
        background: #000 url('../images/backgrounds/menu_button_login-en.gif') no-repeat scroll top left;
      }
      
      #main_menu div.button.logout {
        top: 50px;
        margin-left: 130px;
        background: #000 url('../images/backgrounds/menu_button_logout-en.gif') no-repeat scroll top left;
      }
      
      #main_menu div.button.becomingFlasher {
        top: 103px;
        width: 75px;
        height: 44px;
        margin-left: 20px;
        background: #000 url('../images/backgrounds/menu_button_becoming_flasher-en.gif') no-repeat scroll top left;
      }
      
      #main_menu div.button.becomingEditor {
        top: 153px;
        width: 75px;
        height: 58px;
        margin-left: 53px;
        z-index: 2;
        background: #000 url('../images/backgrounds/menu_button_becoming_editor-en.gif') no-repeat scroll top left;
      }
      
      #main_menu div.button.uploadingMedia {
        top: 97px;
        margin-left: 85px;
        background: #000 url('../images/backgrounds/menu_button_upload-en.gif') no-repeat scroll top left;
      }
      
      #main_menu div.button.missionCall {
        top: 105px;
        margin-left: 40px;
        background: #000 url('../images/backgrounds/menu_button_mission_call-en.gif') no-repeat scroll top left;
      }
      
      #main_menu div.button.search {
        top: 110px;
        margin-left: 150px;
        background: #000 url('../images/backgrounds/menu_button_search-en.gif') no-repeat scroll top left;
      }
    
    #main_menu ul {
      list-style-type: none;
      margin-top: 242px;
      margin-left: 30px;
      padding-left: 0.5em;
    }
    
    #main_menu ul.admin {
      margin-top: 30px;
      border-top: 1px dashed #999;
    }
    
   #main_menu ul.admin li{
      margin-top: 2px;
    }
    
#second_menu ul li{
      border: 1px solid #989898;
      width: 100px;
      margin-top: 10px;
      text-align: right;  
    }
    #main_menu ul li {
      border: 1px solid #989898;
      width: 102px;
      margin: 0;
      text-align: right;
    }
    
    #main_menu ul.admin li {
      width: 118px;
    }
      
      #main_menu ul.admin li a span {
        width: 97px;
      }
          
      #second_menu ul li a,
      #main_menu ul li a {
        display: block;
        height: 16px;
      }

    #second_menu ul li a span{
    
        float: left;
        height: 12px;
        margin-left: 16px;
        width: 79px;
        border-left: 1px solid #989898;
        padding: 2px 4px 2px 0;
        background-color: #000;     
    }
      #main_menu ul li a span {
        float: left;
        height: 12px;
        margin-left: 0px;
        width: 98px;
        padding: 2px 4px 2px 0;
        background-color: #000;
      }
      
      #main_menu ul li a:hover span,
      #main_menu ul li a.active span {
        background-color: #333333;
      }

    #main_menu .medias {
      margin-left: 0px;
    }
    
      #main_menu ul li.medias a,
      #main_menu ul li.medias a:hover,
      #main_menu ul li.medias a.active {
        /*background-color: #ff6600;*/
          background: #000 no-repeat scroll top left;
      }
    
    #main_menu .missions {
      margin-left: 0px;
    }
    
      #main_menu ul li.missions a,
      #main_menu ul li.missions a:hover,
      #main_menu ul li.missions a.active {
        /*background-color: #0099ff;*/
          background: #000 no-repeat scroll top left;
      }
    
    #main_menu .flashers {
      margin-left: 0px;
    }
      
      #main_menu ul li.flashers a,
      #main_menu ul li.flashers a:hover,
      #main_menu ul li.flashers a.active {
        /*background: #000 url('../images/backgrounds/menu_flashers.gif') no-repeat scroll top left;
          */
          background: #000 no-repeat scroll top left;
      }
    
    #main_menu .tools {
      margin-left: 0px;
      margin-top: 0px;
    }
      
      #main_menu ul li.tools a,
      #main_menu ul li.tools a:hover,
      #main_menu ul li.tools a.active {
       /* background-color: #ffcc00;*/
          background: #000 no-repeat scroll top left;
      }  
      
    #main_menu .wall {
      margin-left: 0px;
    }

    
      #main_menu ul li.wall a,
      #main_menu ul li.wall a:hover,
      #main_menu ul li.wall a.active {
        /*background: #000 no-repeat scroll top left;*/
          background: #000 no-repeat scroll top left;
      }
    
    #main_menu .bocal {
      margin-left: 0px;
    }

    
      #main_menu ul li.bocal a,
      #main_menu ul li.bocal a:hover,
      #main_menu ul li.bocal a.active {
        /*background: #000 url('../images/backgrounds/menu_bocal.gif') no-repeat scroll top left;*/
          background: #000 no-repeat scroll top left;
      }
    
    #main_menu .news {
      margin-left: 0px;
      margin-top: 16px;
    }
      
      #main_menu ul li.news a,
      #main_menu ul li.news a:hover,
      #main_menu ul li.news a.active {
        /*background: #000 url('../images/backgrounds/menu_news.gif') no-repeat scroll top left;*/
          background: #000 no-repeat scroll top left;
      }
    
    #main_menu .blogs {
      margin-left:0px;
    }
    
      #main_menu ul li.blogs a,
      #main_menu ul li.blogs a:hover,
      #main_menu ul li.blogs a.active {
        /*background: #000 url('../images/backgrounds/menu_blogs.gif') no-repeat scroll top left;*/
          background: #000 no-repeat scroll top left;
      }
    
    #main_menu .forums {
      margin-left: 0px;
      width: 135px;
    }
      
      #main_menu ul li.forums a,
      #main_menu ul li.forums a:hover,
      #main_menu ul li.forums a.active {
        /*background: #000 url('../images/backgrounds/menu_workshops.gif') no-repeat scroll top left;*/
          background: #000 no-repeat scroll top left;
      }
      
      #main_menu ul li.forums a span {
        width: 114px;
      }
      
    #main_menu .press{
      margin-left: 0px;
    }
    
      #main_menu ul li.press a,
      #main_menu ul li.press a:hover,
      #main_menu ul li.press a.active {
        /*background-color: #9c0;*/
          background: #000 no-repeat scroll top left;
      }
      
    #main_menu .flashisbeautiful {
      margin-left: 0px;
      margin-top: 16px;
    }
      
      #main_menu ul li.flashisbeautiful a,
      #main_menu ul li.flashisbeautiful a:hover,
      #main_menu ul li.flashisbeautiful a.active {
         /* color: #99CC00;*/
        /*background: #000 url('../images/backgrounds/menu_workshops.gif') no-repeat scroll top left;*/
          background: #000 no-repeat scroll top left;
      }
    
    #main_menu .partners {
      margin-left: 0px;
    }
      
      #main_menu ul li.partners a,
      #main_menu ul li.partners a:hover,
      #main_menu ul li.partners a.active {
        /*background: #000 url('../images/backgrounds/menu_partners.gif') no-repeat scroll top left;*/
          background: #000 no-repeat scroll top left;
      }
  
  #second_menu {
    height: 32px;
  }
  
    #second_menu ul {
      position: relative;
      list-style-type: none;
      margin-top: 0;
      margin-left: 0;
      padding-left: 0;
    }
    
      #second_menu ul li {
        position: absolute;
        width: 100px;
      }
    
        #second_menu ul li {
          border: 1px solid #ae1f54;
        }
    
          #second_menu ul li a span {
            border-left: 1px solid #ae1f54;
          }
    
          #second_menu ul li a:hover span,
          #second_menu ul li a.active span {
            background-color: #333333;
          }
    
    #second_menu .about {
      margin-top: 10px;
    }
    
      #second_menu ul .about a:hover,
      #second_menu ul .about a.active {
      }
      
    #second_menu .registration {
      margin-left: 35px;
      margin-top: 22px;
    }

      #second_menu ul li .about a:hover,
      #second_menu ul li .about a.active {
      }

    #second_menu .faq {
      margin-left: 270px;
      margin-top: 8px;
    }

    #second_menu ul li .faq a:hover,
    #second_menu ul li .faq a.active {
    }
    
    #second_menu .sitemap {
      margin-left: 150px;
      margin-top: 2px;
    }

      #second_menu ul li .sitemap a:hover,
      #second_menu ul li .sitemap a.active {
      }

    #second_menu .contact {
      margin-left: 390px;
      margin-top: 13px
    }

      #second_menu ul li .contact a:hover,
      #second_menu ul li .contact a.active {
      }

  #content {

  }

  #lux2007 {
    margin-top: 40px;
    text-align: right;
    color: #555;
  }
  
    #lux2007 p {
      display: none;
      margin: 0;
      padding:0;
    }

    #lux2007 img {
      margin: 0;
    }
  
  #footer {
    /* border-top: 1px dashed #555; */
    padding-top: 0;
    margin-top: 10px;
    text-align: center;
  }
  
    #footer p {
      float: left;
      margin-top: 2px;
    }
      
      #footer p.termsOfService {
        margin-left: 0px;
      }
      
      #footer p.copyright {
        float: right;
      }

#busy {
  background: #000 url('../images/backgrounds/spinner.gif') no-repeat scroll top left;
  position: absolute;
  height: 32px;
  width: 32px;
}

/* Tabs */

.tabnav {
  border-bottom: 2px solid #555;
  margin: 12px 0 0 0;
  padding: 0;
  z-index: 1;
}

.tabnav ul {
  margin: 0px;
  padding: 0px;
  height: 16px;
}

.tabnav li {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  list-style-type: none;
}

.tabnav a {
  display: block;
  height: 15px;
  width: 70px;
  color: #fff;
  background: #000;
  border: 1px solid #555;
  padding: 0;
  margin: 0;
  text-decoration: none; 
}

  .tabnav a span {
    float: left;
    height: 13px;
    width: 49px;
    margin-left: 16px;
    border-left: 1px solid #555;
    padding: 1px 0 1px 4px;
    background-color: #000;
  }

.tabnav a.active {
  color: #fff;
  background: #ae1f54;
  border-bottom: 1px solid #555; 
}

  .tabnav a.active span {
    background-color: #555;
  }

.tabnav a:hover {
  background: #ae1f54;
}

  .tabnav a:hover span {
    background-color: #333;
  }

.tabnav a.active:hover {
  background: #ae1f54;
}

  .tabnav a.active:hover span {
    background-color: #555; 
  }

.tabnav_content {
  background-color: #0c0c0c;
  border: 2px solid #555;
  border-top: none;
  z-index: 2;	
  position: relative;
}

  .tabnav_content .search,
  .tabnav_content .informations {
    float: right;
    width: 173px;
  }
  
    .tabnav_content .search form {
      margin: 0;
      padding: 10px 0 0 0;
    }

      .tabnav_content .search dt,
      .tabnav_content .informations dt {
        background: #0c0c0c url('../images/backgrounds/puce_search.gif') no-repeat scroll 0 1px;
        padding-left: 15px;
        margin: 10px 0 0 5px;
      }
      
      .tabnav_content .informations dt {
        padding-left: 5px;
      }
      
      .tabnav_content .informations dt {
        background-image: none;
      }
      
      .tabnav_content .search dd {
        margin: 2px 0 0 20px;
      }
      
      .tabnav_content .informations dd {
        margin: 2px 0 0 10px;
      }
      
      .tabnav_content .informations dd {
        color: #ccc;
      }
    
      .tabnav_content .search form input,
      .tabnav_content .search form select {
        width: 110px;
        margin-left: 0;
        border: 1px solid #333;
        background-color: #0c0c0c;
      }
      
      .tabnav_content .search form input.submit,
      .tabnav_content .search form input.reset {
        width: 70px;
      }
      
      .tabnav_content .search form input.reset {
        margin-left: 20px;
      }
    
  .tabnav_content .results {
    width: 554px;
    border-right: 2px solid #555;
    padding-bottom: 15px;
  }
  
    .tabnav_content .search h3,
    .tabnav_content .results .sort,
    .tabnav_content .informations h3 {
      height: 15px;
      margin: 0 0 10px 0;
      padding: 3px 0 0 20px;
      background: #242424;
      color: #ccc;
      font-weight: normal;
      font-size: 100%;
    }
    
    .tabnav_content .results .sort h3 {
      float: left;
      margin: 0;
      padding: 0;
      font-size: 100%;
      font-weight: normal;
      color: #fff;
    }
    
    .tabnav_content .results .sort ul {
      float: left;
      list-style-type: none;
      margin: 0 0 0 10px;
      padding: 0;
    }
    
      .tabnav_content .results .sort ul li {
        display: inline;
        padding-left: 8px;
      }
      
        .tabnav_content .results .sort ul li a {
          text-decoration: underline;
          color: #ccc;
        }
    .tabnav_content .results .pagination {
      text-align: center;
    }

/* Pagination */

.pagination {
	padding: 3px;
	margin: 3px 3px 20px 3px;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	text-decoration: none;
	color: #fff;
}
.pagination a:hover, .pagination a:active {
	text-decoration: underline;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: bold;
	color: #ae1f54;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	color: #555;
}

/* Modal Windows - Lightbox */
#modal_overlay {
		background-color:#000;
}

#modal_container {
  background-color:#333;
  color: #555;
  padding: 10px;
}

/* GMap for Address */
form #mapPreview {
  float: right;
}

/* Comments */

.comments .comment {
  margin: 0 5px 5px 0;
  border: 1px solid #333;
}

.comments .comment.active {
  background-color: #555;
}

  /* Title */
  .comments .comment h5 {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 2px 0 4px 2px;
  }
  
    .comments .comment.active h5 {
      border-bottom: 1px dashed #333;
    }
  
  .comments .comment .body p {
    margin: 0;
    padding: 0;
  }
  
    .comments .comment .body .content {
      margin: 5px 2px 2px 5px;
    }
    
.comment_body {
  width: 262px;
  padding-left: 15px;
}

.comment_body textarea {
  margin-top: 0;
  margin-left: 0;
}

.textile-help-detail {
  border: 1px solid #555;
  background-color: #333;
  margin-right: 5px;
  padding: 5px;
}

.textile-help-detail p {
  margin: 0;
  padding: 2px 0;
}

#preview {
}

#previewTextilized {
  height: 7em;
  overflow: auto;
  padding: 0;
  margin: 0;
  background-color: #333;
}

.textile_toolbar {
	position:relative;
	list-style:none;
	border:1px solid #d7d7d7;
	background-color:#F6F6F6;
	margin:0;
	padding:0;
	height:18px;
	margin-bottom:2px;
}

.textile_toolbar li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

.textile_toolbar li a {
	width: 24px;
	height: 16px;
	float: left;
	display: block;
	background-image: url("../images/backgrounds/textile_icons.gif");
	border: 1px solid #fff;
	border-right-color: #d7d7d7;
}

.textile_toolbar li a:hover {
	border-color:#900;
}

.textile_toolbar li span {
	display:none;
}

.textile_toolbar li a#textile_help_button {
	position:absolute;
	top:0;
	right:0;
	border-left-color:#d7d7d7;
	border-right-color:#fff;
}

.textile_toolbar li a#textile_help_button:hover {
	border-left-color:#900;
	border-right-color:#900;
}

#textile_italics_button { background-position: 0 -119px; }
#textile_bold_button { background-position: 0 -102px; }
#textile_link_button { background-position: 0 0; }
#textile_image_button { background-position: 0 -170px; }
#textile_unordered_list_button { background-position: 0 -34px; }
#textile_ordered_list_button { background-position: 0 -51px; }
#textile_quote_button { background-position: 0 -68px; }
#textile_code_button { background-position: 0 -136px; }
#textile_help_button { background-position: 0 -153px; }
#textile_heading_button { background-position: 0 -85px; }

/* Modal */
#modal_container {
  padding: 30px;
  background-color:#000;
  border: 1px solid #555;
  color: #fff;
  overflow:auto;
  text-align:left;
}

#modal_container p.submit {
  padding-left: 20px;
}

#modal_overlay {
	background-color: #fff;
}

#modal_container.avatarUseOverlay,
#modal_container.cartAddOverlay {
  padding: 5px;
}


/* Tag Cloud */
.tags span {
  padding-left: 5px;
}

.hTagcloud { }
.hTagcloud .popularity                { margin:0; padding:0; }
.hTagcloud .popularity li             { display:inline; text-decoration:none; }
.hTagcloud .popularity li a           { text-decoration: underline;}
.hTagcloud .popularity .popular       { font-size:0.6em; }
.hTagcloud .popularity .v-popular     { font-size:0.8em; }
.hTagcloud .popularity .vv-popular    { font-size:1.0em; }
.hTagcloud .popularity .vvv-popular   { font-size:1.2em; }
.hTagcloud .popularity .vvvv-popular  { font-size:1.4em; }

/* Media Cart */

#mediaCart {
  position: fixed;
  top: 0;
  left: 755px;
  width: 200px;
  border-top: none;
  background-color: #000;
  z-index: 10000;
}

  #mediaCart #selectedMedias {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding: 5px 0;
  }
      
    #mediaCart #selectedMedias p {
      text-align: center;
      margin: 0;
    }
    
    #mediaCart #selectedMedias .medias {
      height: 300px;
      overflow: auto;
    }
    
      #mediaCart #selectedMedias .medias .media {
        float: left;
        margin-bottom: 2px;
        padding: 0 2px 2px 5px;
        width: 57px;
        position: relative;
      }
    
      #mediaCart #selectedMedias .medias .media img {
        width: 50px;
        height: 35px;
      }
      
      #mediaCart #selectedMedias .medias .media .actions {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        margin: 0;
      }

        #mediaCart #selectedMedias .medias .media .removeFromCart input[type="submit"] {
          background: transparent url('../images/backgrounds/delete.png') no-repeat scroll top left;
          width: 16px;
          height: 16px;
          border: none;
          padding: 0;
          margin: 0;
          cursor: pointer;
        }
          
    #mediaCart #selectedMedias #createProjectFromCart {
      border-top: 2px solid #555;
      text-align: center;
      padding: 3px 0;
      border-bottom: 1px dashed #333;
    }
    
    #mediaCart #selectedMedias #updateExistingFromCart {
      text-align: center;
      margin-top: 5px;
    }
    
    #mediaCart #selectedMedias #updateExistingFromCart .addmedias {
      margin: 0;
      padding: 0;
    }
      
      #mediaCart #selectedMedias #updateExistingFromCart .addmedias select {
        display: block;
        text-align: center;
        width: 90%;
        margin-left: 5%;
      }
      
      #mediaCart #selectedMedias #updateExistingFromCart .addmedias input {
        border: none;
        margin: 2px 0 0 0;
      }
    
  #mediaCart #mediaCartHandle {
    height: 16px;
    background: #000 url('../images/backgrounds/media_cart_handle.png') no-repeat scroll top left;
    text-align: center;
    padding-top: 2px;
    cursor: pointer;
  }
  
    #mediaCart #mediaCartHandle span {
      color: #ffcc00;
    }
    
  .media .tabContent .project .button-to,
  .avatar .button-to,
  .user .button-to {
    margin: 0;
    padding: 0;
  }

    .media .button-to input.cartAdd,
    .avatar .button-to input.useAdd,
    .user .button-to .add {
      position: absolute;
      cursor: pointer;
      left: -6px;
      top: -6px;
      width: 16px;
      height: 16px;
      background: transparent url('../images/backgrounds/add.png') no-repeat scroll top left;
      border: none;
      margin: 0;
      padding: 0;
    }
    
    .avatar .button-to input.useAdd {
      left: -4px !important;
      top: -4px !important;
    }
    
/* Missions Calendar */
    #content #missionsCalendar {
      margin: 68px 0 0 0;
      padding-bottom: 0px;
      position: relative;
    }

      #content #missionsCalendar h2 {
        float: left;
        height: 20px;
        font-weight: normal;
        color: #fff;
        margin-bottom: 0;
        padding: 2px 5px;
        border: 1px solid #555;
        border-bottom: none;
      }

        #content #missionsCalendar ul.tabs {
          position: absolute;
          top: 10px;
          right: -4px;
          padding: 0px;
          height: 9px;
        }

        #content #missionsCalendar .tabs li {
          float: left;
          margin-right: 10px;
          overflow: hidden;
          list-style-type: none;
        }

        #content #missionsCalendar .tabs a {
          display: block;
          height: 15px;
          width: 90px;
          color: #ccc;
          background: #000;
          border: 1px solid #555;
          padding: 0;
          margin: 0;
          text-decoration: none; 
        }

          #content #missionsCalendar .tabs a span {
            float: left;
            height: 13px;
            width: 69px;
            margin-left: 16px;
            border-left: 1px solid #555;
            padding: 1px 0 1px 4px;
            background-color: #000;
          }

        #content #missionsCalendar .tabs a.active {
          color: #fff;
          background: #fff;
          border-bottom: 1px solid #555;
        }

          #content #missionsCalendar .tabs a.active span {
            background-color: #555;
          }

        #content #missionsCalendar .tabs a:hover {
          background: #fff;
        }

          #content #missionsCalendar .tabs a:hover span {
            background-color: #333;
          }

        #content #missionsCalendar .tabs a.active:hover {
          background: #fff;
        }

          #content #missionsCalendar .tabs a.active:hover span {
            background-color: #555; 
          }


      #content #missionsCalendar table {
        border: none;
        border-collapse: collapse;
        margin-left: 1px;
      }
        
        #content #missionsCalendar table thead tr {
          border: 1px solid #555;
        }
        
        #content #missionsCalendar table thead td.mission_prev_month {
          text-align: center;
        }
        
        #content #missionsCalendar table thead td.mission_next_month {
          text-align: center;
        }

        #content #missionsCalendar table tbody td {
          height: 125px;
          vertical-align: top;
        }

        #content #missionsCalendar table thead th,
        #content #missionsCalendar table tbody td {
          border: 1px solid #555;
          padding-left: 10px;
        }

        #content #missionsCalendar table thead th {
          width: 151px;
          color: #ae1f54;
          text-align: left;
        }

        #content #missionsCalendar table thead th.nav {
          width: 25px;
          height: 20px;
          text-align: center;
          padding-left: 0;
        }

        #content #missionsCalendar table tbody td.nav {
          border: none;
        }

        #content #missionsCalendar .mission {
          position: relative;
          margin: 5px 0;
          padding: 0;
          border: none;
        }

          #content #missionsCalendar .mission p {
            margin: 0;
            padding: 0;
            width: 90px;
          }

          #content #missionsCalendar tbody .mission .status {
            position: absolute;
            top: 2px;
            width: 6px;
            height: 6px;
            border: 1px solid #000;
          }

          #content #missionsCalendar tbody .mission .call {
            left: 80px; 
          }

          #content #missionsCalendar tbody .mission .call.active {
            border: 1px solid #0098fe;
          }

          #content #missionsCalendar tbody .mission .call.active.today {
            top: 1px;
            width: 8px;
            height: 8px;
            border: none;
            background: #000 url('../images/backgrounds/mission_call.gif') no-repeat left center;
          }
          
          #content #missionsCalendar tbody .mission .taken {
            left: 95px; 
          }

          #content #missionsCalendar tbody .mission .taken.active {
            border-color: #ae1f54;
          }

          #content #missionsCalendar tbody .mission .taken.freeSlot {
            top: 1px;
            width: 8px;
            height: 8px;
            border: none;
            background: #000 url('../images/backgrounds/mission_freeslot.gif') no-repeat left center;
          }

          #content #missionsCalendar tbody .mission .running {
            left: 110px; 
          }

          #content #missionsCalendar tbody .mission .running.active {
            border-color: #80ab00;
          }

          #content #missionsCalendar tbody .mission .edition {
            left: 125px; 
          }

          #content #missionsCalendar tbody .mission .edition.active {
            border-color: #f7c500;
          }

          #content #missionsCalendar tbody .mission .published {
            left: 140px; 
            /* width: 150px; */
          }
          
          #content #missionsCalendar tbody .mission .published span {
            /*left: 140px; */
            width: 150px;
          }         

          #content #missionsCalendar tbody .mission .published.active {
            border-color: #ff6600;
          }

        #content #missionsCalendar table tfoot td {
          padding-top: 10px;
          padding-left: 0px;
        } 

        #content #missionsCalendar table tfoot .status {
          float: left;
        }

        #content #missionsCalendar table tfoot p.status {
          margin: 0;
          padding: 0;
        }

        #content #missionsCalendar table tfoot div.status {
          margin: 2px 5px 0 15px;
        }

          #content #missionsCalendar table tfoot .status.call a {
            color: #0098fe;
          }

          #content #missionsCalendar table tfoot div.status.call {
            height: 6px;
            width: 6px;
            border: 1px solid #0098fe;
          }

          #content #missionsCalendar table tfoot .callToday {
            float: left;
            padding-left: 110px;
            height: 20px;
          }

          #content #missionsCalendar table tfoot div.status.call.active.today {
            top: 1px;
            width: 8px;
            height: 8px;
            border: none;
            background: #000 url('../images/backgrounds/mission_call.gif') no-repeat left center;
            margin-left: 5px;
            margin-right: 40px;
          }

          #content #missionsCalendar table tfoot .freeSlot {
            float: left;
            padding-left: 0;
            height: 20px;	
          }

          #content #missionsCalendar table tfoot .freeSlot div.status {
            top: 1px;
            width: 8px;
            height: 8px;
            border: none;
            background: #000 url('../images/backgrounds/mission_freeslot.gif') no-repeat left center;
            margin-left: 5px;
            margin-right: 40px;
          }

          #content #missionsCalendar table tfoot .freeSlot .status a {
            color: #ae1f54;
          }

          #content #missionsCalendar table tfoot .status.running a {
            color: #80ab00;
          }

          #content #missionsCalendar table tfoot div.status.running {
            height: 6px;
            width: 6px;
            border: 1px solid #80ab00;
          }

          #content #missionsCalendar table tfoot .status.edition a {
            color: #f7c500;
          }

          #content #missionsCalendar table tfoot div.status.edition {
            height: 6px;
            width: 6px;
            border: 1px solid #f7c500;
          }

          #content #missionsCalendar table tfoot .status.published a {
            color: #ff6600;
          }

          #content #missionsCalendar table tfoot div.status.published {
            height: 6px;
            width: 6px;
            border: 1px solid #ff6600;
          }

          #content #missionsCalendar table tfoot .status.taken a {
            color: #ae1f54;
          }

          #content #missionsCalendar table tfoot div.status.taken {
            height: 6px;
            width: 6px;
            border: 1px solid #ae1f54;
          }
          

/* Prototip style for banner explanations */

.darktip { width: 200px; background-color: #000;}
.darktip .title, .darktip .content { border: 1px solid #555; padding: 5px; }
.darktip .title { border-bottom: none; }
.darktip .content {  }
.darktip .content ul {
  list-style-type: none;
  padding:0;
  margin:0;
}

/* Layout for steps */
.step li {
  padding-bottom: 5px;
}

.step h3 {
  margin: 0;
  padding: 0;
}

.step p.summary {
  display:none;
}

#stepOne p {
  margin: 0;
}

/* Slideshow links */
#slideshowStart {
  text-align: center;
  padding: 10px 0;
}
  
  #slideshowStart a {
    background: transparent url('../images/logos/pictures.png') no-repeat scroll top left;
    padding: 2px 0 2px 20px;
    line-height: 16px;
  }