/*
 * Copyright (C) 2013 salesforce.com, inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.THIS.hidden{
    display:none;
}
.THIS.mask{
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#222;
    background:rgba(0,0,0,0.9);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    opacity:0;
    z-index:99999;
}
.THIS.mask.default{
}
.THIS.fadeIn{
    opacity:1;
}
.THIS.dialog{
    position:absolute;
    z-index:99999;
}
.THIS.mask,
.THIS.modal{
    position:fixed;
}
.THIS.dialog.default{
    background:#666;
    background:-webkit-gradient(linear,0% 0%,0% 100%,from(#888),to(#2A2A2A));
    background:-webkit-linear-gradient(#888,#444 1.4em,#444 75%,#111);
    background:-moz-linear-gradient(#888,#444 1.4em,#444 75%,#111);
    background:linear-gradient(#888,#444 1.4em,#444 75%,#111);
    border:1px solid #222;
    border-radius:4px;
    box-shadow:0 0 25px rgba(0,0,0,.8);
}
.THIS.dialog.small{
    width:310px;
}
.THIS.dialog.medium{
    width:620px;
}
.THIS.dialog.large{
    width:940px;
}
.THIS.dialog.auto{
    width:auto;
}
.THIS.modal{
    top:-1px;
    left:50%;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    -webkit-transform:translate3d(0,2600px,0);
    -moz-transform:translate3d(0,2600px,0);
    transform:translate3d(0,2600px,0);
}
.THIS.modal.default{
	border-radius:0 0 4px 4px;
    box-shadow:0 0 25px rgba(255,255,255,.8);
}
.THIS.modal.small{
    margin-left:-155px;
}
.THIS.modal.medium{
    margin-left:-310px;
}
.THIS.modal.large{
    margin-left:-470px;
}
.THIS.modal.auto{
    left:0;
}
.THIS.modal.slideUp{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.THIS.default .title,
.THIS.default .content,
.THIS.default .buttons{
    margin:10px;
}
.THIS.default .title{
    color:#FFF;
    font-weight:bold;
    font-size:1.1em;
    text-shadow:0 -1px #000;
}
.THIS.default .content{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:10px;
    border-radius:2px;
    background-color:#FFF;
    box-shadow:inset 0 0 6px #000;
    border:2px solid #FFF;
}
.THIS .buttons{
    text-align:center;
}
.THIS .close{
    position:absolute;
    top:3px;
    right:8px;
}
