/*-------------------------
	ZZZY POBrowser ModalDialog
--------------------------*/
/* Hide the arrows dispayed in number inputs in webkit */

.pobmodal-overlay{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.5);
    z-index:999;
}

#pobmodal-dialog{
    width:500px;
    height:375px;
    background-color:#fff;
    border-radius:2px;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    position:fixed;
    top:200px;
    left:50%;
    margin-left:-250px;
    text-align:center;
    border:solid 1px #0099CC;
    padding:0 20px;
}

#pobmodal-dialog h2{
    text-transform: uppercase;
    font-size:18px;
    color:#5e6268;
    padding: 50px 0;
}

#pobmodal-dialog label{
    text-transform: uppercase;
    background-color: #f4f4f4;
    width: 80px;
    height: 62px;
    font-size: 11px;
    display: inline-block;
    padding: 10px;
    margin: 4px;
}

#pobmodal-dialog label input{
    display: block;
    border: 0;
    font: inherit;
    font-size: 17px;
    padding: 6px;
    outline: none;
    text-align: center;
    width: 59px;
    margin: 10px auto;
    background-color:#fff;
}

#pobmodal-dialog .button-holder{
    padding-top: 50px;
    padding-bottom:0;
}

#pobmodal-dialog .button-holder .button{
    box-shadow:0 2px 2px #eee;
    padding:13px 22px;
    margin:3px;
}

#pobmodal-dialog .button{
    background-color:#82cddd;

    background-image:-webkit-linear-gradient(top, #86d3e4, #82cddd);
    background-image:-moz-linear-gradient(top, #86d3e4, #82cddd);
    background-image:linear-gradient(top, #86d3e4, #82cddd);

    border-color:#72c1d2;
}

/* blue */
#pobmodal-dialog .blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
#pobmodal-dialog .blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
#pobmodal-dialog .blue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top, #0078a5, #00adee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

#pobmodal-dialog a{
    text-decoration:none;
}
/*
#pobmodal-dialog .close{
	width: 36px;
	height: 36px;
	background: url('close.png');
	position: absolute;
	top: -18px;
	right: -18px;
	cursor:pointer;
}
*/