﻿/* NOTE: This style sheet is used by the request-callback.aspx page; the styles have been lifted from the
		 "css/all.css" style sheet class so that the page can be styled as required */

body *
{
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 480px) {

    body .request-callback-holder {
        width: 243px !important;
    }

    body .request-callback {
        width: 100% !important;
    }
}
		 
.request-callback-holder
{
	width:450px;
	padding:15px 10px;
	overflow:hidden;
	background:#f1f2f3;	
	margin-bottom:5px;
	border: 1px solid #cccccc;
}

.request-callback
{
	width:410px;
	padding:0 20px 0 0;
	float:left;
	overflow:hidden;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;	
}

.request-callback label
{
	display:block;
	padding:0;
}

.request-callback .textbox
{
	display:block;
	padding:2px;
	width:100%;
	margin-bottom:10px;
	overflow:hidden;
}

.request-callback textarea
{
	width:100%;
	height:90px;
	display:block;
	padding:0;
	margin-bottom:10px;
}

.request-callback .checkbox
{
	width:30px;
	float:left;
}

/* AJAX Modal Popup */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:#16577B;
	padding:3px;
}