/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(http://www.mon-electrostimulateur.com/js/calendar/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #f4f0e8;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #c4c0b8;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4f0e8;
}

.calendar tbody .rowhilite td {
  background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
  background: #d4d0c8;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4e0d8;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c4c0b8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #fea;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.mon-electrostimulateur.com/js/amasty/amconf/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.mon-electrostimulateur.com/js/amasty/amconf/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 12px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 12px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.wrap{
    display: block;
}

.zoomIn{
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    /*background-color: green;*/
    
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: 0.4; 
    filter: alpha(opacity=40);

}

#divName{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    opacity: 0.6; 
    filter: alpha(opacity=60);
}

a:hover .zoomIn{
    cursor: move;
}

#newdiv{
    /* shadow */
    -moz-box-shadow: 5px 6px 10px rgba(0,0,0,0.25); /* Firefox */
    -webkit-box-shadow: 5px 6px 10px rgba(0,0,0,0.25); /* Safari and Chrome */
    box-shadow: 5px 6px 10px rgba(0,0,0,0.25); /* parameters for shadow */
}
#bubble_tooltip{
    width:147px;
    position:absolute;
    display:none;
}
#bubble_tooltip .bubble_top{
    background-image: url('http://www.mon-electrostimulateur.com/js/amasty/amconf/images/bubble_top.gif');
    background-repeat:no-repeat;
    height:16px;    
}
#bubble_tooltip .bubble_middle{
    background-image: url('http://www.mon-electrostimulateur.com/js/amasty/amconf/images/bubble_middle.gif');
    background-repeat:repeat-y;    
    background-position:bottom left;
    padding-left:7px;
    padding-right:7px;
    text-align: center;
}
#bubble_tooltip .bubble_middle span{
    text-align: center;
    position:relative;
    top:-8px;
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    font-size:16px;
}
#bubble_tooltip .bubble_bottom{
    background-image: url('http://www.mon-electrostimulateur.com/js/amasty/amconf/images/bubble_bottom.gif');
    background-repeat:no-repeat;
    background-repeat:no-repeat;    
    height:44px;
    position:relative;
    top:-6px;
}

.bubble_tooltip {
    color: #000000;
    font: 11px Arial,Helvetica,sans-serif;
}
.bubble_tooltip .default {
    color: #808080;
    width: 250px;
}
.bubble_tooltip .default .toolbar {
    background: none repeat scroll 0 0 #F1F1F1;
    font-weight: bold;
}
.bubble_tooltip .default .title {
    padding: 5px;
}
.bubble_tooltip .default .content {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
}
.bubble_tooltip .basic {
    color: #808080;
    width: 250px;
}
.bubble_tooltip .basic .toolbar {
    background: none repeat scroll 0 0 #F1F1F1;
    font-weight: bold;
}
.bubble_tooltip .basic .title {
    padding: 5px;
}
.bubble_tooltip .basic .content {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
}
.bubble_tooltip .hint {
    background: none repeat scroll 0 0 #FFF6AA;
    color: #313120;
    width: 250px;
}
.bubble_tooltip .hint .toolbar {
    background: none repeat scroll 0 0 #FDF1A0;
    font-weight: bold;
}
.bubble_tooltip .hint .title, .bubble_tooltip .hint .content {
    padding: 5px;
}
.bubble_tooltip .protoblue {
    color: #FFFFFF;
    width: 250px;
}
.bubble_tooltip .protoblue .toolbar {
    background: none repeat scroll 0 0 #0D7CD0;
    font-weight: bold;
}
.bubble_tooltip .protoblue .title {
    padding: 5px;
}
.bubble_tooltip .protoblue .content {
    background: none repeat scroll 0 0 #1E90FF;
    padding: 5px;
}
.bubble_tooltip .creamy {
    color: #BB9C61;
    width: 250px;
}
.bubble_tooltip .creamy .toolbar {
    background: none repeat scroll 0 0 #F3EDC2;
    font-weight: bold;
}
.bubble_tooltip .creamy .title {
    padding: 5px;
}
.bubble_tooltip .creamy .content {
    background: none repeat scroll 0 0 #F8F4CA;
    padding: 5px;
}
.bubble_tooltip .darkgrey {
    color: #FFFFFF;
    width: 250px;
}
.bubble_tooltip .darkgrey .toolbar {
    background: none repeat scroll 0 0 #5F5F5F;
    font-weight: bold;
}
.bubble_tooltip .darkgrey .title {
    padding: 5px;
}
.bubble_tooltip .darkgrey .content {
    background: none repeat scroll 0 0 #808080;
    padding: 5px;
}
.bubble_tooltip .protogrey {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #FFFFFF;
    width: 250px;
}
.bubble_tooltip .protogrey .toolbar {
    background: none repeat scroll 0 0 #969C92;
    font-weight: bold;
}
.bubble_tooltip .protogrey .title {
    padding: 5px;
}
.bubble_tooltip .protogrey .content {
    color: #808080;
    padding: 5px;
}
.bubble_tooltip .protogrey .toolbar .close {
    height: 14px;
    width: 14px;
}
.bubble_tooltipLoader {
    border: 1px solid #DDDDDD;
    height: 14px;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    top: -1000px;
    width: 14px;
}
.bubble_tooltip {
    overflow: hidden;
    position: absolute;
}
.bubble_tooltip .tooltip, .bubble_tooltip .toolbar, .bubble_tooltip .toolbar .title {
    position: relative;
}
.bubble_tooltip .content {
    clear: both;
}

.bubble_tooltip .tooltip {
    clear: both;
    float: left;
}

.bubble_tooltip .borderFrame {
    float: left;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.bubble_tooltip .borderTop, .bubble_tooltip .borderBottom {
    overflow: hidden;
}
.bubble_tooltip .borderRow {
    clear: both;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.bubble_tooltip_CornerWrapper {
    clear: both;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.bubble_tooltip_Corner {
    float: right;
    position: relative;
}

.bubble_tooltip_BetweenCorners {
    clear: both;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.bubble_tooltip .borderMiddle {
    float: left;
    position: relative;
}
.bubble_tooltip .borderCenter {
    float: left;
    height: 100%;
    position: relative;
}

.bubble_tooltip_Stem {
    left:0px;
    position: absolute;
    //position: relative;
    width: 100%;
}
    

.bubble_tooltip .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.bubble_tooltip .clearfix {
    display: inline-block;
    display: block;
}
#bottom-right {
    background: url(http://www.mon-electrostimulateur.com/js/amasty/amconf/images/bottom-right.png) no-repeat scroll left top transparent;   
}
#top-right {
    background: url(http://www.mon-electrostimulateur.com/js/amasty/amconf/images/top-right.png) no-repeat scroll left top transparent;   
}
#top-left {
    background: url(http://www.mon-electrostimulateur.com/js/amasty/amconf/images/top-left.png) no-repeat scroll left top transparent;   
}
#bottom-left {
    background: url(http://www.mon-electrostimulateur.com/js/amasty/amconf/images/bottom-left.png) no-repeat scroll left top transparent;   
}