﻿/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Norman Geiersbach                                                                              */
/* Eitido (c) 2008                                                                                */
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.popupPageGreyOut { display: block; background: #000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.75; MozOpacity: 0.75; KhtmlOpacity: 0.75; filter: Alpha(opacity=75, finishopacity=0, style=0); z-index: 103; }
.popupWindow { display: block; position: fixed; left: 50%; top: 50%; margin-left: -400px; margin-top: -225px; width: 800px; height: 450px; z-index: 104; }
  /* Header */
.popupHeader { width: 100%; height: 38px; }
.popupHeaderLeft { background: url('Images/popupHeaderLeft.png') no-repeat; float: left; width: 9px; height: 38px; }
.popupHeaderRight { background: url('Images/popupHeaderRight.png') no-repeat; float: right; width: 9px; height: 38px; }
.popupHeaderInner { background: url('Images/popupHeaderInner.png') repeat-x; margin: 0px 9px; height: 38px; }
.popupHeaderCaptionBar { padding-top: 5px; }
.popupHeaderCaption { background-position: 5px center; background-repeat: no-repeat; float: left; line-height: 33px; padding-left: 28px; }
.popupHeaderButtons { float: right; padding-top: 5px; padding-right: 5px; }
  /* Header application buttons */
.popupHeaderButtons a { background-position: center center; background-repeat: no-repeat; display: block; float: left; width: 26px; height: 22px; }
.popupHeaderButtons .btnClose { background-image: url('Images/Icons/Application/ClosePopup.png'); }
.popupHeaderButtons .btnClose:hover { background-image: url('Images/Icons/Application/ClosePopup_h.png'); }
  /* Content */
.popupContent { height: 355px; }
.popupContentLeft { background: url('Images/pageContentLeft.png') left top repeat-y; padding-left: 9px; }
.popupContentRight { background: url('Images/pageContentRight.png') right top repeat-y; padding-right: 9px; }
.popupContentInner { background: #ffffff; padding: 14px 20px 15px 20px; overflow: hidden; }
.popupContentFrame { width: 100%; height: 326px; }
  /* Footer */
.popupFooter { width: 100%; height: 57px; }
.popupFooterLeft { background: url('Images/pageFooterLeft.png') no-repeat; float: left; width: 9px; height: 57px; }
.popupFooterRight { background: url('Images/pageFooterRight.png') no-repeat; float: right; width: 9px; height: 57px; }
.popupFooterInner { background: url('Images/pageFooterInner.png') repeat-x; padding: 0px 5px; margin: 0px 9px; height: 57px; }
  /* Full size option */
.popupFullSize .popupContent { height: 355px; }
.popupFullSize .popupContentLeft { padding-left: 5px; }
.popupFullSize .popupContentRight { padding-right: 5px; }
.popupFullSize .popupContentInner { padding: 0; }
.popupFullSize .popupContentDefault { height: 355px; overflow: auto; }
.popupFullSize .popupContentFrame { height: 355px; }
.popupFullSize .popupContentTextEdit { background: #ffffff; height: 355px; text-align: center; }
.popupFullSize .popupContentTextEdit textarea { margin: auto; width: 782px; height: 347px; }
.popupFullSize .popupContentTextEdit textarea.console { font-family: Courier New, Lucida Console; }


/* -- Tiny popup -------------------------------------------------------------------------------- */

.tinyPopupGreyOut { display: block; background: #000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.75; MozOpacity: 0.75; KhtmlOpacity: 0.75; filter: Alpha(opacity=75, finishopacity=0, style=0); z-index: 105; }
.tinyPopup { background: url('Images/tinyPopup.png') no-repeat; display: block; /*position: fixed;*/ position: absolute; left: 50%; top: 50%; margin-left: -164px; margin-top: -96px; width: 328px; height: 192px; z-index: 106; }
.tinyPopupCaptionBar { padding: 8px 14px; }
.tinyPopupCaption { background-position: left bottom; padding: 6px 0px 1px 23px; line-height: 15px; }
.tinyPopupText { height: 45px; overflow: hidden; }
.tinyPopupButtons { text-align: center; }
.tinyPopupButtons input { padding: 0 8px; }
.tinyPopupContent { margin: 15px; height: 66px; overflow: hidden; }
.tinyPopupContent ul { list-style-type: square; margin-left: 16px; }
.tinyPopupContent ul li { line-height: 125%; margin-bottom: 2px; }
.tinyPopupInProgress { background: url('Images/animWorking.gif') left bottom no-repeat; margin: 10px 39px; padding-left: 6px; height: 32px; }


/* -- Customized popups ------------------------------------------------------------------------- */

  /* Login popup */
#loginPopup { background: url('Images/tinyPopup.png') no-repeat; display: block; position: fixed; left: 50%; top: 50%; margin-left: -164px; margin-top: -96px; width: 328px; height: 192px; z-index: 104; }
#loginPopupCaptionBar { padding: 8px 14px; }
#loginPopupCaption { background-position: left bottom; padding: 6px 0px 1px 23px; line-height: 15px; }
#loginPopupContent { margin: 13px 15px; height: 70px; overflow: hidden; }
#loginPopupContent ul { list-style-type: square; margin: 0 12px; }
#loginPopupContent ul li { line-height: 125%; margin-bottom: 2px; }

  /* Custom editor popup */
.customEditor { display: none; }
.customEditor .pageGreyOut { background: #000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.75; MozOpacity: 0.75; KhtmlOpacity: 0.75; filter: Alpha(opacity=75, finishopacity=0, style=0); z-index: 101; }
.customEditor .popupWindow { display: block; margin-top: -318px; height: 636px;  }
.customEditor .popupHeaderCaption { background-image: url('Images/logoEdit.png'); }
.customEditor .popupContent { height: 541px; }
.customEditor .popupContentLeft { padding-left: 5px; }
.customEditor .popupContentRight { padding-right: 5px; }
.customEditor .popupContentInner { padding: 0; height: 541px; }
.customEditor .contentWindow { height: 541px; }
.customEditor #taskBlocks .taskBlock { padding-top: 5px; }

  /* Dynamic editor popup */
.dynamicEditor .contentWindow { height: 354px; }

  /* Edit popup */
/*#editPopup { margin-top: -357px; height: 636px; }
#editPopup .popupHeaderCaption { background-image: url('Images/logoEdit.png'); }
#editPopup .popupContent { height: 541px; }
#editPopup .popupContentLeft { padding-left: 5px; }
#editPopup .popupContentRight { padding-right: 5px; }
#editPopup .popupContentInner { padding: 0; }
#editPopup .popupContentFrame { height: 541px; }*/

  /* Settings popup */
#settingsPopup { margin-top: -318px; height: 636px; }
#settingsPopup .popupHeaderCaption { background-image: url('Images/logoEdit.png'); }
#settingsPopup .popupContent { height: 541px; }
#settingsPopup .popupContentLeft { padding-left: 5px; }
#settingsPopup .popupContentRight { padding-right: 5px; }
#settingsPopup .popupContentInner { padding: 0; }
#settingsPopup .popupContentFrame { height: 541px; }