.reveal-modal-bg {

position: fixed;

height: 100%;

width: 100%;

background: #000;

background: rgba(0,0,0,.8);

z-index: 100;

display: none;

top: 0;

left: 0;

}

.reveal-modal {

visibility: hidden;

top: 100px;

left: 50%;

margin-left: -300px;

width: 520px;

background: #eee url(modal-gloss.png) no-repeat -200px -80px;

position: absolute;

z-index: 101;

padding: 30px 40px 34px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);

-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);

-box-shadow: 0 0 10px rgba(0,0,0,.4);

}

.reveal-modal.small { width: 200px; margin-left: -140px;}

.reveal-modal.medium { width: 400px; margin-left: -240px;}

.reveal-modal.large { width: 600px; margin-left: -340px;}

.reveal-modal.xlarge { width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {

font-size: 22px;

line-height: .5;

position: absolute;

top: 8px;

right: 11px;

color: #aaa;

text-shadow: 0 -1px 1px rbga(0,0,0,.6);

font-weight: bold;

cursor: pointer;

}

.reveal-modal-bg-1 {

position: fixed;

height: 100%;

width: 100%;

background: #000;

background: rgba(0,0,0,.8);

z-index: 100;

display: none;

top: 0;

left: 0;

}

.reveal-modal-1 {

visibility: hidden;

top: 100px;

left: 50%;

margin-left: -300px;

width: 520px;

background: #eee url(modal-gloss.png) no-repeat -200px -80px;

position: absolute;

z-index: 101;

padding: 30px 40px 34px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);

-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);

-box-shadow: 0 0 10px rgba(0,0,0,.4);

}

.reveal-modal-1.small { width: 200px; margin-left: -140px;}

.reveal-modal-1.medium { width: 400px; margin-left: -240px;}

.reveal-modal-1.large { width: 600px; margin-left: -340px;}

.reveal-modal-1.xlarge { width: 800px; margin-left: -440px;}

.reveal-modal-1 .close-reveal-modal {

font-size: 22px;

line-height: .5;

position: absolute;

top: 8px;

right: 11px;

color: #aaa;

text-shadow: 0 -1px 1px rbga(0,0,0,.6);

font-weight: bold;

cursor: pointer;

}

.reveal-modal-bg-2 {

position: fixed;

height: 100%;

width: 100%;

background: #000;

background: rgba(0,0,0,.8);

z-index: 100;

display: none;

top: 0;

left: 0;

}

.reveal-modal-2 {

visibility: hidden;

top: 100px;

left: 50%;

margin-left: -300px;

width: 520px;

background: #eee url(modal-gloss.png) no-repeat -200px -80px;

position: absolute;

z-index: 101;

padding: 30px 40px 34px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);

-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);

-box-shadow: 0 0 10px rgba(0,0,0,.4);

}

.reveal-modal-2.small { width: 200px; margin-left: -140px;}

.reveal-modal-2.medium { width: 400px; margin-left: -240px;}

.reveal-modal-2.large { width: 600px; margin-left: -340px;}

.reveal-modal-2.xlarge { width: 800px; margin-left: -440px;}

.reveal-modal-2 .close-reveal-modal {

font-size: 22px;

line-height: .5;

position: absolute;

top: 8px;

right: 11px;

color: #aaa;

text-shadow: 0 -1px 1px rbga(0,0,0,.6);

font-weight: bold;

cursor: pointer;

}

.reveal-modal-bg-3 {

position: fixed;

height: 100%;

width: 100%;

background: #000;

background: rgba(0,0,0,.8);

z-index: 100;

display: none;

top: 0;

left: 0;

}

.reveal-modal-3 {

visibility: hidden;

top: 100px;

left: 50%;

margin-left: -300px;

width: 520px;

background: #eee url(modal-gloss.png) no-repeat -200px -80px;

position: absolute;

z-index: 101;

padding: 30px 40px 34px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);

-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);

-box-shadow: 0 0 10px rgba(0,0,0,.4);

}

.reveal-modal-3.small { width: 200px; margin-left: -140px;}

.reveal-modal-3.medium { width: 400px; margin-left: -240px;}

.reveal-modal-3.large { width: 600px; margin-left: -340px;}

.reveal-modal-3.xlarge { width: 800px; margin-left: -440px;}

.reveal-modal-3 .close-reveal-modal {

font-size: 22px;

line-height: .5;

position: absolute;

top: 8px;

right: 11px;

color: #aaa;

text-shadow: 0 -1px 1px rbga(0,0,0,.6);

font-weight: bold;

cursor: pointer;

}