/* the overlayed element */
div.overlay {


/* initially overlay is hidden */
display:none;
color:#424246;

/* some padding to layout nested elements nicely  */

padding: 42px 43px;

text-align: left;
}

#overlay {

/* growing background image */
background:url(../images/white.png);

/* dimensions after the growing animation finishes  */
width:850px;
height:460px;
}

#startoverlay {
background:url(../images/white_alt.png);
width:802px;
height:453px;
}


/* default close button positioned on upper right corner */
div.overlay div.close {
background-image:url(../images/close.png);
position:absolute;
right:12px;
top:12px;
cursor:pointer;
height:31px;
width:31px;
}

div.overlay h1 {
font-size:              14pt;
color:                  #424246;
margin:                 0 0 5px 0;
}
div.overlay h2 {
font-size:              13pt;
color:                  #424246;
margin:                 0 0 5px 0;
}
div.overlay h3 {
font-size:              11pt;
color:                  #424246;
margin:                 0 0 5px 0;
}
div.overlay p {
font-size:              9pt;
color:                  #424246;
margin:                 0 0 5px 0;
}
div.overlay #popup div.display {
float:                  left;
width:                  383px;
//height:                 460px;
font-size:              9pt;
margin:                 10px 15px 0 0;
}
div.overlay #popup div.display img {
border:                 1px solid #74767a;
}
div.overlay #popup div.details {
float:                  right;
width:                  450px;
//height:                 460px;
font-size:              9pt;
margin:                 10px 0 0 0;
}

#popup div.details ul {
list-style-type:        none;
}
#popup div.details ul li {
font-size:              1.1em;
line-height:            1.4em;
margin:                 0 0 4px 0;
padding:                0 0 0 12px;
color:                  #424246;
background:             transparent url(../images/more.gif) no-repeat left 0.5em;
}