/* -------------------------------------------------------- */

.modal
{
	padding: 30px 20px 15px 45px;
	margin: 0px 0px 150px 0px;
	width:260px;
	height: 170px;
    background-repeat:no-repeat;
    text-align:center;
    vertical-align:middle;
    color:#ffffff;
}

.modal input,
.modal textarea
{

	background-image: none;
	background-color: #333333;
	color:#ffffff;
    -moz-box-shadow: 0px 10px 30px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 10px 30px rgba(0,0,0,.4);
    box-shadow: 0px 10px 30px rgba(0,0,0,.4);
}

.modal input:focus,
.modal textarea:focus
{
	background-color: #eeeeee;
	color:#000000;
    border: 1px solid #ffffff;
    -moz-box-shadow: 0px 0px 10px rgba(121,140,256,1);
    -webkit-box-shadow: 0px 0px 10px rgba(121,140,256,1);
    box-shadow: 0px 0px 10px rgba(121,140,256,1);

}

.modal input[type=image]
{
    vertical-align: middle;
    background: none;
    padding:0px;
    border: 0px none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal label
{
    color:#ffffff;
}

.modalBackground 
{
	background-image: url(../image/ajax/bg-modal.png);
}

.modalBox
{
    color:#ffffff; 
    min-height: 100px;
    
    width: 400px;
    position: relative;
    left: 50%;
    
    margin: 0px 0px 30px -200px;
    padding:20px; 
    
    border: 2px solid #ffffff;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
    box-shadow: 0px 0px 12px rgba(0,0,0,.9); 
    -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.9);
    -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.9);
    
    background: rgb(20,20,20);
    background: -moz-linear-gradient(top,  rgba(20,20,20,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,20,20,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#000000',GradientType=0 );
    
}

.modalBoxCenter
{
    text-align:center;
    
    color:#ffffff; 
    min-height: 100px;
    
    width: 400px;
    position: relative;
    left: 50%;
    
    margin: 0px 0px 30px -200px;
    padding:30px 20px 20px 20px; 
    
    border: 2px solid #ffffff;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
    box-shadow: 0px 0px 12px rgba(0,0,0,.9); 
    -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.9);
    -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.9);
 
    background: rgb(20,20,20);
    background: -moz-linear-gradient(top,  rgba(20,20,20,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,20,20,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#000000',GradientType=0 );
}

.modalBox label,
.modalBoxCenter label
{
    color:#ffffff; 
}

/* -------------------------------------------------------- */