/* CSS Document */
/*
 * Developer : moco Luxe
 * Author : mica
 * http://www.mocoluxe.com
*/

#map_canvas{
	width: 600px;
	height: 300px;
	margin: 0 auto;
}
/* form */
.form{
margin: 30px 10px 10px 10px;
}

.form div{ padding: 10px; }

table.t_style th {
margin: 0;
padding:0 10px 10px 0;
width: 150px;
text-align: center;
font-weight: normal;
}

table.t_style td {
margin: 0;
padding:0 0 10px 0;
}

/* form confirm */
table.t_confi {
border-collapse: collapse;
border: 1px #CCC solid;
} 

table.t_confi th {
border: 1px #CCC solid;
padding: 10px;
}

table.t_confi td {
border: 1px #CCC solid;
padding: 10px;
}

table.t_confi_btm {
margin-top: 10px;
border-collapse: collapse;
border: none;
} 

.form_style {
border: 1px solid #CCC;
padding: 5px;
color: #333;
background: #fff;
border-radius: 3px;

/* Webkit */
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#FFF),
to(#EEE)
);

-webkit-border-radius: 3px;
-webkit-box-shadow: 1px 1px 1px #FFF;

/* Firefox */
background: -moz-linear-gradient(
top,
#FFF,
#EEE
);

-moz-border-radius: 3px;
-moz-box-shadow: 1px 1px 1px #FFF;

/* IE */
filter: progid:DXImageTransform.Microsoft.gradient
(startColorstr=#FFFFFFFF,endColorstr=#FFEEEEEE);
zoom: 1;
}

.submit {;
margin: 10px 0 0 0;
padding: 10px;
border: 1px solid #FF80C0;
color: #333;
cursor: pointer;
background: #FFF;
border-radius: 3px;

/* Webkit */
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#FFF),
to(#EEE)
);

-webkit-border-radius: 3px;
-webkit-box-shadow: 1px 1px 1px #CCC;

/* Firefox */
background: -moz-linear-gradient(
top,
#FFF,
#EEE
);

-moz-border-radius: 3px;
-moz-box-shadow: 1px 1px 1px #CCC;

/* IE */
filter: progid:DXImageTransform.Microsoft.gradient
(startColorstr=#FFFFFFFF,endColorstr=#FFEEEEEE);
zoom: 1;
}

.reset {
margin: 10px 0 0 10px;
padding: 10px;
border: 1px solid #CCC;
color: #333;
cursor: pointer;
background: #FFF;
border-radius: 3px;

/* Webkit */
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#FFF),
to(#EEE)
);

-webkit-border-radius: 3px;
-webkit-box-shadow: 1px 1px 1px #CCC;

/* Firefox */
background: -moz-linear-gradient(
top,
#FFF,
#EEE
);

-moz-border-radius: 3px;
-moz-box-shadow: 1px 1px 1px #CCC;

/* IE */
filter: progid:DXImageTransform.Microsoft.gradient
(startColorstr=#FFFFFFFF,endColorstr=#FFEEEEEE);
zoom: 1;
}

.checkbox,.radio{
    z-index: -1;
    position: absolute;
    }
    .CheckBoxLabelClass{
        background: url("http://www.webcreatorbox.com/sample/images/checkbox.png") no-repeat top left;
        margin-right:20px;
        padding-left:22px;
        }
     
    .radiolabel{
        background: url("http://www.webcreatorbox.com/sample/images/radio.png") no-repeat top left;
        margin-right:20px;
        padding-left:22px;
        }
    .LabelSelected,.RadioSelected{
        background-position: bottom left;
        }
        
@media screen and (max-width: 640px) {
	div.form  table{
		width: 100%;
	}
	div.form table th{
		display: block;
	}
	div.form table td{
		display: block;
	}
	#map_canvas{
	width: 100%;
	height: 200px;
}
}