/* Popup Stylesheet */

/* Reset all margin and padding elements */
* {
margin: 0;
padding: 0; /* no reseting border due to form fields such as input fields and dropdown menus */
}
body {
background-color: #333;
color: #fff;
font-family: tahoma, verdana, sans-serif; /* default site font */
}
img { /* logo */
border: 0;
margin: 15px 10px;
}

/* container to house main content */
.popup {
background-color: #000;
color: #fff;
padding: 10px;
}
h1 {
border-bottom: 1px solid #333;
font-family: "arial rounded mt bold", arial, sans-serif;
font-size: 200%; /* same as 32px size */
margin: 20px 0;
padding: 0 0 15px 0;
text-transform: lowercase;
}
p { /* mainly for the bottom close window link text */
background-color: #000;
color: #ccc;
font-size: 70%;
line-height: 1.4em;
margin: 0 0 15px 0;
}
ul, ol { /* most faq content in a ol list */
margin: 0 0 15px 30px;
padding: 0;
}
li {
background-color: #000;
color: #ccc;
font-size: 70%;
line-height: 1.4em;
margin-bottom: 20px;
}
li h2 { /* sub headers for the main content */
background-color: #000;
color: #fff;
font-size: 100%;
margin: 0 0 3px 0;
}
li p { /* main paragraph text */
font-size: 100%;
}
ol li li { /* bullet point lists within main content */
font-size: 100%;
margin-bottom: 5px;
}
/* links */
a, a:hover {
background-color: transparent;
color: #3cf;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}