/*******************/
/*     MESSAGES    */
/*******************/

.message-wrapper {
*  position: relative;
  padding: 10px 20px 5px 45px;
  margin: 10px 0 10px 0;
}

.message-wrapper p {
  padding: 0;
  margin: 0;
}

.ok {
  background: #bdf6b7 url('../img/message/icon-ok.gif') no-repeat 15px 10px;
  border: 1px solid #21930e;
*  position: relative;
  padding: 10px 20px 5px 45px;
  margin: 10px 0 10px 0;
}

.attention {
  background: #a8c4ee url('../img/message/icon-attention.gif') no-repeat 15px 10px;
  border: 1px solid #006da6;
}

.warning {
  background: #f3f4a0 url('../img/message/icon-warning.gif') no-repeat 15px 10px;
  border: 1px solid #e1e324;
}

.info-paypal {
  background: #f3f4a0 url('../img/message/icon-info.png') no-repeat 15px 30px;
  border: 1px solid #e1e324;
}
.info-allopass {
  background: #f3f4a0 url('../img/message/icon-info.png') no-repeat 15px 10px;
  border: 1px solid #e1e324;
}

.error {
  background: #f6b7ba url('../img/message/icon-error.gif') no-repeat 15px 10px;
  border: 1px solid #cb1a1a;
}

/*********************************/
/*     PAYPAL MESSAGEBOX TEST    */
/*********************************/

