/* Flexigrid semiflat */
.flexigrid {
    font: normal 12px Arial, Helvetica, sans-serif; position: relative; overflow: hidden; color: #433;
}
.flexigrid.hideBody { height: 35px !important; border-bottom: 1px solid #ccc; }
.ie6fullwidthbug { border-right: 0 solid #ccc; padding-right: 2px; }
.flexigrid div.nDiv {
    background: #eee url("../imgs/fgrid/line.gif") repeat-y -1px top; border: 1px solid #ccc; border-top: 0;
    overflow: auto; left: 0; position: absolute; z-index: 999; float: left;
}
.flexigrid div.nDiv table { margin: 2px; }
.flexigrid div.hDivBox { float: left; padding-right: 40px; }
.flexigrid div.bDiv table {}
.flexigrid div.bDiv table a { font-weight: bold; }
.flexigrid div.bDiv table.autoht { border-bottom: 0; margin-bottom: 0; }
.flexigrid div.nDiv td { padding: 2px 3px; border: 1px solid #eee; cursor: default; }
.flexigrid div.nDiv tr:hover td,.flexigrid div.nDiv tr.ndcolover td {
    background-color: #acdefb; border: 1px solid #a8d8eb;
}
.flexigrid div.nDiv td.ndcol1 { border-right: 1px solid #ccc; }
.flexigrid div.nDiv td.ndcol2 { border-left: 1px solid #fff; padding-right: 10px; }
.flexigrid div.nDiv tr:hover td.ndcol1,.flexigrid div.nDiv tr.ndcolover td.ndcol1 { border-right: 1px solid #d2e3ec; }
.flexigrid div.nDiv tr:hover td.ndcol2,.flexigrid div.nDiv tr.ndcolover td.ndcol2 { border-left: 1px solid #eef8ff; }
.flexigrid div.nBtn {
    position: absolute; height: 24px; width: 14px; z-index: 900; top: 0; left: 0; margin-top: 1px;
    background-color: #fafafa; border:1px solid #ccc; cursor: pointer; display: none;
}
.flexigrid div.nBtn div {
    height: 24px; width: 12px; border-left: 1px solid #fff; float: left;
    background: url("../imgs/fgrid/ddn.png") no-repeat center;
}
.flexigrid div.nBtn.srtd { background: url("../imgs/fgrid/wbg.gif") repeat-x 0 -1px; }
.flexigrid div.mDiv {
    position: relative; background-color: #E8E6E6; border: 1px solid #ccc; border-bottom: none;
    font: bold 140%/22px Abel,arial,sans-serif; display: block; overflow: hidden; white-space: nowrap;
}
.flexigrid div.mDiv div { padding: 6px 8px; white-space: nowrap; }
.flexigrid div.mDiv div.ptogtitle {
    position: absolute; top: 6px; right: 6px; padding: 0; height: 20px; width: 20px; overflow: hidden;
    border: 1px solid #ccc; cursor: pointer; background-color: #E8E6E6;
}
.flexigrid div.mDiv div.ptogtitle:hover { background-color: #EEE; }
.flexigrid div.mDiv div.ptogtitle span {
    display: block; border-left: 1px solid #eee; border-top: 1px solid #fff; border-bottom: 1px solid #ddd;
    width: 18px; height: 18px; background: url("../imgs/fgrid/sprites.png?05") -1px -188px no-repeat;
}
.flexigrid div.mDiv div.ptogtitle.vsble span { background: url("../imgs/fgrid/sprites.png?05") -1px -211px no-repeat; }
.flexigrid div.tDiv {
    background: #fafafa url("../imgs/fgrid/bg.gif") repeat-x; position: relative; border: 1px solid #ccc;
    border-bottom: 0; min-height: 35px; overflow: hidden;
}
.flexigrid div.tDiv2 { float: left; clear: both; padding: 1px; }
/*toolbar*/
.flexigrid div.sDiv {
    display: none; border: 1px solid #ccc; border-top: none; background: #fafafa url("../imgs/fgrid/bg.gif") repeat-x;
}
.flexigrid div.sDiv2 { padding: 5px; }
.flexigrid div.sDiv2 input[type="button"] {
    -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 3px 10px; height: 27px;
    border: 1px outset #FFF;
}
.flexigrid div.sDiv2 input[type="button"]:active { border: 1px inset #FFF; }
.flexigrid div.btnseparator {
    float: left; height: 30px; border-left: 1px solid #ccc; border-right: 1px solid #fff; margin: 2px 1px;
}
.flexigrid div.fbutton {
    float: left; display: block; cursor: pointer; margin: 2px; border: 1px solid transparent;
}
.flexigrid div.fbutton div { padding: 3px 5px; border: 1px solid transparent; }
.flexigrid div.fbutton div.on { background-color: #9E9; }
.flexigrid div.fbutton span { display: block; padding: 4px 4px 2px; }
.flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver { border-color: #ccc; }
.flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div {
    border-color: #FFF; border-right-color: #EEE; border-bottom-color: #EEE;
}
.flexigrid div.fbutton span { background: url("../imgs/fgrid/sprites.png?06") no-repeat; }
.flexigrid div.fbutton .bdel { background-position: -32px -2px; }
.flexigrid div.fbutton .badd { background-position: -32px -25px; }
.flexigrid div.fbutton .bedt { background-position: -32px -48px; }
.flexigrid div.fbutton .bact { background-position: -32px -73px; }
.flexigrid div.fbutton .bdes { background-position: -32px -96px; }
.flexigrid div.fbutton .bpdf { background-position: -32px -196px; }
.flexigrid div.fbutton .bxls { background-position: -32px -221px; }
.flexigrid div.fbutton .bcam { background-position: -32px -246px; }
.flexigrid div.fbutton .bmail { background-position: -32px -269px; }
.flexigrid div.fbutton .bcopy { background-position: -32px -292px; }
.flexigrid div.fbutton .bver { background-position: -32px -317px; }
.flexigrid div.fbutton .bsearch { background-position: -32px -317px; }
.flexigrid div.fbutton .bmasign { background-position: -32px -341px; }
.flexigrid div.fbutton .bpaste { background-position: -32px -366px; }
.flexigrid div.fbutton .bbar { background-position: -32px -390px; }
.flexigrid div.fbutton .bqrc { background-position: -32px -416px; }
.flexigrid div.fbutton .bcut { background-position: -32px -441px; }
.flexigrid div.fbutton .bxchg { background-position: -32px -464px; }
.flexigrid div.fbutton .bblk { background-position: -32px -489px; }
.flexigrid div.fbutton .addt { background-position: -32px -514px; }
.flexigrid div.fbutton .addf { background-position: -32px -539px; }
.flexigrid div.fbutton .undo { background-position: -32px -565px; }
.flexigrid div.fbutton .anul { background-position: -32px -588px; }
.flexigrid div.fbutton .retn { background-position: -32px -609px; }
.flexigrid div.fbutton .docs { background-position: -33px -635px; }
.flexigrid div.fbutton .bprn { background-position: -33px -661px; }
.flexigrid div.fbutton .btji { background-position: -33px -681px; }
.flexigrid div.fbutton .bfilt { background-position: -33px -704px; }
.flexigrid div.fbutton .buni { background-position: -33px -728px; }
/* end toolbar*/
.flexigrid div.hDiv {
    background-color: #f2f2f2; position: relative; border: 1px solid #ccc; border-bottom: 0; overflow: hidden;
}
.flexigrid div.hDiv table { border-right: 1px solid #fff; }
.flexigrid div.cDrag { float: left; position: absolute; z-index: 2; overflow: visible; }
.flexigrid div.cDrag div {
    position: absolute; background: none; height: 24px; width: 7px; cursor: col-resize;
}
.flexigrid div.cDrag div:hover,.flexigrid div.cDrag div.dragging {
    background: url("../imgs/fgrid/line.gif") repeat-y 4px center;
}
.flexigrid div.iDiv {
    border: 1px solid #316ac5; position: absolute; overflow: visible; background: none;
}
.flexigrid div.iDiv input,.flexigrid div.iDiv select,.flexigrid div.iDiv textarea {
    font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}
.flexigrid div.iDiv input.tb {
    border: 0; padding: 0; width: 100%; height: 100%; padding: 0; background: none;
}
.flexigrid div.bDiv {
    border: 1px solid #ccc; border-top: 0; background: #fff; overflow: auto; position: relative; min-height: 200px;
}
.flexigrid div.bDiv table { border-bottom: 1px solid #ccc; }
.flexigrid div.hGrip {
    position: absolute; top: 0; right: 0; height: 5px; width: 5px; margin-right: 1px;
    background: url("../imgs/fgrid/line.gif") repeat-x center; cursor: col-resize;
}

.flexigrid div.hGrip:hover,.flexigrid div.hGrip.hgOver { border-right: 1px solid #999; margin-right: 0; }
.flexigrid div.vGrip {
    height: 5px; overflow: hidden; position: relative; background: #fafafa url("../imgs/fgrid/wbg.gif") repeat-x 0 -1px;
    border: 1px solid #ccc; border-top: 0; text-align: center; cursor: row-resize;
}
.flexigrid div.vGrip span {
    display: block; margin: 1px auto; width: 20px; height: 1px; overflow: hidden; border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa; background: none;
}
/* common cell properties*/
.flexigrid div.hDiv th, .flexigrid div.bDiv td {
    text-align: left; border-right: 1px solid #ddd; border-left: 1px solid #fff; overflow: hidden;
    vertical-align: top !important; padding-left: 0; padding-right: 0;
}
.flexigrid div.hDiv th div, .flexigrid div.bDiv td div { padding: 7px; border-left: none; box-sizing: border-box; }
.flexigrid div.hDiv th, div.colCopy {
    font-weight: normal; cursor: default; white-space: nowrap; overflow: hidden;
}
div.colCopy div { padding: 5px; }
div.colCopy {
    font-family: Arial, Helvetica, sans-serif; font-size: 9pt; border: 1px solid #AAA;
    background-color: #f4f4f4; overflow: hidden; box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}
.flexigrid div.hDiv th.sorted {
    background-color: #E4E4E4; border-bottom: 0 solid #ccc;
}
.flexigrid div.hDiv th.thOver {}
.flexigrid div.hDiv th.thOver div,.flexigrid div.hDiv th.sorted.thOver div {
    border-bottom: 1px solid orange; padding-bottom: 6px;
}
.flexigrid div.hDiv th.sorted div { border-bottom: 0 solid #ccc; padding-bottom: 5px; }
.flexigrid div.hDiv th.thMove { background: #fff; color: #fff; }
.flexigrid div.hDiv th.sorted.thMove div { border-bottom: 1px solid #fff; padding-bottom: 4px }
.flexigrid div.hDiv th.thMove div { background: #fff !important; }
.flexigrid div.hDiv th div.sdesc { background: url("../imgs/fgrid/sort-ord.png") no-repeat center -33px; }
.flexigrid div.hDiv th div.sasc { background: url("../imgs/fgrid/sort-ord.png") no-repeat center top; }
.flexigrid div.bDiv td { border: 1px solid #e4e4e4; vertical-align: top; white-space: nowrap; }
.flexigrid div.hDiv th div {}
.flexigrid span.cdropleft, .flexigrid span.cdropright { background: url("../imgs/fgrid/sprites.png?05") no-repeat; }
.flexigrid span.cdropleft {
    display: block; background-position: -6px -51px; width: 24px; height: 24px; position: relative; top: -24px;
    margin-bottom: -24px; z-index: 3;
}
.flexigrid div.hDiv span.cdropright {
    display: block; background-position: 7px -25px; width: 24px; height: 24px; float: right; position: relative;
    top: -24px; margin-bottom: -24px;
}
.flexigrid div.bDiv td div { border-top: 0 solid #fff; padding-bottom: 5px; }
.flexigrid tr td.sorted { background: #fafafa; border-right: 1px solid #ddd; }
.flexigrid tr td.sorted div {}
.flexigrid tr.erow td { background-color: #f7f7f7; border-bottom: 1px solid #f7f7f7; }
.flexigrid tr.erow td.sorted { background-color: #eee; border-bottom: 1px solid #e3e3e3; }
.flexigrid tr.erow td.sorted div {}
.flexigrid div.bDiv tr:hover td,.flexigrid div.bDiv tr:hover td.sorted,
.flexigrid div.bDiv tr.trOver td.sorted,.flexigrid div.bDiv tr.trOver td {
    background: #FFC ! important; border-left: 1px solid #eef8ff; border-bottom: 1px dotted #a8d8eb; /* #d9ebf5 */
}
.flexigrid div.bDiv tr.trSelected:hover td,.flexigrid div.bDiv tr.trSelected:hover td.sorted,
.flexigrid div.bDiv tr.trOver.trSelected td.sorted,.flexigrid div.bDiv tr.trOver.trSelected td,
.flexigrid tr.trSelected td.sorted,.flexigrid tr.trSelected td {
    background-color: #CEF ! important; /* background: #acdefb url("../imgs/fgrid/hl.png") repeat-x top; */
    border-right: 1px solid #d2e3ec; border-left: 1px solid #eef8ff; border-bottom: 1px solid #a8d8eb;
}
/* novstripe adjustments */
.flexigrid.novstripe .bDiv table { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.flexigrid.novstripe div.bDiv td { border-right-color: #fff; }
.flexigrid.novstripe div.bDiv tr.erow td.sorted { border-right-color: #e3e3e3; }
.flexigrid.novstripe div.bDiv tr td.sorted { border-right-color: #f3f3f3; }
.flexigrid.novstripe div.bDiv tr.erow td { border-right-color: #f7f7f7; border-left-color: #f7f7f7; }
.flexigrid.novstripe div.bDiv tr.trSelected:hover td,.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted,.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
.flexigrid.novstripe tr.trSelected td.sorted,.flexigrid.novstripe tr.trSelected td {
    border-right: 1px solid #0066FF; border-left: 1px solid #0066FF;
}
.flexigrid.novstripe div.bDiv tr.trOver td,.flexigrid.novstripe div.bDiv tr:hover td {
    border-left-color: #d9ebf5; border-right-color: #d9ebf5;
}
.flexigrid div.pDiv, .flexigrid div.stDiv {
    background: #fafafa url("../imgs/fgrid/bg.gif") repeat-x; border: 1px solid #ccc;
    border-top: none; overflow: hidden;
}
.flexigrid > div.stDiv { padding: 7px; font-size: 90%; }
.flexigrid div.pDiv div.pDiv2 { float: left; }

div.pGroup { float: left; background: none; margin: 3px 5px; }
.flexigrid input[type="text"], .flexigrid select {
    -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top: 1px; padding: 6px;
    font: normal 8pt arial,sans-serif; border: 1px solid #AAA; border-radius: 4px; background-color: #FFF;
}
.form .flexigrid select,
.flexigrid select { padding: 5px 13px 5px 5px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='12' width='10'%3E%3Cpolygon style='fill:%23888' points='0,0 10,0 5,12'%3E%3C/polygon%3E%3C/svg%3E")
        #FFF right 5px bottom 6px/6px 7px no-repeat;
}
.flexigrid input:focus, .flexigrid select:focus { outline: none; border-color: #48C; }

.flexigrid div.pDiv .pPageStat,.flexigrid div.pDiv .pcontrol { font-size: 90%; line-height: 28px; }
.flexigrid .pButton {
    float: left; width: 26px; height: 26px; border: 0; cursor: pointer; overflow: hidden; border: 1px solid transparent;
    background: url("../imgs/fgrid/sprites.png?05") no-repeat;
}
.flexigrid .pButton:hover, .flexigrid .pButton.pBtnOver { border: 1px solid #ccc; cursor: pointer; }
.flexigrid .pButton span { width: 26px; height: 26px; display: block; }
.flexigrid .pButton:hover span, .flexigrid .pButton.pBtnOver span {
    border-top: 1px solid #fff; border-left: 1px solid #fff;
}
.flexigrid .pFirst { background-position: 2px 3px; }
.flexigrid .pNext { background-position: 2px -23px; }
.flexigrid .pPrev { background-position: 2px -49px; }
.flexigrid .pLast { background-position: 2px -75px; }
.flexigrid .pReload { background-position: 2px -129px; }
.flexigrid .pSearch { background-position: 2px -156px; }
.flexigrid .pReload.loading { background: url("../imgs/fgrid/load.gif") no-repeat center; }

.flexigrid .tDiv .pDiv { position: absolute; top: 1px; right: 2px; background: none; border: none; }
.flexigrid .pDiv2 .stDiv { display: inline-block; background: none; border: none; margin: 4px; }

/* ie adjustments */
.flexigrid.ie div.hDiv th div,.flexigrid.ie  div.bDiv td  div,div.colCopy.ie div { overflow: hidden; }
.flexigrid .lnkblk { display: block; }
/* Fin Flexigrid */

/* ---- Tree view ---- */
#tree { height: 420px; overflow: auto; margin-right: 2px; }

#treecontrol {
    margin: 0; padding: 2px 4px; border-bottom: 1px solid #CCC; display: none; background-color: #EEE;
}
#treecontrol a { color: #444; font-size: 8pt; text-decoration: none; }
#treecontrol a:hover { text-decoration: underline; }

.treeview { font-size: 90%; }
.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; }
.treeview ul { margin-top: 0; }
.treeview .hitarea {
    background: url("../imgs/tree/treeview-default.gif") -64px -26px no-repeat;
    height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer;
}
.treeview li { margin: 0; padding: 0 0 0 16px; line-height: 13px; cursor: pointer; }
.treeview a.selected { background-color: #eee; }

.treeview li { background: url("../imgs/tree/treeview-default-line.gif") 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -60px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -2984px }
.treeview li.lastCollapsable,
.treeview li.lastExpandable { background-image: url("../imgs/tree/treeview-default.gif"); }
.treeview li.lastCollapsable { background-position: 0 -113px }
.treeview li.lastExpandable { background-position: -32px -69px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url("../imgs/tree/treeview-red-line.gif"); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable,
.treeview-red li.lastExpandable { background-image: url("../imgs/tree/treeview-red.gif"); }

.treeview-black li { background-image: url("../imgs/tree/treeview-black-line.gif"); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable,
.treeview-black li.lastExpandable { background-image: url("../imgs/tree/treeview-black.gif"); }

.treeview-gray li { background-image: url("../imgs/tree/treeview-gray-line.gif"); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable,
.treeview-gray li.lastExpandable { background-image: url("../imgs/tree/treeview-gray.gif"); }

.treeview-famfamfam li { background-image: url("../imgs/tree/treeview-famfamfam-line.gif"); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable,
.treeview-famfamfam li.lastExpandable { background-image: url("../imgs/tree/treeview-famfamfam.gif"); }

.treeview .placeholder {
    background: url("../imgs/tree/ajax-loader.gif") 0 0 no-repeat;
    height: 16px; width: 16px; display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url("../imgs/tree/folder.gif") 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url("../imgs/tree/folder-closed.gif") 0 0 no-repeat; }
.filetree span.file { background: url("../imgs/tree/file.gif") 0 0 no-repeat; }

/* JQ Tags Input */
div.tagsinput { display: inline-block; padding: 0 0 2px !important; min-height: 31px; position: relative; }
div.tagsinput span.tag {
	position: relative; display: inline-block; border: 1px solid #CCA; border-radius:2px;
	padding: 4px 23px 3px 5px; background: #EED; color: #664; margin: 2px 0 0 2px;
}
div.tagsinput span.tag a {
    position: absolute; top: 0; right: 0; color: #C00; font-weight: bold; text-decoration:none;
    font-size: 14pt; padding: 3px; line-height: 13px;
}
div.tagsinput span.tag a:hover { color: #090; }
div.tagsinput div { display: inline-block; margin: 4px 0 4px 6px; }
div.tagsinput input {
    width: 90px; background: transparent; color: #000; outline: 0; border: none;
}
.not_valid { background: #FDD!important; color: #911!important; }

/* CSS theme for simplePagination.js */
.pagination { display: block; overflow: hidden; margin: 4px 0; float: right; }
.pagination ul { list-style: none; padding: 0; margin: 0; }
.pagination li { list-style: none; padding: 0; margin: 2px; display: inline-block; }
span.ellipse.clickable { cursor: pointer; }
span.ellipse input { width: 4em; }
.light-theme span { cursor: pointer; }
.light-theme a, .light-theme span {
    color: #666; font-size: 14px; line-height: 24px; font-weight: normal; text-align: center; text-decoration: none;
    border: 1px solid #BBB; min-width: 14px; padding: 3px 7px; border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2); background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}
.light-theme span input { padding: 4px 0 4px 4px; border: 1px solid #CCC; font-weight: bold; }
.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover { text-decoration: none; background: #FCFCFC; }
.light-theme .current {
    background: #666; color: #FFF; border-color: #444; cursor: default;
    box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
}
.light-theme .ellipse {
    background: none; border: none; border-radius: 0; box-shadow: none; font-weight: bold; cursor: default;
}

/* ---- jAlerts ---- */
#popup_container {
    min-width: 300px; max-width: 520px; overflow: hidden; background-color: #FFF;
    border: solid 1px #AAA; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-border-radius: 5px;
    -webkit-border-radius: 5px; border-radius: 5px; box-sizing: border-box; display: none;
}
#popup_title {
    font: bold 11pt Arial, sans-serif; color: #666; padding: 7px 9px; margin: 0;
    background-color: #FFF; border-bottom: solid 1px #CCC; cursor: default;
}
#popup_content { position: relative; padding: 10px 15px; }
#popup_content::before { font: bold 22pt 'Font Awesome Solid'; display: inline-block; content: ""; float: left; }
#popup_content.alert::before   { content: "\f06a"; color: #E82; }
#popup_content.confirm::before { content: "\f059"; color: #22C; }
#popup_content.prompt::before  { content: "\f044"; color: #06A; }
#popup_content.message::before { content: "\f05a"; color: #282; }
#popup_content.error::before   { content: "\f071"; color: #C00; }
#popup_message { font: normal 10pt Arial, sans-serif; padding-left: 44px; margin: 7px 0 18px; }
#popup_message hr { border: none; border-top: 1px solid #ECA; }
#popup_panel { text-align: right; padding-top: 10px; border-top: 1px solid #DDD; }
#popup_panel input[type="button"] {
    padding: .5em 1em; font-size: 8.5pt; border: 1px solid #CCC; background-color: #EEE;
    border-radius: 4px; cursor: pointer; margin: 0 3px;
}
#popup_panel input[type="button"]:focus,
#popup_panel input[type="button"]:hover { background-color: #E8E8E8; }
#popup_panel input[type="button"]:active { border-color: #03F; background-color: #07F; color: #FFF; }
#popup_panel input[type="button"]::-moz-focus-inner { border: 0; padding: 0; }
#popup_prompt {
    appaerance: none; -moz-appaerance: none; -webkit-appaerance: none; border: 2px solid #CCC;
    border-radius: 4px; padding: 6px 8px; margin: .5em 0 0; width: 400px;
}
#popup_prompt:focus { border: 2px solid #06E; }