/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Norman Geiersbach                                                                              */
/* Eitido (c) 2009                                                                                */
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

a, body, div, h1, h2, h3, html, img, li, p, table, ul
  { border: 0; margin: 0; padding: 0; }

a {	color: #3c3c3c;	outline: none; text-decoration: none; }
a:hover { color: #3c3c3c; text-decoration: none; }
			
body { color: #3c3c3c; font-family: 'Open Sans', Tahoma, sans-serif; font-size: 13px; font-weight: 400; }
body, html
  { height: 100%; }

h1 { color: #7d99b3; font-size: 18px; margin-bottom: 14px; }

input, select, textarea
  { font-family: Tahoma, sans-serif; font-size: 12px; border: solid 1px #d9d9d9; }
input:hover, select:hover, textarea:hover,
input:focus, select:focus, textarea:focus
  { border-color: #7eb4ea; background-color: #fafafa; }
input:disabled, select:disabled, textarea:disabled,
input[readonly="readonly"], select[readonly="readonly"], textarea[readonly="readonly"]
  { border-color: #d9d9d9; background-color: #f0f0f0; }
input[type="file"], input[type="checkbox"]
  { border: none; background-color: auto; }

p { line-height: 18px; }


/* -- Common class elements --------------------------------------------------------------------- */

.clear { clear: both; }

.hiddenField { display: none; }

.image { border: solid 1px #d0d0d0; }

.errorText { color: #ee0000; }
.requiredText { color: #999999; }
.successText { color: #00cc00; }


/* -- Page container ---------------------------------------------------------------------------- */

#noscript { position: absolute; top: 0; left: 0; padding: 8px; width: 100%; background: #ff6666; border-bottom: solid 1px #803333; color: #000000; line-height: 16px; }

#pageBodyDefault { background: #faf9f5 url('Images/pageBackground.jpg') repeat; height: 100%; min-height: 400px; max-height: 100%; min-width: 800px; overflow: hidden; }
#pageBackgroundContainer { height: auto !important; height: 100%; min-height: 100%; }
#aspnetForm { height: auto !important; height: 100%; min-height: 100%; }

#pageContainer { padding: 48px; padding-bottom: 0; }

  /* Header */
#pageHeader { width: 100%; }
#pageHeaderLeft { background: url('Images/pageHeaderLeft.png') no-repeat; float: left; width: 9px; height: 71px; }
#pageHeaderRight { background: url('Images/pageHeaderRight.png') no-repeat; float: right; width: 9px; height: 71px; }
#pageHeaderInner { background: url('Images/pageHeaderInner.png') repeat-x; margin: 0px 9px; }
#pageHeaderCaptionBar { line-height: 33px; height: 46px; }
#pageHeaderCaption { background: url('Images/logoApplication.png') 5px center no-repeat; font-size: 12px; font-weight: 600; float: left; padding: 5px 0px 4px 28px; }
#pageHeaderButtons { float: right; padding-top: 10px; padding-right: 5px; }
  /* Header application buttons */
#pageHeaderButtons a { background-position: center center; background-repeat: no-repeat; display: block; float: left; width: 26px; height: 22px; }    
#pageHeaderButtons .btnClose { background-image: url('Images/Icons/Application/Close.png'); }
#pageHeaderButtons .btnClose:hover { background-image: url('Images/Icons/Application/Close_h.png'); }
#pageHeaderButtons .btnConfiguration { background-image: url('Images/Icons/Application/Configuration.png'); margin-right: 5px; }
#pageHeaderButtons .btnConfiguration:hover { background-image: url('Images/Icons/Application/Configuration_h.png'); }
#pageHeaderButtons .btnHelp { background-image: url('Images/Icons/Application/Help.png'); margin-right: 5px; }
#pageHeaderButtons .btnHelp:hover { background-image: url('Images/Icons/Application/Help_h.png'); }
#pageHeaderButtons .btnMaximize { background-image: url('Images/Icons/Application/Maximize.png'); }
#pageHeaderButtons .btnMaximize:hover { background-image: url('Images/Icons/Application/Maximize_h.png'); }
#pageHeaderButtons .btnSettings { background-image: url('Images/Icons/Application/Settings.png'); }
#pageHeaderButtons .btnSettings:hover { background-image: url('Images/Icons/Application/Settings_h.png'); }

  /* Content */
#pageContent { overflow: hidden; }
#pageContentLeft { background: url('Images/pageContentLeft.png') left top repeat-y; padding-left: 5px; }
#pageContentRight { background: url('Images/pageContentRight.png') right top repeat-y; padding-right: 5px; }
#pageContentInner { background: #ffffff; }

  /* Footer */
#pageFooter { width: 100%; height: 57px; }
#pageFooterLeft { background: url('Images/pageFooterLeft.png') no-repeat; float: left; width: 9px; height: 57px; }
#pageFooterRight { background: url('Images/pageFooterRight.png') no-repeat; float: right; width: 9px; height: 57px; }
#pageFooterInner { background: url('Images/pageFooterInner.png') repeat-x; padding: 0px 5px; margin: 0px 9px; height: 57px; }

  /* Logo */
.logoEitido { background: url('Images/logoEitido.png') right center no-repeat; height: 57px; }
.logoEitido .debugStatus { color: #808080; padding-top: 12px; }

  /* Windows */
#windowMeter { position: fixed; left: 52px; top: 168px; bottom: 105px; /*min-height: 209px;*/ width: 1px; z-index: 110; }

#contentWindows { background: #cce5ff; table-layout: fixed; width: 100%; }
#contentWindows .contentWindowsRow { vertical-align: top; }
#contentWindows .contentWindowsCell { background: #ffffff; /*position: relative;*/ }
#contentWindows .contentWindowsCellSpace { background: #ecf6ff; border: solid 1px #cce5ff; border-style: none solid; width: 4px; }
#contentWindows .contentWindow { overflow: auto; }
#contentWindows .contentWindowInner { overflow: hidden; }
#contentWindows .contentWindowCaption { /*position: absolute; width: 100%;*/ background: #f7f7f7; border-bottom: solid 1px #dbdbdb; color: #808080; font-weight: 600; line-height: 18px; padding: 6px 8px; }
#contentWindows .contentWindowCaption span { padding: 0 4px; }
#contentWindows .contentWindowCaptionPlh { /*height: 23px;*/ }

#contentWindows #contentWindowNavigation { border-top: solid 1px #cce5ff; /*border-right: solid 1px #dbdbdb;*/ width: 25%; }
#contentWindows #contentWindowSplitter { cursor: w-resize; }
#contentWindows #contentWindowData { border-top: solid 1px #cce5ff; border-right: solid 1px #cce5ff; }
#contentWindows #contentWindowTasks { background: #ecf6ff; width: 220px;/*width: 182px;*/ }

  /* Window content */
.contentWindows { background: #cce5ff; width: 100%; }
.contentWindows .contentWindowsRow { vertical-align: top; }
.contentWindows .contentWindowsCell { background: #ffffff; /*position: relative;*/ }
.contentWindows .contentWindowsCellSpace { background: #ecf6ff; border: solid 1px #cce5ff; border-style: none solid; width: 4px; }
.contentWindows .contentWindow { overflow: auto; }
.contentWindows .contentWindowInner { overflow: hidden; }
.contentWindows .contentWindowCaption { /*position: absolute; width: 100%;*/ background: #f7f7f7; border-bottom: solid 1px #dbdbdb; color: #808080; font-weight: 600; line-height: 18px; padding: 2px 0; }
.contentWindows .contentWindowCaption span { padding: 0 4px; }
.contentWindows .contentWindowCaptionPlh { /*height: 23px;*/ }

.contentWindows .contentWindowNavigation { border-top: solid 1px #cce5ff; /*border-right: solid 1px #dbdbdb;*/ }
.contentWindows .contentWindowData { border-top: solid 1px #cce5ff; border-right: solid 1px #cce5ff; }
.contentWindows .contentWindowTasks { background-color: #e6f3ff; width: 220px;/*width: 182px;*/ }


  /* Window tasks */
.taskBlocks { padding: 0px 16px; }
  
.taskBlocks .taskBlock { border: solid 1px #ffffff; border-style: solid none none none; border-bottom-color: #cce5ff; padding-top: 12px; padding-bottom: 16px; }
.taskBlocks .taskBlock .descriptionText  { margin-top: -2px; font-size: 11px; line-height: 18px; color: #737a80; }
.taskBlocks:first-child .taskBlock { border-top: 0; padding-top: 0; }
.taskBlocks:last-child .taskBlock { border-bottom: 0; }
.taskBlocks .taskBlockCaption { color: #1a4b80; font-size: 12px; font-weight: 600; margin-bottom: 8px; }
.taskBlocks .taskBlockDescription { font-size: 11px; line-height: 18px; color: #737a80; }

.taskBlocks .taskBlockList { list-style-type: none; }
.taskBlocks .taskBlockList li { padding-bottom: 6px; }
.taskBlocks .taskBlockList li a { background-repeat: no-repeat; background-position: 0 1px; display: block; color: #405f80; line-height: 15px; padding-left: 22px; width: 166px; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.taskBlocks .taskBlockList li a:hover { color: #1a4b80; }
.taskBlocks .taskBlockList li.newGroupItem { padding-top: 16px; }

.taskBlocks .taskBlockOptionsWrapper { margin: 5px 0 10px -5px; width: 155px; }
.taskBlocks .taskBlockOptions { list-style-type: none; }
.taskBlocks .taskBlockOptions li { float: left; padding-bottom: 5px; padding-left: 5px; }
.taskBlocks .taskBlockOptions li.clear { float: none; padding: 0; }
.taskBlocks .taskBlockOptions li a { background: url('Images/taskOption.png') left top no-repeat; display: block; color: #818694; line-height: 19px; text-align: center; width: 26px; height: 19px; }
.taskBlocks .taskBlockOptions li a:hover, .taskBlocks .taskBlockOptions li a.active
  { background-position: left bottom; color: #405f80; }


/* -- Navigation elements ----------------------------------------------------------------------- */

  /* Module:Tabs */
#moduleNavigationTabs { font-size: 12px; list-style-type: none; line-height: 25px; margin: 0px 20px; height: 25px; }
#moduleNavigationTabs li { float: left; }
#moduleNavigationTabs li a { color: #405f80; margin: 0px 8px; }
#moduleNavigationTabs li a:hover, #moduleNavigationTabs .navigationTabActive a
  { color: #1a4b80; }
#moduleNavigationTabs .navigationTabLink { float: left; line-height: 25px; font-weight: 600; }
#moduleNavigationTabs .navigationTabLeft { float: left; width: 4px; height: 25px; }
#moduleNavigationTabs .navigationTabRight { background: url('Images/navigationTabRight.png') right top no-repeat; float: left; width: 5px; height: 25px; }

  /* Module:Tabs:hover */
#moduleNavigationTabs .navigationTab:hover { background: url('Images/navigationTabInner_h.png') repeat-x; }
#moduleNavigationTabs .navigationTab:hover .navigationTabLeft { background: url('Images/navigationTabLeft_h.png') no-repeat; }
#moduleNavigationTabs .navigationTab:hover .navigationTabRight { background: url('Images/navigationTabRight_h.png') no-repeat; }
  
  /* Module:Tabs:active */
#moduleNavigationTabs .navigationTabActive { background: url('Images/navigationTabInner_a.png') repeat-x; }
#moduleNavigationTabs .navigationTabActive .navigationTabLeft { background: url('Images/navigationTabLeft_a.png') no-repeat; }
#moduleNavigationTabs .navigationTabActive .navigationTabRight { background: url('Images/navigationTabRight_a.png') no-repeat; }

  /* View:Tabs */
#viewNavigationWrapper { background: #ecf6ff; }
#viewNavigationTabs { /*border-bottom: solid 1px #cce5ff;*/ font-size: 13px; font-weight: 600; list-style-type: none; line-height: 48px; padding: 0 8px; }
#viewNavigationTabs li { float: left; }
#viewNavigationTabs li a { background-position: center left; display: block; color: #405f80; padding-left: 40px; margin: 0px 16px; }
#viewNavigationTabs li a:hover, #viewNavigationTabs .active a
  { color: #1a4b80; }


/* -- Edit form elements ------------------------------------------------------------------------ */

.editForm { line-height: 18px; }
.editDataList { padding-bottom: 20px; }
.editFieldset { padding-bottom: 20px; }
.editFieldsetCaptionBar { background-color: #f7f7f7; border: solid 1px #dbdbdb; border-style: solid none; padding: 12px 24px; min-height: 16px; }
.editFieldset .editFieldsetCaptionBar { margin-bottom: 8px; }
.editDataList:first-child .editFieldsetCaptionBar, .editFieldset:first-child .editFieldsetCaptionBar
  { border-top-style: none; }
.editFieldsetCaption { float: left; line-height: 16px; color: #808080; font-weight: 600; font-size: 13px; }
.editFieldsetCaptionIcon { background-position: left center; background-repeat: no-repeat; display: block; float: left; width: 24px; height: 16px; }
.editFieldsetCaptionIcon a { background-position: left center; background-repeat: no-repeat; display: block; width: 16px; height: 16px; }
.editFieldsetButtons { float: right; height: 16px; }
.editFieldsetButtons a { display: block; float: left; margin-left: 8px; width: 16px; height: 16px; }
.editFieldsetButtons a:first-child { margin-left: 1px; }
.editCultureEntityset .editFieldsetButtons { background-image: url('Images/Cultures/de-DE.gif'); background-position: right center; background-repeat: no-repeat; width: 20px; height: 16px; }

.editFields { width: 100%; }
.editFieldValidationRow { vertical-align: top; }
.editFieldValidationRow td { padding: 2px 16px; }
.editFieldRow { vertical-align: top; }
.editFieldTitle { padding: 7px 24px 4px; width: 200px; }
.editFieldValue { padding: 4px 0; padding-right: 4px; }
.editFieldValue input { margin-left: 0; }
.editFieldValue .checkBoxWrapper { padding-top: 3px; }
.editFieldValue .errorText { background: url('Images/errorMarker.gif') left 2px no-repeat; padding-left: 10px; }
.editFieldValue .descriptionText { margin-top: -2px; padding-bottom: 10px; font-size: 11px; line-height: 16px; color: #919699; }
.editFieldButton { padding: 4px 16px; padding-left: 8px; width: 25px; }
.editFieldButton a { display: block; margin-top: 8px; width: 16px; height: 16px; }
.editFieldButton a:first-child { margin-top: 1px; }

.editFileFieldRow { vertical-align: top; }
.editFileField { padding: 0 8px; }
.editFileField .errorText { background: url('Images/errorMarker.gif') left 2px no-repeat; padding-left: 10px; }

.editEntities { padding: 0 8px; }
.editSubFieldContainer { background: #f7f7f7; border: solid 1px #f7f7f7; padding: 5px 0px; margin: 0; margin-bottom: 8px; } 
.editSubFieldContainer:hover { background-color: #ecf6ff; border-color: #cce5ff; }
.editSubFieldButtons { float: right; height: 16px; padding: 2px 16px 7px 8px; }
.editSubFieldButtons a { float: left; display: block; margin-left: 8px; width: 16px; height: 16px; }
.editSubFieldNoCaptionBar { height: 4px; }

.customEditor .editSubFieldContainer { padding: 0; padding-bottom: 5px; margin: 8px; margin-bottom: 0; } 
.customEditor .editSubFieldCaptionBar { padding: 7px 8px; margin-bottom: 5px; min-height: 16px; }
.customEditor .editSubFieldCaption { float: left; line-height: 16px; color: #808080; font-weight: 600; }
.customEditor .editSubFieldCaptionIcon { background-position: left center; background-repeat: no-repeat; display: block; float: left; width: 24px; height: 16px; }
.customEditor .editSubFieldCaptionIcon a { background-position: left center; background-repeat: no-repeat; display: block; width: 16px; height: 16px; }
.customEditor .editSubFieldButtons { height: 16px; padding: 0 8px 0 0; }
.customEditor .editSubFieldButtons a { width: 16px; height: 16px; }

.editSubFields { width: 100%; }
.editSubFields td { /*padding-top: 8px; padding-bottom: 8px;*/ }
.editSubFields .editFieldTitle { padding-left: 16px; padding-right: 23px; width: 200px; }
.editSubFields .editFieldButton { width: 16px; }

.editFiles { padding: 0 8px; }
.editFileBox { background: #f7f7f7; border: solid 1px #f7f7f7; margin-bottom: 8px; width: 100%; }
.editFileBox:hover { background-color: #ecf6ff; border-color: #cce5ff; }
.editFileBox tr { vertical-align: top; }
.editFileInfo { padding: 7px 4px 12px 16px; width: 164px; font-size: 11px; }
.editFileInfoTitle2 { line-height: 14px; color: #808080; font-weight: 600; }
.editFilePreview { padding: 12px 4px 12px 16px; width: 164px; }
.editFilePreviewBackground { background: url('Images/Icons/icoAnyFile.png') no-repeat; min-height: 48px; } 
.editFilePreviewImage { background-color: #f7f7f7; max-width: 144px; }
.editFileBox:hover .editFilePreviewImage { background-color: #ecf6ff; }
.editFilePreviewTitle { background-color: #f7f7f7; }
.editFileBox:hover .editFilePreviewTitle { background-color: #ecf6ff; }
.editFileData { padding: 7px 8px; font-size: 11px; }
.editFileData .errorText { background: url('Images/errorMarker.gif') left 2px no-repeat; padding-left: 10px; }
.editFileDataTitle { width: 80px; }
.editFileDataField { padding: 0 36px 4px 0; }
.editFileButtons { padding: 12px 8px; padding-right: 12px; width: 16px; }
.editFileButtons a { display: block; margin-top: 8px; width: 16px; height: 16px; }
.editFileButtons a:first-child { margin-top: 1px; }

.editEntities .editFileField { padding: 0; }
.editEntities .editFileBox { background: #f7f7f7; border-color: #f7f7f7; }
.editEntities .editSubFieldContainer:hover .editFileBox { background: #ecf6ff; border-color: #ecf6ff; }
.editEntities .editSubFieldContainer:hover .editFileBox .editFilePreviewTitle { background: #ecf6ff; }


/* -- Login form elements ----------------------------------------------------------------------- */

#loginPopup { }
#loginPopup #noscript { position: relative; padding: 12px 16px; width: auto; background: none; border: 0; color: #ee0000; }
#loginPopupContent { display: none; }
#loginForm { width: 100%; }
#loginForm .loginFieldRow { vertical-align: top; }
#loginForm .loginFieldTitle { padding: 2px 8px; padding-right: 16px; }
#loginForm .loginFieldValue { padding: 2px 8px; padding-left: 16px; width: 256px; }
#loginForm .loginFieldValue .textBox { box-sizing: border-box; padding: 2px 4px; width: 160px; }
#loginForm a { background-repeat: no-repeat; display: block; color: #405f80; line-height: 15px; padding-left: 22px; margin-top: 2px; height: 16px; }
#loginForm a:hover { color: #1a4b80; }

.securityMessage { color: #ee0000; }
.securityButtons { margin-top: 16px; text-align: center; }
.securityButtons input { padding: 0 8px; }