div.messageBox {width:auto; min-height:44px; margin:1em 0; border:1px solid #ffcf0f; padding:0 12px; background-color:#ffffde; background-position:20px 10px; background-repeat:no-repeat;}
div.messageBox p {margin:10px 0;}
div.messageBox.notification {border-color:#81a4c6; padding-left: 55px; background-color:#f0f6fd; background-image:url(https://www.paypalobjects.com/WEBSCR-610-20100216-1/en_US/i/icon/icon_info_24wx24h.gif);}
div.messageBox.confirmation {border-color:#c4de95; padding-left: 55px; background-color:#f8feee; background-image:url(https://www.paypalobjects.com/WEBSCR-610-20100216-1/en_US/i/icon/icon_success_24wx24h.gif);}
div.messageBox.error, div.messageBox.alert {padding-left: 55px; background-image:url(https://www.paypalobjects.com/WEBSCR-610-20100216-1/en_US/i/icon/icon_alert_24wx24h.gif);}
div.messageBox ul {position:absolute; top:0; left:-500em; width:1px; height:1px; overflow:hidden; text-indent:-9999em; line-height:0;}
.legacyErrors div.messageBox ul {position:relative; height:auto; width:auto; left:0; top:0; text-indent:0; overflow:visible; line-height:1em;}

div.inlineMessage {width:auto; margin:10px 0; padding:0 2px 0 26px; background-position:5px 3px; background-repeat:no-repeat;background-color:#fff;}
div.inlineMessage.info {background-image:url(https://www.paypalobjects.com/WEBSCR-610-20100216-1/en_US/i/icon/icon_sysinfo_16x16.gif);}
div.inlineMessage.warn {background-image:url(https://www.paypalobjects.com/WEBSCR-610-20100216-1/en_US/i/icon/icon_sysalert_16x16.gif);color:#c60000;}

/*********************************/
/*          DHTML Bulle        */
/*********************************/

#dhtmltooltip{
  display: block;
  position: absolute;
  top: 10px;
  left: -20px;
  font-family:Arial;
  font-size:10px;
  font-weight:normal;
  text-align:center;
  min-width:110px;
  background:#3a3a3a;
  padding: 3px;
  color:white;
  font-weight:bold;
  border: 1px solid #292929;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
  visibility: hidden;
  z-index:50;
}


/*********************************/
/*           Progressbar         */
/*********************************/


img.percentImage1 {
 background: white url(../img/progressbar/percentImage_back1.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage2 {
 background: white url(../img/progressbar/percentImage_back2.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage3 {
 background: white url(../img/progressbar/percentImage_back3.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage4 {
 background: white url(../img/progressbar/percentImage_back4.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

/*---MyBloggerLab.com Like To Enter Advance Traffic POP ---*/
.blackout {
	display: none;
	position:fixed;
	_position:absolute;
	width: 100%;
	z-index:10000;
	background-color:#000;
	margin: 0px;
	padding: 0px;
	left:0;
	top:0;
}

.socialmodalOuter {
	display: none;
	font-family: arial;
	color: #575E6D;
    font-size: 14px;
	line-height: 20px;
	background: rgb(73, 73, 73); /* The Fallback */
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    left: 50%;
    padding: 7px;
    position: fixed;
	_position:absolute;
    top: 50%;
    z-index: 10001;
}

.socialmodal {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    width: 460px;
}

.socialmodal .title {
    border-bottom: 1px solid #E5E8EF;
    font-weight: bold;
    font-size: 19px;
    font-weight: bold;
	padding:16px 15px 10px 15px;
	text-align:center;
}

.socialmodal .subtitle {
	margin: 0px;
	background:#2e6886;
	color:#ffffff;
	padding:4px;
	text-align:center;
	font-weight: bold;
	font-size: 15px;
}

.socialmodal .warning {
	margin: 0px;
	background:#cb2026;
	color:#ffffff;
	padding:4px;
	text-align:center;
}

.socialmodal .content {
	padding: 0px 15px;
    margin-top: 10px;
	line-height: 17px;
}

.socialmodal .share {
	padding: 0px 15px;
	margin:20px 0px 15px 0px;
	text-align:center;
	height: 24px;
}

.socialmodal .close {
	background: url("../img/site/close.png") no-repeat;
    cursor: pointer;
    height: 12px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 12px;
	display: none;
}

.socialmodal .button {
    float: left;
    width: 115px;
	line-height: 24px;
	height: 24px;
}

.socialmodal .like {
	margin-left: 15px;
}

.socialmodal .twttr {
	margin-left: 30px;
}

.socialmodal .plus {
	width: 90px;
	margin-left: 50px;
}
/*
// cusomize position of elements
*/
.socialmodal .footer {
	clear: both;
    background: none repeat scroll 0 0 #E8EAEF;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #DDE0E8;
    padding: 10px 0;
    color: #878D9C;
    text-shadow: 0 1px 0 #FFFFFF;
	text-align:center;
	font-size:13px;
}

#progress{
   width: 300px;
   margin: auto;
}
progress{
   display: inline-block;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
   width: 300px;
   height: 20px;
   padding: 3px 3px 2px 3px;
   background: #333;
   background: -webkit-linear-gradient(#2d2d2d,#444);
   background:    -moz-linear-gradient(#2d2d2d,#444);
   background:      -o-linear-gradient(#2d2d2d,#444);
   background:         linear-gradient(#2d2d2d,#444);
   border: 1px solid rgba(0,0,0,.5);
   border-radius: 15px;
   box-shadow: 0 1px 0 rgba(255,255,255,.2);  
}

/* Style de la barre pour Firefox*/
progress::-moz-progress-bar{
   border-radius:10px;
   background: #09c;
   background:
     -moz-repeating-linear-gradient(
       45deg,
       rgba(255,255,255,.2) 0,
       rgba(255,255,255,.2) 10px,
       rgba(255,255,255,0) 10px,
       rgba(255,255,255,0) 20px
     ),
     -moz-linear-gradient(
       rgba(255,255,255,.1) 50%,
       rgba(255,255,255,0) 60%
     ),
     #09c;
   background:
     repeating-linear-gradient(
       45deg,
       rgba(255,255,255,.2) 0,
       rgba(255,255,255,.2) 10px,
       rgba(255,255,255,0) 10px,
       rgba(255,255,255,0) 20px
     ),
     linear-gradient(
       rgba(255,255,255,.1) 50%,
       rgba(255,255,255,0) 60%
     ),
     #09c;
   background-size: 300px 20px, auto, auto;
   background-position: -300px 0, top, top;
   background-position: top right, top, top;
   box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
               0 -1px 0 rgba(0,0,0,.8) inset,
               0 0 2px black;
 
}

/* Style de la barre pour Chrome*/
progress::-webkit-progress-value{
 
   /* Code identique mais avec les bons préfixes! */

}

progress span{
-webkit-transition: width 1.6s linear;
   -moz-transition: width 1.6s linear;
     -o-transition: width 1.6s linear;
        transition: width 1.6s linear;
}

progress[value='100'] span{
   width: 100%;
}
progress[value^='9']:not([value^='9.']):not([value='9']) span{
   width: 95%;
}
progress[value^='8']:not([value^='8.']):not([value='8']) span{
   width: 85%;
}
progress[value^='7']:not([value^='7.']):not([value='7']) span{
   width: 75%;
}
progress[value^='6']:not([value^='6.']):not([value='6']) span{
   width: 65%;
}
progress[value^='5']:not([value^='5.']):not([value='5']) span{
   width: 55%;
}
progress[value^='4']:not([value^='4.']):not([value='4']) span{
   width: 45%;
}
progress[value^='3']:not([value^='3.']):not([value='3']) span{
   width: 35%;
}
progress[value^='2']:not([value^='2.']):not([value='2']) span{
   width: 25%;
}
progress[value^='1']:not([value^='1.']):not([value='1']):not([value='100']) span{
   width: 15%;
}