/* -- Begin Modal Styling -- */

.modal
{
    display: none;
    position: fixed;
    /*top: 20px;*/
    top: 100px;
    left: 50%;
    margin-left: -45%;
    width: 90%;
    padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    /*background: #fff;*/
    background: green;
    border:1px solid white;
    color: white;
    font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0px 2px 4px #777;
	text-align: left;
	z-index: 15900;
}

@media all and (min-width: 480px){
    .modal
    {
        margin-left: -240px;
        width: 480px;
    }
}

.gray_gradient
{
	
	background: #000000; /* fallback for non-supporting browsers */
	background-image: -webkit-gradient(radial, center center, 0, center center, 141, from(#777), to(#555)); /* old WebKit Syntax */
	background-image: -webkit-radial-gradient(center center, circle contain, #777 0%, #555 100%); /* New WebKit syntax */
	background-image: -moz-radial-gradient(center center, circle contain, #777 0%, #555 100%);
	background-image: -ms-radial-gradient(center center, circle contain, #777 0%, #555 100%); /* IE10+ */
	background-image: -o-radial-gradient(center center, circle contain, #777 0%, #555 100%); /* Opera (13?) */
	background-image: radial-gradient(circle, #777 0%, #555 100%); /* standard syntax */
	position: absolute;
	z-index: 899;
}

.jqmClose
{
	background: url("../images/modal_close.png") no-repeat left top;
	display: block;
	width: 30px;
	height: 30px;
	float: right;
	margin: -34px -34px 0 0;
}

.jqmClose:hover
{
	background-position: right top;
}

.loading
{
	margin: 0 auto;	
}

/* -- End Modal Styling -- */