Dialog element

...6}7.cke_editable {8    min-height: 300px;9}10.cke_dialog_background_cover {11    background-color: transparent !important;12}13.cke_source {14    white-space: pre-wrap !important;15}16.cke_float {17    max-width: 640px;18}19.ccm-ui .cke_contents a {20    color: #3f9edc;21}22/**23 * concrete5 Moona-Lisa overrides24 */25/*dialog modal overlay*/26body .cke_dialog_background_cover {27    background-color: rgba(240, 240, 240, 0.9) !important;28    opacity: 1 !important;29    z-index: 2000 !important;30}31/*title*/32.cke_dialog .cke_dialog_title {33    background: #f1f1f1;34    border-bottom: 0;35    font-size: 24px;36    font-weight: normal;37    padding: 12px 19px 12px 0;38}39/*DUTCH OVERRIDE*/40[lang="nl"] .cke_dialog .cke_dialog_title {41    font-size: 21px;42}43/*close button*/44.cke_dialog.cke_ltr .cke_dialog_close_button {45    right: 0;46}47.cke_dialog a.cke_dialog_close_button {48    background-image: url("../../../images/icons/icon_close.png");49    opacity: 1;50    top: 22px;51}52/*DUTCH OVERRIDE*/53[lang="nl"] .cke_dialog a.cke_dialog_close_button {54    top: 18px;55}56.cke_dialog .cke_dialog_contents {57    border-top: 1px solid #dedede;58}59/*tabs*/60.cke_dialog a.cke_dialog_tab {61    background: none;62    border: 0;63    color: #999;64    font-size: 16px;65    position: relative;66}67.cke_dialog a.cke_dialog_tab:focus {68    border: 0;69    outline: 0;70    padding: 4px 8px;71}72.cke_dialog a.cke_dialog_tab:hover {73    text-decoration: underline;74}75/*GREEK OVERRIDE*/76[lang="el"] .cke_dialog a.cke_dialog_tab {77    font-size: 12px;78}79/*FINNISH OVERRIDE*/80/*HUNGARIAN OVERRIDE*/81[lang="fi"] .cke_dialog a.cke_dialog_tab,82[lang="hu"] .cke_dialog a.cke_dialog_tab {83    font-size: 15px;84}85.cke_dialog a.cke_dialog_tab_selected {86    color: #48b4fb;87    font-weight: bold;88}89.cke_dialog a.cke_dialog_tab_selected:hover {90    text-decoration: none;91}92.cke_dialog a.cke_dialog_tab_selected:after {93    bottom: -17px;94    color: #48b4fb;95    content: "\f0d7";96    font-family: FontAwesome;97    left: 0;98    position: absolute;99    text-align: center;100    width: 100%;101}102/*buttons*/103.cke_dialog a.cke_dialog_ui_button {104    background: #fff;105    border: 1px solid #dedede;106}107.cke_dialog a.cke_dialog_ui_button:not(.cke_dialog_ui_button_ok):not(.cke_dialog_ui_button_cancel) {108    border-radius: 1px;109}110.cke_dialog a.cke_dialog_ui_button:hover {111    background: #e6e6e6;112    border: 1px solid #bfbfbf;113}114.cke_dialog a.cke_dialog_ui_button:focus,115.cke_dialog a.cke_dialog_ui_button:active {116    border: 1px solid #66afe9;117    padding: 4px 1px;118}119/*form inputs*/120.cke_dialog input.cke_dialog_ui_input_text,121.cke_dialog input.cke_dialog_ui_input_password,122.cke_dialog textarea.cke_dialog_ui_input_textarea,123.cke_dialog select.cke_dialog_ui_input_select ,124.cke_dialog input.cke_dialog_ui_input_text:hover,125.cke_dialog input.cke_dialog_ui_input_password:hover,126.cke_dialog textarea.cke_dialog_ui_input_textarea:hover,127.cke_dialog select.cke_dialog_ui_input_select:hover {128    border: 1px solid #dedede;129}130.cke_dialog input.cke_dialog_ui_input_text:focus,131.cke_dialog input.cke_dialog_ui_input_password:focus,132.cke_dialog textarea.cke_dialog_ui_input_textarea:focus,133.cke_dialog select.cke_dialog_ui_input_select:focus {134    border: 1px solid #66afe9;135    outline: 0;136}137/*footer*/138.cke_dialog .cke_dialog_footer {139    background: #48b4fb;140    border-top: 0;141}142/*footer buttons*/143.cke_dialog .cke_dialog_footer_buttons {144    margin: 12px 0;145}146.cke_dialog .cke_dialog_footer_buttons a.cke_dialog_ui_button span {147    font-size: 16px;148    padding: 0;149}150.cke_dialog.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first {151    padding-right: 7px;152}153/*OK button*/154.cke_dialog a.cke_dialog_ui_button.cke_dialog_ui_button_ok {155    background: #2076af;156    border: 1px solid #2076af;157    padding: 10px 20px;158}159.cke_dialog a.cke_dialog_ui_button_ok:active,160.cke_dialog a.cke_dialog_ui_button_ok:focus,161.cke_dialog a.cke_dialog_ui_button_ok:hover {162    background: #185984;163    border-color: #2076af;164    box-shadow: none;165}166/*Cancel button*/167.cke_dialog a.cke_dialog_ui_button.cke_dialog_ui_button_cancel {168    background: #3f9edc;169    border-color: #3f9edc;170    color: #fff;171    padding: 10px 20px;172}173.cke_dialog a.cke_dialog_ui_button_cancel:active,174.cke_dialog a.cke_dialog_ui_button_cancel:focus,175.cke_dialog a.cke_dialog_ui_button_cancel:hover {176    background: #3585b9;177    border-color: #3f9edc;178    border-width: 1px;179}180/*JAPANESE OVERRIDE*/181/*match the English "OK" button height to the Japanese "キャンセル" height*/182[lang="ja"] .cke_dialog a.cke_dialog_ui_button.cke_dialog_ui_button_cancel {183    padding: 8px 20px;184}185/*modal resize arrow*/186.cke_dialog .cke_resizer {187    border-color: transparent #fff transparent transparent;188    border-width: 8px 8px 0 0;189}190.cke_dialog .cke_dialog_footer .cke_resizer_ltr {191    margin-right: 3px;192}193.cke_dialog .cke_dialog_footer .cke_resizer {194    margin-top: 54px;...

1.ZebraDialog *,2.ZebraDialog *:after,3.ZebraDialog *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }4.ZebraDialog {5    width: 450px;6    z-index: 1001;7    border: 1px solid #DEDEDE;8}9.ZebraDialog,10.ZebraDialog .ZebraDialog_Title,11.ZebraDialog .ZebraDialog_Body,12.ZebraDialog .ZebraDialog_Buttons a {13    margin: 0;14    padding: 0;15    font-family: Helvetica, Tahoma, Arial, sans-serif;16    font-size: 14px;17    text-align: left;18    line-height: 1.4;19}20.ZebraDialog .ZebraDialog_Title,21.ZebraDialog .ZebraDialog_BodyOuter,22.ZebraDialog .ZebraDialog_ButtonsOuter {23}24.ZebraDialog .ZebraDialog_Title {25    font-size: 16px;26    font-weight: bold;27    color: #000;28    background: #FFF;29    padding: 12px 15px;30    vertical-align: middle;31    border-bottom: 1px solid #F0F0F0;32}33/*  set background color here and not on ZebraDialog_Body, or you'll eventually run into problems with rounded corners34    when using smaller widths for border! */35.ZebraDialog .ZebraDialog_BodyOuter {36    background: #FFF;37}38.ZebraDialog .ZebraDialog_Body {39    color: #44484A;40    padding: 40px;41}42.ZebraDialog .ZebraDialog_ButtonsOuter {43    background: #FFF;44    padding: 10px 5px 10px 10px;45}46.ZebraDialog .ZebraDialog_Buttons:before,47.ZebraDialog .ZebraDialog_Buttons:after     { content: "\0020"; display: block; height: 0; visibility: hidden; font-size: 0 }48.ZebraDialog .ZebraDialog_Buttons:after     { clear: both }49.ZebraDialog .ZebraDialog_Buttons           { *zoom: 1 } /* for IE only */50.ZebraDialog .ZebraDialog_Buttons a {51    font-weight: bold;52    color: #FFF;53    padding: 10px 15px;54}55.ZebraDialog .ZebraDialog_Buttons a:hover {56    background: #224467;57    color: #FFF58}59.ZebraDialog a.ZebraDialog_Close {60    position: absolute;61    right: 6px;62    top: 0px;63    text-decoration: none;64    font-family: arial, sans-serif;65    font-weight: bold;66    font-size: 21px;67    color: #44468}69.ZebraDialog .ZebraDialog_Title a.ZebraDialog_Close {70    color: #888;71}72.ZebraDialog .ZebraDialog_Title a.ZebraDialog_Close:hover {73    color: #000;74}75.ZebraDialogOverlay {76    background: #666;77    z-index: 1000;78    width: 100%;79    height: 100%;80}81/* = YOU SHOULD NOT CHANGE ANYTHING FROM THIS POINT ON82---------------------------------------------------------------------------------------------------------------------*/83.ZebraDialog .ZebraDialog_Body {84    overflow: auto;85}86.ZebraDialog .ZebraDialog_Icon {87    background-repeat: no-repeat;88    background-position: 30px 40px;89    padding-left: 124px;90    min-height: 64px;91    _height: 64px;92}93.ZebraDialog .ZebraDialog_Confirmation  { background-image: url('confirmation.png') }94.ZebraDialog .ZebraDialog_Error         { background-image: url('error.png') }95.ZebraDialog .ZebraDialog_Information   { background-image: url('information.png') }96.ZebraDialog .ZebraDialog_Question      { background-image: url('question.png') }97.ZebraDialog .ZebraDialog_Warning       { background-image: url('warning.png') }98.ZebraDialog .ZebraDialog_Buttons a {99    white-space: nowrap;100    text-align: center;101    text-decoration: none;102    display: inline-block;103    margin-right: 5px;104    min-width: 60px;105    float: right;106    _width: 60px;107    background: #516270;108}109.ZebraDialog .ZebraDialog_Buttons_Centered .ZebraDialog_Buttons {110    display: table;111    margin: 0 auto;112    text-align: center;113}114.ZebraDialog .ZebraDialog_Buttons_Centered a {115    zoom: 1;116    *display: inline;117}118.ZebraDialog .ZebraDialog_Preloader {119    height: 32px;120    background: url('preloader.gif') no-repeat center center;...