/*
--------------------------
Lightbox style PopUp
--------------------------
*/
.LB-black-overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}

.LB-white-content {
    display: none;
    position: fixed;
    width: 400px;
    top: 200px; 
    left: 300px;
    border: 1px solid #666;
    background-color: #fff;
    z-index:1002;
    padding:14px;
}

a#close {
    height: 30px;
    width: 30px;
    position: absolute;
    top: -12px;
    left: -12px;
    background: url(/site_assets/images/close.png) 0 0;
}

a#close:hover {
    background: url(/site_assets/images/close.png) 0 -30px;
} 

/*
--------------------------
Form styling
--------------------------
*/

/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}


/* ----------- stylized ----------- */
#email-friend{
border:solid 2px #ccc;
background:#eee;
}
#email-friend h2 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#webcallback, #loginDialog{
border:solid 2px #ccc;
background:#eee;
}
#webcallback h2,#loginDialog h2 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}



.LB-white-content p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #ccc;
padding-bottom:10px;
}


#email-friend label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#email-friend .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#email-friend input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #ccc;
width:200px;
margin:2px 0 20px 10px;
}
#email-friend textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #ccc;
width:200px;
height:100px;
margin:2px 0 20px 10px;
font-family:Arial;
}

#email-friend button{
clear:both;
margin-left:120px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}


#webcallback label, #loginDialog label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#webcallback .small, #loginDialog .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#webcallback input, #loginDialog input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #ccc;
width:200px;
margin:2px 0 20px 10px;
}
#webcallback textarea, #loginDialog textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #ccc;
width:200px;
height:100px;
margin:2px 0 20px 10px;
font-family:Arial;
}

#webcallback button, #loginDialog button{
clear:both;
margin-left:20px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;

color:#FFFFFF;
font-size:11px;
font-weight:bold;

}