/**
 * General popup section starts here.
 */

.ajaxPopup {
   background-color: #FFF;
   border: solid #000 1px;
   color: #000;
   margin: auto;
   max-width: 500px;
   min-height: 200px;
   padding: 35px;
   position: relative;
   z-index: 1000;
}

.ajaxPopup a, .ajaxPopup a:visited, .noticePopup a, .noticePopup a:visited {
   color: #215CB4 !important;
   text-decoration: none !important;
}

.ajaxPopup a:hover, .noticePopup a:hover {
   color: #215CB4 !important;
   text-decoration: underline !important;
}

.desktopOnly {
   margin: 0;
   padding: 0;
}

.mobileOnly {
   background-color: #FFF;
   width: 100%;
}

.noticePopup {
   color: #000 !important;
   font-family: Arial, sans-serif !important;
   font-size: 16px !important;
   line-height: 20px !important;
   margin: auto;
   padding: 0;
   position: relative;
   z-index: 1000;
}

.noticePopup * {
   box-sizing: border-box !important;
}

.noticePopup h2 {
   color: #BE1010 !important;
   font-size: 24px !important;
   font-weight: 700 !important;
   line-height: 30px !important;
   margin: 0;
   text-align: center !important;
}

.noticePopup li {
   margin-top: 2px;
}

.noticePopup p {
   margin: 7px 0 0;
}

.noticePopup ul {
   margin: 6px 0;
   padding-left: 20px;
}

h1.contentTitle {
   font-weight: bold;
   margin-bottom: 15px;
}

div#pcInfo {
   font-size: 16px;
}

/**
 * Non-responsive section goes here. Responsive styles go in html/misc/notices/_stylesheets.
 */

#avPopupBody, #flagPopupBody, #hurricaneBody, #newYearPopupBody, #thxPopupBody, #xmasPopupBody {
   box-sizing: border-box;
   position: relative;
   z-index: 200;
}

#avPopupImage, #flagPopupImage, #hurricaneImage, #newYearPopupImage, #thxPopupImage, #xmasPopupImage {
   left: 0;
   position: absolute;
   top: 0;
   z-index: 100;
}
