/*
 * NAME: Modal CSS for jinshindo.org
 * AUTHOR: J. Allan
 * REVISION HISTORY
 * 
 * Dec. 2, 2012  - create initial CSS
 *
 */
input {
	margin: 1px 2px 0px 2px;
}
.label {
	width: 100px;
	float: left;
	margin: 1px 0px 0px 0px;
}
.lableCheckbox {
	width: 100px;
    float: right;
    margin: 1px 0px 0px 0px;
}
.labelLong {
	width: 250px;
	float: left;
	margin: 1px 0px 0px 0px;
}
.modalNote {
	font-size: 0.7em;
}

#modalShade {
    display: none;
    background: #3B3013;
    position: fixed; 
    left: 0; 
    top: 0;
    width: 100%; 
    height: 100%;
    z-index: 100;
}


.contactModal {
    display: none;
    background: #FDF3C1;
    color: #000000;
    padding: 20px;
    border: 20px solid #8F6031;
    float: left;
   /* font-size: 1.2em; */
    position: fixed;
    height: 520px;
    width: 600px;
    top: 50%;
    left: 50%;
    z-index: 200;
}
img.close_button {
	float: right;
    margin: -55px -55px 0px 0px;
    border: none;
}
table.contact td{ padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;
 -webkit-box-shadow: 3px 3px 6px #666;
  -moz-box-shadow: 3px 3px 6px #666;
  box-shadow: 3px 3px 6px #666;
}
table.contact tr{ background-color:#ffffbe;}
form input, form textarea {font-size:11px; height:13px;}
form input.fn {width:120px;}
form input.ln, form input.city {width:150px;}
form input.ph {width:120px;}
form input.prov, form input.code, form input.country {width:90px;}
input.choice {width:120px;}
form input.co {width:300px;}
form input.email, form input.addr {width:250px;}
form textarea {padding:2px;}
div.addr {border:1px solid #d0d0d0;padding-left:15px;margin-left:10px;width:550px !important;}
div.addr span {padding-left:5px;}
form p.comments {width:550px; text-align:center; margin-bottom:2px;}
form p.comments textarea {width:550px;height:30px;margin-top:2px;}

table.contactform {width:600px; border:0px;}
table.contactform form div {
position: relative;
width: 100%;
padding: 0.2em 0;
clear: both;
}
table.contactform label {
float: left;
clear: left;
width: 7em;
}
table.contactform p.leadin {border-left:5px solid #8f6031; padding-left:5px;font-weight:bold;}
table.contactform p.send {text-align:center;}
table.contactform input.submit, table.contactform input.reset {height:20px;border: 1px solid #006; background:c0c0c0; }
table.contactform .reset:hover, .submit:hover {    background:#e0e0e0; }