/* Gabarit POPIN */
#mask{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	background-color: Black;
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
}
#popin{
	position: absolute;
	z-index: 1000;
	top: 150px;
	left: 50%;
	margin-left: -200px;
   border: 2px solid #f5c41a;
   background-color: #c6d70a;
   width: 400px;
   height: 400px;
}
#message {
	display:none;
	padding: 0 0 10px 0;
}
#popin h2{
   padding-bottom: 5px;
}
.popinContent{
   text-align: left;
   padding: 10px;
}
a.closePopin{
	background: url(../img/pict_close.gif) right no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	color: White;
	padding: 2px 20px 2px 5px;
}
a.closePopin:hover{
	background-image: url(../img/pict_close_hover.gif);
	text-decoration: none;
}
/*
iframe {
    background: transparent !important;	
    background-color: transparent;
    overflow: hidden !important;
}

iframe#undefined_content {
    background: transparent !important; 
    background-color: transparent;   
    overflow: hidden !important;
}
*/
body.white-body {
    background: transparent url(/js/window/themes/amex/frame-middle.png) repeat-x !important; !important;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

.auth-form-content {
	text-align: center;
    color: white;
    width: 370px;
    height: 260px;
    margin-top: 10px;
}

.auth-form-content input#cardNumber {
    border: none;
    width: 145px;
}

.auth-form-content p.input-card-number {
	height: 40px;
	line-height: 40px;
    background: url('/js/window/themes/amex/input_bg.png') no-repeat center center;
}

.auth-form-content div.separator {
	height: 15px;
	line-height: 15px;
	font-size: 0px;
    background: url('/js/window/themes/amex/pointilles.png') repeat-x center center;
}

/* MaGreen  */

img, div, a {
}

.magreen_popup {
    width: 407px;
    margin: 0;
    padding: 0;
    z-index: 9000;
}
    .magreen_popup .top {
        width: 407px;
        height: 46px;
        background: url(/images/popup/top_authentification.png) no-repeat top left;
        behavior: url('/scripts/iepngfix.htc');
		  text-align: right;
    }
	 #close-btn {
        color: #777777;
        font:normal bold 16px/18px Arial, Helvetica, sans-serif;
 		  margin: 0 25px auto 367px;
		  padding-top: 15px;
		  display: block;
		  height: 18px;
		  width: 15px;
        text-decoration: none !important;
	}
    .magreen_popup .middle {
        width: 407px;
        background: url(/images/popup/green/middle_bg.png) repeat-y;
        text-align: center;
        behavior: url('/scripts/iepngfix.htc');
    }
        .magreen_popup .middle p {
            margin: 0;
            padding: 10px 40px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #7c7c7c;
            text-align: center;
            line-height: 13px;
        }
        .magreen_popup .middle p.profitez {
            padding: 0;
            margin: 0 32px;
            text-align: left;
        }
        .magreen_popup .middle input {
            border: solid 1px #946b25;
            width: 147px;
            padding: 3px 0 0 0;
            _padding: 2px 0 2px 0;
            height: 19px;
            line-height: 19px;
        }
        .magreen_popup .middle a img {
            border: none;
            margin: 20px 0 32px 0;
        }
        .magreen_popup .middle p.profitez a img {
            margin: 3px 0 15px 0;
        }
        .magreen_popup .middle h2 {
            margin: 0 32px;
            padding: 20px 0 4px 0;
            background: url(/images/popup/green/border.jpg) repeat-x top;
            text-align: left;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 14px;
            color: #b5903f;
            text-transform: uppercase; 
        }
    .magreen_popup .bottom {
        width: 407px;
        height: 28px;
        background: url(/images/popup/green/bottom_bg.png) no-repeat top left;
        behavior: url('/scripts/iepngfix.htc');
    }
#magreenTrigger {
    cursor: pointer;	
}    
    
div.whiteOverlay { 
    background: #FFFFFF; 
    position: absolute;
    z-index: 1000 !important;
    display: none;
}
div#overlayInnerCont {
	background: transparent;
	left: 50%;
	margin-left: -200px;
	margin-top: 17%;
	width: 400px; 
	position: absolute; 
	top: 0pt; 
	text-align:	center; 
	z-index: 999998; 
	display: none;
}
div#overlay {
	height: 100%; 
	width: 100%; 
	position: absolute; 
	left: 0pt; 
	top: 0pt; 
	z-index: 999998; 
	filter: alpha(opacity = 30);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity: 0.3; 
	opacity: 0.3; 
	display: none;
}
div.jqDrag {cursor: move;}

/* jqmModal dialog CSS courtesy of;
  Brice Burgess <bhb@iceburg.net> */

div.jqmDialog {
  position: absolute;
  top: 17%;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  overflow: hidden;
  font-family:Verdana,Tahoma,Helvetica,sans-serif;
  z-index: 999999;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog {
 /*    position: fixed;
     z-index: 999999;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
*/
/* [[[ Title / Top Classes ]]] */
div.jqmdTC { 
  background: #d5ff84 url(dialog/sprite.gif) repeat-x 0px -82px; 
  color: #528c00;
  padding: 7px 22px 5px 5px;
  font-family:"sans serif",verdana,tahoma,helvetica;
  font-weight: bold;
  * zoom: 1;
}
div.jqmdTL { background:  url(dialog/sprite.gif) no-repeat 0px -41px; padding-left: 3px;}
div.jqmdTR { background: url(dialog/sprite.gif) no-repeat right 0px; padding-right: 3px; * zoom: 1;}


/* [[[ Body / Message Classes ]]] */
div.jqmdBC {
  background: url(dialog/bc.gif) repeat-x center bottom;
  padding: 7px 7px 7px;
  height: 180px;
  overflow: auto;
}
div.jqmdBL { background: url: ('/js/window/themes/amex/frame-middle.png') rpeat-x; }
div.jqmdBR { background: url(dialog/br.gif) no-repeat right bottom; padding-right: 7px; * zoom: 1 }

div.jqmdMSG { color: #317895; }


/* [[[ Button classes ]]] */
input.jqmdX {
  position: absolute;
  right: 7px;
  top: 4px;
  padding: 0 0 0 19px;
  height: 19px;
  width: 0px;
  background: url(dialog/close.gif) no-repeat top left;
  overflow: hidden;
}
input.jqmdXFocus {background-position: bottom left; outline: none;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
  margin: 8px 10px 4px 10px;
  color: #777;
  background-color: #fff;
  cursor: pointer;
}

div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }


/*PROTOTYPE */

#overlayAuthCont {
    background: transparent;
    left: 50%;
    margin-left: -200px;
    margin-top: 17%;
    width: 400px; 
    position: absolute; 
    top: 0pt; 
    text-align: center; 
    z-index: 999998; 
}

#prototypeOverlayInnerCont {
    background: transparent;
    left: 50%;
    margin-left: -200px;
    margin-top: 17%;
    width: 400px; 
    position: absolute; 
    top: 0pt; 
    text-align: center; 
    z-index: 999998; 
}