html{
min-height: 100%;
}
body {
min-height: 100%;
position: relative;
margin: 0;
padding: 0;
}
#main {
margin: 0;
padding: 0;
width: 810px;
}
.header {
position: relative;
left: 0;
top: 0;
}
#appStoreIcon {
position: absolute;
top: 155px;
right: 16px;
}
#question-content {
margin-left: 46px;
margin-top: 34px;
margin-right: 46px;
font-family: Lucida Grande, tahoma,verdana,arial,sans-serif;
color: #049a89;
}
#question-content h1 {
font-size: 16pt;
font-weight: bold;
color: #049a89;
}
#question-list ul {
padding:0;
margin:0;
}
#question-list ul li {
min-height: 31px;
background: url("32x31px_fb_faq_icon_belote.png") no-repeat;
margin-bottom: 12px;
}
#question-list ul li p {
padding-left: 46px;
padding-top: 5px;
margin-top: 0;
margin-bottom: 0;
}
#question-list ul li a.question-link {
color: #049a89;
}
#question-list ul li p.question {
font-size: 12pt;
font-weight: bold;
}
#question-list ul li p.answer {
font-size: 10pt;
font-weight: normal;
padding-top: 12px;
padding-bottom: 12px;
color: #565656;
}
#question-list ul li p.answer a {
color: #565656;
}
.question-entry {
list-style-type: none;
}
.question-link {
text-decoration: none;
color: #049a89;
}
#contact {
position: relative;
height: 282px;
}
#footer-woman {
position: absolute;
right: 2px;
}
#footer-contact-btn {
position: absolute;
right: 142px;
bottom: 130px;
font-family: tahoma, Lucida Grande,verdana,arial,sans-serif;
font-weight: bold;
font-size: 11pt;
color: #6a5247;
}
#footer {
width: 100%;
}
.overlay{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(0,0,0,0.5); /*dim the background*/
display: none;
}
.modal {
width: 650px;
height: 730px;
position: relative;
background-color: #ffffff;
border-radius: 5px;
z-index: 11;
display: none;
}
.modal-close-btn{
position: absolute;
text-align: center;
margin-left: 630px;
margin-right: 0;
width: 20px;
height: 20px;
background-color: gray;
cursor: pointer;
}