@charset "UTF-8";



.popup-element{ display: inline-block;}
.popup-element{ *display: inline;}
.popup-element-title{ background: url('images/popup-icon.png') no-repeat right top; cursor: pointer; display: inline-block; padding-right: 12px; position: relative;}
.popup-title-active{ background-image: url('images/popup-icon-active.png');}
.popup-element-body{ display: none; position: absolute; text-align: left;}
.popup-element-body a.popup-close-button{ cursor: pointer; float: right;}

#popup-active-overlay{ position: absolute; z-index: 2000; top: 0; left: 0;}

table.popup-layout{ border: none;}


/* ---- Overrides ---- */

.popup-element-body table.popup-layout{ background: none; border: none;}
.popup-element-body table.popup-layout * { border: none;}
.popup-element-body table.popup-layout tr { background: none;}


/* ---- Popup menus ---- */

.popup-element-body .popup-menu-branch,
.popup-element-body .popup-menu-item,
div.popup-menu-block .popup-menu-branch,
div.popup-menu-block .popup-menu-item{ display: block;}

.popup-menu-branch .popup-menu-branch-title{ cursor: default;}

/* ---- Nodes ---- */

.popup-element-body .node{ border-bottom: 0; margin: 0; padding: 0;}


/* ---- Ajax ---- */

.popup-ahah-placeholder{ background: url('/misc/throbber.gif') no-repeat right -15px; height: 20px;}


/* ---- Script disabled ---- */

.popup-element-noscript a.popup-close-button{ display: none;}
.popup-element-noscript .popup-element-title{ position: static;}
.popup-element-noscript:hover{ position: relative;}
.popup-element-noscript:hover .popup-element-body{ display: block;}
.popup-element-noscript:hover .popup-element-body .popup-element-body{ display: none;}

.popup-element-noscript .origin-top-left.expand-top-left{ bottom: 100%; right: 100%;}
.popup-element-noscript .origin-top-left.expand-top-right{ bottom: 100%; left: 0;}
.popup-element-noscript .origin-top-left.expand-bottom-left{ top: 0; right: 100%;}
.popup-element-noscript .origin-top-left.expand-bottom-right{ top: 0; left: 0;}

.popup-element-noscript .origin-top-right.expand-top-left{ bottom: 100%; right: 0;}
.popup-element-noscript .origin-top-right.expand-top-right{ bottom: 100%; left: 100%;}
.popup-element-noscript .origin-top-right.expand-bottom-left{ right: 0; top: 0;}
.popup-element-noscript .origin-top-right.expand-bottom-right{ left: 100%; top: 0;}

.popup-element-noscript .origin-bottom-left.expand-top-left{ bottom: 0; right: 100%;}
.popup-element-noscript .origin-bottom-left.expand-top-right{ bottom: 0; left: 0;}
.popup-element-noscript .origin-bottom-left.expand-bottom-left{ right: 100%; top: 100%;}
.popup-element-noscript .origin-bottom-left.expand-bottom-right{ top: 100%; left: 0; }

.popup-element-noscript .origin-bottom-right.expand-top-left{ bottom: 0; right: 0;}
.popup-element-noscript .origin-bottom-right.expand-top-right{ bottom: 0; left: 100%; }
.popup-element-noscript .origin-bottom-right.expand-bottom-left{ right: 0; top: 100%; }
.popup-element-noscript .origin-bottom-right.expand-bottom-right{ top: 100%; left: 100%; }

.popup-element-noscript .width-100 .inner{ width: 100px;}
.popup-element-noscript .width-150 .inner{ width: 150px;}
.popup-element-noscript .width-200 .inner{ width: 200px;}
.popup-element-noscript .width-250 .inner{ width: 250px;}
.popup-element-noscript .width-300 .inner{ width: 300px;}
.popup-element-noscript .width-350 .inner{ width: 350px;}
.popup-element-noscript .width-400 .inner{ width: 400px;}
.popup-element-noscript .width-450 .inner{ width: 450px;}
.popup-element-noscript .width-500 .inner{ width: 500px;}

.popup-element-noscript .popup-ahah-placeholder{ display: none;}




/* ---- Border ---- */

.popup-style-black .popup-element-body table.popup-layout{ border-collapse: collapse; margin: 0; padding: 0; position: relative;}
.popup-style-black .popup-element-body table.popup-layout tbody{ border: none;}
.popup-style-black .popup-element-body table.popup-layout td{ margin: 0; padding: 0;}

.popup-style-black .popup-element-body .top .left{ background: url('images/top-left.png') no-repeat; height: 55px; width: 55px; padding-left: 55px;}
.popup-style-black .popup-element-body .top .right{ background: url('images/top-right.png') no-repeat; height: 55px; width: 55px; padding-right: 55px;}
.popup-style-black .popup-element-body .top .center{ background: url('images/top.png') repeat-x top; height: 55px;}

