/*
 * NAME: Modal CSS for jQ Photographer's Exchange
 * AUTHOR: Jay Blanchard
 * DATE: 2011-03-05
 * BUSINESS RULE:   <if applicable>
 *
 * REVISION:    a20110305jb
 * STATUS:      open
 * USAGE:       call from web pages to provide modal style                        
 *
 * NOTES:       Color Pallette
 *              NAME        HEX     R   G   B
 *              blue        060099  6   0   153
 *              lite grey   77808C  119 128 140
 *              baby blue   91B7D9  145 183 217
 *              eggshell    FFF5DC  255 245 220
 *              red         990100  153 1   0
 *              greycard1   0A0A0A  10  10  10
 *              greycard2   1E1E1E  30  30  30
 *              greycard3   323232  50  50  50
 *              greycard4   464646  70  70  70
 *              greycard5   595959  89  89  89
 *
 * REVISION HISTORY
 * 
 * a20110305jb  - 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;
}
.formTable {
	width: 100%;
}
.formTable td {
	padding: 2px 5px 0px 0px;
}
.error {
	display: none;
	color: #FF0000;
	font-size: 0.7em;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
.errorGrfx {
	display: none;
	background-image: url('../grfx/error_bubble.png');
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	margin: 0px;
	padding: 0px;
}
#modalShade {
    display: none;
    background: #323232;
    position: fixed; 
    left: 0; 
    top: 0;
    width: 100%; 
    height: 100%;
    z-index: 100;
}
.searchModal, .registerModal, .loginModal, .thankyouModal{
    background: #FFF5DC;
    color: #040240;
    padding: 20px;
    border: 10px solid #990100;
    float: left;
    font-size: 0.8em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 200;
}
.errorModal{
    display: none;
    background: #FFF5DC;
    color: #040240;
    padding: 20px;
    border: 10px solid #990100;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 500;
}


.loginModal {
    height: 150px;
    width: 300px;
}
.searchModal {
    height: 150px;
    width: 550px;
}
img.close_button {
	float: right;
    margin: -45px -45px 0px 0px;
    border: none;
}