body 
{
    margin: 0;
    padding: 0;
    background: transparent;
    }
body, input, textarea
{
    font-family: Verdana;
    font-size: 11px;
}

input, textarea 
{
    padding-left: 2px;
}


#page 
{
    /*margin: 0 auto;*/
    position: relative;
    width: 920px;
    background: #fff;
    
}

h1 
{
    background: transparent url(../imgs/popup_banner.jpg) no-repeat;
    height: 32px;
    margin: 0;
    padding: 3px 40px 0 10px;
    color: #fff;
    font-weight: normal;
    font-size: 14pt;
}

#close  
{
    display: block;
    position: absolute;
    background: #00f url(../imgs/close_button.jpg) no-repeat; 
    width: 21px; 
    height: 21px;
    right: 20px;
    top: 6px;
}
#close span { display: none; }

#content 
{
    height: 458px;
    padding: 0 0px 5px 20px;
    color: #001965;
    overflow-y: auto;
    position: relative;
    width: 900px;
    
    /*max-width: 605px;*/
}

* html #content
{
   
    height:500px;
}

.field 
{
    color: #666666;
}

#design-selector 
{
    height: 75px;
    position: relative;
    padding-left: 80px;
    padding-top:30px;
    
}
#design-selector input 
{
    position: absolute;
    top: 62px;
}
#design-selector img 
{
    margin: 0 20px 0 20px;
} 

.design { float: left; }

.design img { cursor: pointer }



#to-fields 
{
    clear: both;
    position: relative;
    height: 25px;
    padding-top:25px;
}
#to-name { position: absolute; left: 90px; width: 208px; height: 15px; border: 1px solid #333;}
#to-email { position: absolute; left: 310px; width: 208px; height: 15px; border: 1px solid #333;}
#from-fields { position: relative; height: 26px; }
#from-name { position: absolute; left: 90px; width: 208px; height: 15px; border: 1px solid #333;}
#from-email { position: absolute; left: 310px; width: 208px; height: 15px; border: 1px solid #333;}
#subject-fields { position: relative; height: 25px; }
#subject-fields .text { position: absolute; left: 90px; color: #000; }
#message-fields{

    width:500px;
    float:left;
}

#message-fields div
{
    margin-top: 4px;
    background: #F9F2DF;
    padding: 1px 10px 1px 10px;
}

#message-fields p 
{
    margin: 5px 0;
}

#message-fields #message 
{
    width: 480px;
    border: 1px solid #333;
}

#preview 
{
    margin: 0px 0 0 0px;
    width: 355px;
    height: 215px;
    position: relative;
    background: transparent no-repeat right top;
    float:left;
}
#preview p 
{
    margin: 6px 0 6px 0;
    font-size: 8px;
}
#preview .label 
{
    position: absolute;
    bottom: 0px;
    left: 10px;
    color: #000;
}

#preview div { visibility: hidden; }

#page .preview-designA { background-image: url(../imgs/eCard/ecardPatient-A.jpg); }
#page .preview-designA div { margin: 0 0 0 165px; width: 176px; padding-top: 9px; visibility: visible;}

#page .preview-designB { background-image: url(../imgs/eCard/ecardPatient-B.jpg); }
#page .preview-designB div { margin: 0 0 0 175px; width: 170px; padding-top: 14px; visibility: visible; }

#page .preview-designC { background-image: url(../imgs/eCard/ecardPatient-C.jpg); }
#page .preview-designC div { margin: 0 0 0 175px; width: 170px; padding-top: 18px; visibility: visible; }

#page .preview-designD { background-image: url(../imgs/eCard/ecardPatient-D.jpg); }
#page .preview-designD div { margin: 0 0 0 175px; width: 170px; padding-top: 9px; visibility: visible; }

#send-button, #cancel-button 
{
    border: 0;
    background: transparent url(../imgs/eCard/blue_button-lightbox.jpg) no-repeat;
    width: 66px;
    height:25px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 428px;
    cursor: pointer;
}
#send-button { right: 20px; }
#cancel-button { right: 90px; }

#send-another-button, #close-button 
{
    border-style: none;
	border-color: inherit;
	border-width: 0;
	background: url('../imgs/blue_button-thankyou.jpg') no-repeat;
	width: 191px;
    height:25px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 340px;
    cursor: pointer;

}

#send-another-button { top: 190px; }
#close-button { top: 246px; right:340px; }

#thankyou-message 
{
    height: 300px;
    padding: 50px 20px 5px 20px;
    color: #001965;
    position: relative;
    text-align: center;
	top: 0px;
	left: 0px;
}