.popup-style-black .popup-element-body .center .center{ background: url('images/back.png');}
.popup-style-black .popup-element-body div.inner{ color: #ccc; margin: -20px -15px; position: relative;}
.popup-style-black .popup-element-body div.inner a{ color: #fff; text-decoration: none;}
.popup-style-black .popup-element-body div.inner a:hover{ color: #bbb; text-decoration: underline;}

.popup-style-black .popup-element-body a.popup-close-button{ background: url('images/close.png') left top; display: block; height: 9px; position: absolute; top: -6px; right: -11px; width: 9px;}
.popup-style-black .popup-element-body a.popup-close-button:active{ background-position: left 9px;}
.popup-style-black .popup-element-body a.popup-close-button span{ display: none;}

.popup-style-black .popup-element-body .center .left{ background: url('images/left.png') repeat-y left; width: 55px;}
.popup-style-black .popup-element-body .center .right{ background: url('images/right.png') repeat-y right; width: 55px;}

.popup-style-black .popup-element-body .bottom .left{ background: url('images/bottom-left.png') no-repeat; height: 55px; width: 55px;}
.popup-style-black .popup-element-body .bottom .right{ background: url('images/bottom-right.png') no-repeat; height: 55px; width: 55px;}
.popup-style-black .popup-element-body .bottom .center{ background: url('images/bottom.png') repeat-x bottom;}


/* ---- Arrows ---- */

/* -- Top left -- */

.popup-style-black .popup-element-body.origin-top-left.expand-top-left table.popup-layout{ top: 20px; left: 20px;}
.popup-style-black .popup-element-body.origin-top-left.expand-top-left .bottom .right{ background-image: url('images/otl-etl.png');}
.popup-style-black .popup-element-body.origin-top-left.expand-top-right table.popup-layout{ top: 10px; left: -20px;}
.popup-style-black .popup-element-body.origin-top-left.expand-top-right .bottom .left{ background-image: url('images/otl-etr.png');}
.popup-style-black .popup-element-body.origin-top-left.expand-bottom-left table.popup-layout{ top: -30px; left: 5px;}
.popup-style-black .popup-element-body.origin-top-left.expand-bottom-left .top .right{ background-image: url('images/otl-ebl.png');}

.popup-style-black .popup-element-body.origin-top-left.expand-bottom-right table.popup-layout{ top: -20px; left: -20px;}

/* -- Top right -- */

.popup-style-black .popup-element-body.origin-top-right.expand-top-left table.popup-layout{ top: 10px; left: 20px;}
.popup-style-black .popup-element-body.origin-top-right.expand-top-left .bottom .right{ background-image: url('images/otr-etl.png');}
.popup-style-black .popup-element-body.origin-top-right.expand-top-right table.popup-layout{ top: 20px; left: -20px;}
.popup-style-black .popup-element-body.origin-top-right.expand-top-right .bottom .left{ background-image: url('images/otr-etr.png');}

.popup-style-black .popup-element-body.origin-top-right.expand-bottom-left table.popup-layout{ top: -20px; left: 20px;}

.popup-style-black .popup-element-body.origin-top-right.expand-bottom-right table.popup-layout{ top: -30px; left: -5px;}
.popup-style-black .popup-element-body.origin-top-right.expand-bottom-right .top .left{ background-image: url('images/otr-ebr.png');}

/* -- Bottom left -- */

.popup-style-black .popup-element-body.origin-bottom-left.expand-top-left table.popup-layout{ top: 35px; left: 5px;}
.popup-style-black .popup-element-body.origin-bottom-left.expand-top-left .bottom .right{ background-image: url('images/obl-etl.png');}

.popup-style-black .popup-element-body.origin-bottom-left.expand-top-right table.popup-layout{ top: 20px; left: -20px;}

.popup-style-black .popup-element-body.origin-bottom-left.expand-bottom-left table.popup-layout{ top: -20px; left: 15px;}
.popup-style-black .popup-element-body.origin-bottom-left.expand-bottom-left .top .right{ background-image: url('images/obl-ebl.png');}
.popup-style-black .popup-element-body.origin-bottom-left.expand-bottom-right table.popup-layout{ top: -5px; left: -20px;}
.popup-style-black .popup-element-body.origin-bottom-left.expand-bottom-right .top .left{ background-image: url('images/obl-ebr.png');}

/* -- Bottom right -- */

.popup-style-black .popup-element-body.origin-bottom-right.expand-top-left table.popup-layout{ top: 20px; left: 20px;}

.popup-style-black .popup-element-body.origin-bottom-right.expand-top-right table.popup-layout{ top: 35px; left: -10px;}
.popup-style-black .popup-element-body.origin-bottom-right.expand-top-right .bottom .left{ background-image: url('images/obr-etr.png');}
.popup-style-black .popup-element-body.origin-bottom-right.expand-bottom-left table.popup-layout{ top: -5px; left: 20px;}
.popup-style-black .popup-element-body.origin-bottom-right.expand-bottom-left .top .right{ background-image: url('images/obr-ebl.png');}
.popup-style-black .popup-element-body.origin-bottom-right.expand-bottom-right table.popup-layout{ top: -20px; left: -20px;}
.popup-style-black .popup-element-body.origin-bottom-right.expand-bottom-right .top .left{ background-image: url('images/obr-ebr.png');}


/* ---- Menus ---- */

.popup-style-black .popup-element-body .popup-menu-branch,
.popup-style-black .popup-element-body .popup-menu-item{ display: block;}

.popup-style-black .popup-element-body .popup-menu-branch div.inner{ width: 150px;}

.popup-style-black .popup-element-body .popup-menu-leaf-title,
.popup-style-black .popup-element-body .popup-menu-branch-title{ margin: 0 0 0 -15px; padding: 0 0 0 15px; text-decoration: none !important;}
.popup-style-black .popup-element-body .popup-menu-branch-title{ background: url('images/menu-arrow.png') no-repeat right 5px;}

.popup-style-black .popup-element-body div.inner .popup-menu-leaf-title:hover,
.popup-style-black .popup-element-body div.inner .popup-menu-branch-title.popup-title-active{ color: #111; background-color: #888; background-position: right -17px;}


/* ---- Confirmation ---- */


.popup-style-black .popup-element-body div.inner a.button{ color: #fff; background-color: #000;}
.popup-style-black .popup-element-body div.inner a.button:hover{ color: #bbb;}