/** * @copyright (c) 2008, Viktor Steinke. All rights reserved. * @author Viktor Steinke * * * @group Helpworxx * @section Layout **/ /* @@group Global ---------------------------------------------------------------------------------------------------*/ *{margin:0; padding:0; border: 0; outline: 0;} html{overflow-x:hidden;} html, body{height:100%;} a{margin:0; padding:0;} a img{border:0;} *:focus{border: 0!important; outline: 0!important;} div:focus, input:focus, button:focus, select:focus{border: 0!important; outline: 0!important;} input, select, textarea, button{border: none; background: none;font-family:Tahoma,Arial,Verdana,sans-serif;font-size:11px;} button{cursor: pointer;} body{background: #bdbec0 url(../layout/helpbg.jpg) no-repeat fixed center center;} /*body{background: #c5d4dc url(../layout/bgggg.jpg) no-repeat fixed center top;}*/ /* @@group Aktion ---------------------------------------------------------------------------------------------------*/ /* @@area Hilfe ---------------------------------------------------------------------------------------------------*/ #helpworxxHelpList{ position: relative;} a#helpworxxHelpListClose{ width: 25px; height: 25px; position: absolute; top: 0; right: 0; display: block; background: #fff url(../layout/helpworxxHelpClose.jpg) no-repeat left top!important; margin: 10px 10px 0px 0px; } a#helpworxxHelpListClose:active{ background: #fff url(../layout/helpworxxHelpCloseActive.jpg) no-repeat left top!important; } a#helpworxxHelpListClose span{ width: 25px; height: 25px; display: block; } div.helpworxxHelpListContent{ width: 936px; height: 846px; background: #fff url(../layout/helpworxxHelpList.jpg) no-repeat left top!important; } /* @@area V3 ---------------------------------------------------------------------------------------------------*/ #helpworxxV3{ position: relative;} #helpworxxV3 .listTicketContainerItems{ padding: 0px 15px 0px 15px!important; } a#helpworxxV3Close{ width: 25px; height: 25px; position: absolute; top: 0; right: 0; display: block; background: url(../layout/aktionClose.png) no-repeat left top!important; margin: 15px 10px 0px 0px; } a#helpworxxV3Close:active{ background: url(../layout/aktionCloseActive.png) no-repeat left top!important; } a#helpworxxV3Close span{ width: 25px; height: 25px; display: block; } div.helpworxxV3Content{ width: 955px; height: 54px; background: #fff url(../layout/v3.jpg) no-repeat -1px top!important; padding: 100px 0px 0px 0px; } a#helpworxxV3Help{ width: 122px; height: 47px; display: block; background: #fff url(../layout/v3Hilfe.jpg) no-repeat left top!important; margin: 0px 0px 0px 10px; } a#helpworxxV3Help:active{ background: #fff url(../layout/v3HilfeActive.jpg) no-repeat left top!important; } a#helpworxxV3Help span{ width: 122px; height: 47px; display: block; } .ticketNavigation{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 653298456456; }.newTicketContainerTop{ margin: -3px 0px 0px 0px; z-index: 653222; position: relative;} #ticketNavigation{ margin: 0; padding: 0; } #ticketNavigation li{ float: left; text-indent: -999em; list-style: none;} #ticketNavigation li a{ display: block; margin: 0; padding: 0; } #ticketNavigation li.tabTicket a{ background-position: -72px -44px!important; width: 71px; height: 31px;} #ticketNavigation li.tabTicket a:active{ background-position: -144px -44px!important; width: 71px; height: 31px;} #ticketNavigation li.tabTicketSelected a{ background-position: 0 -44px!important; width: 71px; height: 31px;} #ticketNavigation li.tabTicketSelected a:active{ background-position: 0 -44px!important; width: 71px; height: 31px;} #ticketNavigation li.tabTicketverlauf a{ background-position: -333px -44px!important; width: 116px; height: 31px;} #ticketNavigation li.tabTicketverlauf a:active{ background-position: -450px -44px!important; width: 116px; height: 31px;} #ticketNavigation li.tabTicketverlaufSelected a{ background-position: -216px -44px!important; width: 116px; height: 31px;} #ticketNavigation li.tabTicketverlaufSelected a:active{ background-position: -216px -44px!important; width: 116px; height: 31px;} #ticketNavigation li.tabDatenpool a{ background-position: -173px -619px!important; width: 95px; height: 31px;} #ticketNavigation li.tabDatenpool a:active{ background-position: -269px -619px!important; width: 95px; height: 31px;} #ticketNavigation li.tabDatenpoolSelected a{ background-position: -77px -619px!important; width: 95px; height: 31px;} #ticketNavigation li.tabDatenpoolSelected a:active{ background-position: -77px -619px!important; width: 95px; height: 31px;} #ticketNavigation li.tabInfo a{ background-position: -624px -44px!important; width: 56px; height: 31px;} #ticketNavigation li.tabInfo a:active{ background-position: -681px -44px!important; width: 56px; height: 31px;} #ticketNavigation li.tabInfoSelected a{ background-position: -567px -44px!important; width: 56px; height: 31px;} #ticketNavigation li.tabInfoSelected a:active{ background-position: -567px -44px!important; width: 56px; height: 31px;} .ticketNavigationTabContentVerlauf .by{ margin: 5px 0px 0px 0px; color: #3577b2;} .ticketNavigationTabContentVerlauf .to{ margin: 5px 0px 0px 0px; color: #3577b2;} /* @@area Clear ---------------------------------------------------------------------------------------------------*/ html body div.clear, html body span.clear{ background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* @@area positions &floats ---------------------------------------------------------------------------------------------------*/ .positionAbsolute{position: absolute;} .positionRelative{position: relative;} .floatLeft{float: left;} .floatRight{float: right;} /* @@group Site ---------------------------------------------------------------------------------------------------*/ #pageC{ min-height: 100%; height: 100%; width: 974px; height: auto !important; text-align: left; position: relative; margin: 0 auto; } #contentArea{ width: 974px; margin: 0px 0px 0px 0px; padding: 80px 0px 0px 0px; } .copyrightHelpworxx{ text-align: right; padding-right: 10px; } /* @@group LOGIN ---------------------------------------------------------------------------------------------------*/ #loginContainer{ width: 627px; margin: 0 auto; }#loginContainer *{background-image: url(../layout/mainHomeSprite.png); background-repeat: no-repeat; background-position: -999em -999em;} /* @@area homeLogo ---------------------------------------------------------------------------------------------------*/ .homeLogoContainer{ width: 627px; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .homeLogoContainer .logo{ width: 324px; height: 64px; text-align: center; margin: 0px auto; padding: 0px 0px 0px 0px; } .homeLogoContainer .logo .logoA{width: 142px; height: 38px; background-position: 0 0!important;} .homeLogoContainer .logo .logoB{width: 178px; height: 38px; background-position: 0 -40px!important; } .homeLogoContainer .logo .slogan{margin: 12px auto; width: 182px; height: 13px; background-position: 0 -81px!important;} /* @@area formAreaLoginHome ---------------------------------------------------------------------------------------------------*/ .formAreaLoginHome{ width: 627px; text-align: center; margin: 0px 0px 0px 0px; padding: 70px 0px 0px 0px; } .formAreaLoginHomeInput{ width: 307px; height: 52px; float: left; display: inline; position: relative; background-position: 0 -96px!important; margin: 0px 0px 0px 0px; padding: 26px 0px 0px 2px; }.formAreaLoginHomeInputPassword{background-position: -317px -96px!important; float:right;} .formAreaLoginHomeInputForgot{width: 625px; background-position: 0 -176px!important;} .formAreaLoginHomeInputNewPassword{width: 306px; background-position: 0 -256px!important; float:left; padding-left:8px;} .formAreaLoginHomeInputNewPasswordSecurity{width: 313px; background-position: -314px -256px!important; float:right; padding-left:0px;} .formAreaLoginHomeInput .formAreaLoginHomeError, .formAreaLoginHomeInput .formAreaLoginHomeErrorNewPassword, .formAreaLoginHomeInput .formAreaLoginHomeErrorNewPasswordSecurity{ color: #9d0d15; position: absolute; top:0; right:0; margin: 0px 0px 0px 0px; padding: 5px 15px 0px 0px; }.formAreaLoginHomeError span.error{text-indent: -999em;} .formAreaLoginHomeInput .formAreaLoginHomeErrorNewPassword{padding: 28px 15px 0px 0px;} .formAreaLoginHomeInput .formAreaLoginHomeErrorNewPasswordSecurity{padding: 28px 15px 0px 0px;} .formAreaLoginHomeInput input{ width: 268px; height: 40px; color: #707070; font: 32px 'arial', geneva, helvetica, arial, verdana, sans-serif!important; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; } .formAreaLoginHomeInputForgot input{width: 586px; padding: 0px 5px 0px 5px;} .formAreaLoginHomeInputNewPassword input{width: 280px; padding: 0px 5px 0px 5px;} .formAreaLoginHomeInputNewPasswordSecurity input{width: 280px; padding: 0px 5px 0px 5px; margin-left:-8px!important;} .formAreaLoginHome button{ width: 210px; height: 47px; background: none; border: 0px; background-position: -207px 0!important; margin: 25px 0px 0px 1px; padding: 0px 0px 0px 0px; cursor: pointer; }.formAreaLoginHome button:hover{background-position: -418px 0!important;} .formAreaLoginHome button.forgot{background-position: -207px -48px!important;} .formAreaLoginHome button.forgot:hover{background-position: -418px -48px!important;} .formAreaLoginHome button.refresh{width: 301px; background-position: 0 -336px!important;} .formAreaLoginHome button.refresh:hover{width: 301px; background-position: -325px -336px!important;} .forgotLink{margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px;} .forgotLink a{color: #636363; text-decoration: none;} .forgotLink a:hover{text-decoration: underline;} .copyright{color: #000; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px;} /* @@group User Info ---------------------------------------------------------------------------------------------------*/ .logoutHelpworxx, .chachngePW a{ font-weight: bold; color: #3577b2; cursor: pointer; text-decoration: none; } /* @@group Template List ---------------------------------------------------------------------------------------------------*/ .listTicketContainer{ width: 974px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }.listTicketContainer *{background-image: url(../layout/mainBaseSprite.png)!important; background-repeat: no-repeat; background-position: -999em -999em;} /* @@area listTicketContainerWhoIsInformation ---------------------------------------------------------------------------------------------------*/ td.listTicketContainerItemFromPers span, td.listTicketContainerItemAssTo span{ display: block;} .whoIsInformation{ width: 156px; height: 62px; text-align: left; color:#636363!important; z-index: 9589; background-position: -752px -270px!important; position: absolute; margin: -91px 0px 0px 0px!important; *margin: -90px 0px 0px -93px!important; padding: 15px; } .whoIsInformation div{ font-size: 10px; } .whoIsName{ font-weight: bold; font-size: 11px;} .whoIsEmail{ padding-top: 1px; } .whoIsEmail a{ color:#3577b2!important; } td.theFirst4TD .whoIsInformation{ background-position: -128px -371px!important; height: 56px; margin: 14px 0px 0px 0px!important; padding-top: 22px!important; } /* @@area listTicketContainerSearchArea ---------------------------------------------------------------------------------------------------*/ /* @@area SearchInputField -----------------------------------------------------------------------------------------------*/ .formAreaSearchInput{ width: 452px; height: 30px;position: relative; background-position: -232px -204px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }.formAreaSearchInput input{ width: 430px; height: 23px; position: absolute; color: #333333; margin: 0px 0px 0px 0px; padding: 7px 9px 0px 9px; } #resetSearchInput{ width: 16px; height: 16px; cursor: pointer; position: absolute; z-index: 695688; right: 0; background-position: -669px -276px!important; display: block; margin: 13px 8px 0px 0px; padding: 0px 0px 0px 0px; }#resetSearchInput span{width: 16px; height: 16px; display: block;} #whereMustSearch{ width: 65px; height: 30px; position: absolute; z-index: 695686; right: 0; margin: 6px 7px 0px 0px; padding: 0px 0px 0px 0px; } #whereMustSearch .selectLabel{ position: absolute; z-index: 1; line-height: 29px; height: 30px; padding-left: 5px; } #whereMustSearchSelect{ width: 65px; height: 30px; float: left; position: absolute; z-index: 2; cursor: pointer; display:inline; background-color: #ffffff; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 9px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; } #whereMustSearchSelect option{ border: none; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 9px; } /* @@area SearchButton ---------------------------------------------------------------------------------------------------*/ .listTicketContainerSearchAreaSearchButton{ margin: 5px 0px 0px 0px; padding: 0px 0px 0px 10px; } .listTicketContainerSearchAreaSearchButton button:active{ background-position: -555px -108px!important; } .listTicketContainerSearchAreaSearchButton button{ width: 87px; height: 31px; background-position: -555px -76px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }.listTicketContainerSearchAreaSearchButton button div{width: 87px; height: 31px; text-indent: -999em; cursor: pointer!important;} /* @@area OpenFilterArea ---------------------------------------------------------------------------------------------------*/ #openFilterArea{ width: 95px; height: 31px; margin: 5px 0px 0px 4px; padding: 0px 0px 0px 0px; }.filterContainerIsClosed{ background-position: -642px -76px!important; } .filterContainerIsOpened{ background-position: -642px -108px!important; } #openFilterArea div{width: 95px; height: 31px; text-indent: -999em; cursor: pointer!important;} #loaderListContent{ text-align: center; } /* @@area filter ---------------------------------------------------------------------------------------------------*/ #statusDiv{ position: absolute; left: 0; margin: 32px 0px 0px 245px; padding: 0px 0px 0px 0px; } #filterContainer{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .filterInfoMessage{ width: 260px; color: #3577b2; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; } #filterContainer .selectLabel{ position: relative; z-index: 1; line-height: 27px; height: 28px; padding-left: 9px; } .filterInput183{ width: 183px; height: 28px; background-position: -484px -264px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } #flt6_listTicketContainerItemsTable, #flt7_listTicketContainerItemsTable{ width: 183px; height: 28px; float: left; position: absolute; z-index: 2; cursor: pointer; display:inline; background-color: #ffffff; margin: -28px 0px 0px 0px; padding: 8px 0px 0px 9px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; } .filterInput97{ width: 97px; height: 28px; background-position: -320px -264px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } #flt4_listTicketContainerItemsTable, #flt5_listTicketContainerItemsTable{ width: 97px; height: 28px; float: left; position: absolute; z-index: 2; cursor: pointer; display:inline; background-color: #ffffff; margin: -28px 0px 0px 0px; padding: 8px 0px 0px 9px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; } #flt4_listTicketContainerItemsTable option, #flt5_listTicketContainerItemsTable option, #flt6_listTicketContainerItemsTable option, #flt7_listTicketContainerItemsTable option{ border: none; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 9px; } .filterMultiInput{ width: 150px; height: 85px; background-position: -651px -555px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; }.filterMultiInput select{ margin-top: 7px; padding: 0px 0px 0px 10px; width: 145px; height: 70px; border: none; outline: 0;} .filterMultiInput option{ padding: 0px 0px 0px 0px; color: #636363; border: none;} .lableFilterClosedTicket{ width: 143px; height: 13px; background-position: -233px -538px!important; /* NO Sprites */ margin: 0px 0px 0px 1px; padding: 0px 0px 0px 0px; } .showClosedTicketsNormal{ width: 84px; height: 31px; background-position:-365px -620px !important; /* NO Sprites */ margin:0; padding:0; }#showClosedTickets div{ width: 84px; height: 31px; text-indent: -999em; cursor: pointer!important;} .showClosedTicketsAktive{background-position: -549px -620px !important; /* NO Sprites */} #hideClosedTickets{ width: 96px; height: 31px; background-position:-451px -620px !important; /* NO Sprites */ margin:0; padding:0; }#hideClosedTickets div{ width: 96px; height: 31px; text-indent: -999em; cursor: pointer!important;} button#btnFlt{ width: 121px; height: 31px; background-position:-355px -140px !important; margin:0; padding:0; } button#btnFlt div{ width: 121px; height: 31px; text-indent: -999em; cursor: pointer!important;} button#btnFlt:active{ background-position:-355px -172px !important; } button#btnClr{ width: 128px; height: 31px; background-position:-476px -140px !important; margin:0; padding:0; } button#btnClr div{ width: 128px; height: 31px; text-indent: -999em; cursor: pointer!important;} button#btnClr:active{ background-position:-476px -172px !important; } /* @@area Display Info of Pagebrowser ---------------------------------------------------------------------------------------------------*/ #ldiv_listTicketContainerItemsTable{ height: 23px; padding: 5px 0px 0px 5px; margin: 0px 0px 0px 0px; } /* @@area Pagebrowser ---------------------------------------------------------------------------------------------------*/ #inf_listTicketContainerItemsTable, #listTicketContainerItemsTable{ float: none!important; clear: both!important; } #inf_listTicketContainerItemsTable{ width: 500px; } #mdiv_listTicketContainerItemsTable{} span#btnLastSpan_listTicketContainerItemsTable, span#btnFirstSpan_listTicketContainerItemsTable, #slcPages_listTicketContainerItemsTable, span#pgbeforespan_listTicketContainerItemsTable, #slcPages_listTicketContainerItemsTable, #pgafterspan_listTicketContainerItemsTable, #pgspan_listTicketContainerItemsTable{ display: none; } span#btnPrevSpan_listTicketContainerItemsTable{ width: 29px; height: 25px; background-position: 0 -76px!important; display: block; float: left; } span#btnPrevSpan_listTicketContainerItemsTable input{ width: 29px; height: 25px; cursor:pointer; outline: 0;} span#btnPrevSpan_listTicketContainerItemsTable:active{ background-position: 0 -101px!important; } span#btnNextSpan_listTicketContainerItemsTable{ width: 29px; height: 25px; background-position: -29px -76px!important; display: block; float: left; margin: 0px 0px 0px 1px; } span#btnNextSpan_listTicketContainerItemsTable input{ width: 29px; height: 25px; cursor:pointer; outline: 0;} span#btnNextSpan_listTicketContainerItemsTable:active{ background-position: -29px -101px!important; } /* @@area Result pro page ---------------------------------------------------------------------------------------------------*/ #rdiv_listTicketContainerItemsTable{ width: 152px; height: 25px; float: right; position: relative; background-position: -105px -126px!important; position: relative; margin: 0px 280px 10px 0px; padding: 0px 0px 0px 0px; } #rdiv_listTicketContainerItemsTable *{cursor:pointer!important;} #rdiv_listTicketContainerItemsTable:active{ background-position: -105px -151px!important; } #slcResultsTxt_listTicketContainerItemsTable{ position: absolute; z-index: 1; right: 0; line-height: 22px; height: 24px; color: #5190d8; margin: 0px 25px 0px 0px; padding: 0px 0px 0px 0px; } #slcResults_listTicketContainerItemsTable{ width: 152px; height: 25px; float: left; position: absolute; z-index: 2; cursor: pointer; display:inline; background-color: #ffffff; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 9px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; } #slcResults_listTicketContainerItemsTable option{ border: none; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 9px; } /* @@area SelectionMenu ---------------------------------------------------------------------------------------------------*/ #saveSelection{ position: absolute; right: 0; margin: 28px 181px 0px 0px; padding: 0px 0px 0px 0px; } #saveSelection a{ width: 29px; height: 25px; background-position: -58px -76px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #saveSelection a span{ display: block; text-indent: -999em; width: 85px; height: 25px; } #saveSelection a:active{ background-position: -58px -101px!important; } #refreshSelection{ position: absolute; right: 0; margin: 28px 230px 0px 0px; padding: 0px 0px 0px 0px; } #refreshSelection a{ width: 48px; height: 25px; background-position: -87px -76px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #refreshSelection a span{ display: block; text-indent: -999em; width: 85px; height: 25px; } #refreshSelection a:active{ background-position: -87px -101px!important; } #delSelection{ position: absolute; right: 0; margin: 28px 181px 0px 0px; padding: 0px 0px 0px 0px; } #delSelection a{ width: 48px; height: 25px; background-position: -45px -397px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #delSelection a span{ display: block; text-indent: -999em; width: 85px; height: 25px; } #delSelection a:active{ background-position: -45px -422px!important; } /* @@area PrinButton ---------------------------------------------------------------------------------------------------*/ #printTicket{ position: absolute; right: 0; margin: 28px 87px 0px 0px; padding: 0px 0px 0px 0px; } #printTicket a{ width: 85px; height: 25px; background-position: -172px -76px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #printTicket a span{ display: block; text-indent: -999em; width: 85px; height: 25px; } #printTicket a:active{ background-position: -172px -101px!important; } #printInfoText{ width: 287px; height: 17px; margin: 10px 0px 0px 5px; padding: 0px 0px 0px 0px; } #printInfoText span{ width: 287px; height: 17px; background-position: 0 -327px!important; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -999em; } /* @@area HelpButton ---------------------------------------------------------------------------------------------------*/ #helpTicket{ position: absolute; right: 0; margin: 28px 15px 0px 0px; padding: 0px 0px 0px 0px; } #helpTicket a{ width: 67px; height: 25px; background-position: -566px -825px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } #helpTicket a span{ display: block; text-indent: -999em; width: 67px; height: 25px; } #helpTicket a:active{ background-position: -566px -852px!important; } /* @@area listTicketContainerSearchAreaAddTicket ---------------------------------------------------------------------------------------------------*/ .listTicketContainerSearchAreaAddTicket{} .listTicketContainerSearchAreaAddTicket div{ width: 170px; height:31px; background-position: -480px -555px!important; margin: 5px 105px 0px 0px; padding: 0px 0px 0px 0px; }.listTicketContainerSearchAreaAddTicket div:active{background-position: -480px -587px!important; } .listTicketContainerSearchAreaAddTicket div a{ width: 170px; height:31px; display: block; cursor: pointer; outline:0; text-indent: -999em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* @@area listTicketContainerItems ---------------------------------------------------------------------------------------------------*/ .listTicketContainerTop{ width: 974px; height:5px; background-position: 0 -10px!important; margin: 6px 0px 0px 0px; } .listTicketContainerItems{ width: 944px; background-color: #fff!important; margin: 0px 0px 0px 0px; padding: 5px 15px 10px 15px; } .listTicketContainerBottom{ width: 974px; height:5px; background-position: 0 -16px!important; } /* @@area THead ---------------------------------------------------------------------------------------------------*/ #listTicketContainerItemsTable thead th *{ cursor: pointer!important; } #listTicketContainerItemsTable thead th{ height: 40px; color: #fff; border: 0; margin: 0; padding: 0; background: url(../layout/selectTableBg.png) repeat-x left top!important; } #listTicketContainerItemsTable th .first{background: url(../layout/selectTableBgFirst.png) no-repeat left top!important;} #listTicketContainerItemsTable th .last{background: url(../layout/selectTableBgLast.png) no-repeat right top!important;} #listTicketContainerItemsTable th.blank .li{ background: none!important;} #listTicketContainerItemsTable th.blank *{ cursor: default!important; } #listTicketContainerItemsTable th.aktion *{ cursor: default!important; } #listTicketContainerItemsTable th.aktion .li{ height: 26px; width: 11px; background: url(../layout/listViewAktionTheadIcon.gif) no-repeat 0px 0px!important; margin: -4px 0px 0px 30px; *margin: 16px 0px 0px 30px; padding: 0px 0px 0px 0px; position: absolute; left: 0; } #listTicketContainerItemsTable thead th .li{ height: 26px; text-align: left; background: url(../layout/selectTableOne.png) no-repeat right top!important; margin: 0px 5px 0px 0px; padding: 14px 0px 0px 10px; } #listTicketContainerItemsTable th.headerSortUp .first{background: url(../layout/selectTableBgFirstHover.png) no-repeat left top!important;} #listTicketContainerItemsTable th.headerSortUp .last{background: url(../layout/selectTableBgLastHover.png) no-repeat right top!important;} #listTicketContainerItemsTable th.headerSortUp .first .left{background: none!important;} #listTicketContainerItemsTable th.headerSortUp .last .right{background: none!important;} #listTicketContainerItemsTable th.headerSortUp{background: url(../layout/selectTableBgHover.png) repeat-x left top!important;} #listTicketContainerItemsTable th.headerSortUp .left{margin-left: -1px; background: url(../layout/selectTableTrennLeft.png) no-repeat left top!important;} #listTicketContainerItemsTable th.headerSortUp .right{margin-right: -1px; background: url(../layout/selectTableTrennRight.png) no-repeat right top!important;} #listTicketContainerItemsTable th.headerSortUp .li{background: url(../layout/selectTableTwo.png) no-repeat right top!important;} #listTicketContainerItemsTable th.headerSortDown .first{background: url(../layout/selectTableBgFirstHover.png) no-repeat left top!important;} #listTicketContainerItemsTable th.headerSortDown .last{background: url(../layout/selectTableBgLastHover.png) no-repeat right top!important;} #listTicketContainerItemsTable th.headerSortDown .first .left{background: none!important;} #listTicketContainerItemsTable th.headerSortDown .last .right{background: none!important;} #listTicketContainerItemsTable th.headerSortDown{background: url(../layout/selectTableBgHover.png) repeat-x left top!important;} #listTicketContainerItemsTable th.headerSortDown .left{margin-left: -1px; background: url(../layout/selectTableTrennLeft.png) no-repeat left top!important;} #listTicketContainerItemsTable th.headerSortDown .right{margin-right: -1px; background: url(../layout/selectTableTrennRight.png) no-repeat right top!important;} #listTicketContainerItemsTable th.headerSortDown .li{background: url(../layout/selectTableThree.png) no-repeat right top!important;} /* @@area TBody ---------------------------------------------------------------------------------------------------*/ tr.listTicketContainerItem{ width: 944px; }/*tr.select, tr.select a{ color:#ED6C19!important; }*/ tr.listTicketContainerRow td{ border-top: 1px solid #eee;/*background-color:#f6f6f6;*/} tr.listTicketContainerRowAlt td{ border-top: 1px solid #eee;/*background-color:#F6F6F6;*/} tr:hover td{ background-color: #F6F6F6!important; } tr.select td{ background-color: #F6F6F6!important; } /*@edit rm deadline reminder*/ tr.alertMarker { background-color:#ffd976!important; color:#eb8108!important; } tr.alertMarker a { color:#fc5c00!important; } .listTicketContainerItem td{ height: 25px; border: none; text-align: center; /*border-right: 2px solid #fff;*/ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }.listTicketContainerItem td.highlight{background-color:#ebebeb!important;} .listTicketContainerItem td.last{border-right: none;} td.listTicketContainerItemAktionSelect, td.listTicketContainerItemAktionAddAdittion{ width: 20px; border-top: 2px solid #fff; border-right: none; } td.listTicketContainerItemAktionAddAdittion{ width: 35px; } td a.addQuickAdditionalFromListView{ width: 9px; height: 13px; display: block; background-position: -727px -280px!important; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; float: left; } td a.addQuickAdditionalFromListView span{ width: 9px; height: 13px; display: block; text-indent: -999em;} td a.quickAdditinalAreaIsOpen{ background-position: -737px -280px!important; } .addQuickAdditionalConatiner{ width: 310px; height: 136px; background-position: -628px -363px!important; position: absolute; z-index: 965896; left:0; margin: -175px 0px 0px 16px!important; padding: 40px 0px 0px 0px; } .addQuickAdditionalConatinerRow{height: 128px; background-position: -317px -363px!important; margin: 11px 0px 0px 16px!important; padding: 48px 0px 0px 0px; } .attachList{ float: right; } .attachListIcon{ width: 12px; height: 13px; background-position: -739px -246px!important; } .attachListContent{ position: absolute; width: 187px; z-index: 965899; margin: 0px 0px 0px -26px; padding: 0px 0px 0px 0px; } div.listAttachTop{ width: 187px; height: 20px; background: url(../layout/listAttachTop.png) no-repeat left top!important; } div.listAttachMiddle{ width: 187px; text-align: left; background: url(../layout/listAttachMiddle.png) repeat-y left top!important; } .listAttachItem{ width: 161px; height: 20px; border-top: 1px solid #eee; margin: 0px 0px 0px 3px; padding: 5px 10px 0px 10px; }.listAttachItem0{ border: none; } .listAttachItemLabel{ float: left; width: 130px; overflow: hidden; text-overflow: clip; white-space: nowrap;} div.listAttachItemVorschau{ float: right; padding: 6px 0px 0px 0px; } div.listAttachItemVorschau a{ width: 8px; height: 8px; display: block; background: url(../layout/listAttachIconP.png) no-repeat left bottom!important; }div.listAttachItemVorschau a span{ width: 8px; height: 8px; } div.listAttachItemDonwload{ float: right; padding: 6px 0px 0px 5px; } div.listAttachItemDonwload a{ width: 7px; height: 8px; display: block; background: url(../layout/listAttachIconD.png) no-repeat right bottom!important; }div.listAttachItemDonwload a span{ width: 7px; height: 8px; } div.listAttachBottom{ width: 187px; height: 20px; background: url(../layout/listAttachBottom.png) no-repeat left top!important; } .addQuickAdditionalConatiner textarea{ width: 280px; height: 80px; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 0px; } .addQuickAdditionalConatinerFunctions{ width: 292px; margin: 0px 0px 0px 0px; padding: 13px 0px 0px 10px; } .addQuickAdditionalConatinerFunctionsInfo{ color: #510000; padding-left: 5px; } .addQuickAdditionalConatiner button.quickHideButton{ width: 64px; height: 19px; background-position: -316px -344px!important; } .addQuickAdditionalConatiner button.quickHideButton div{ width: 64px; height: 19px; text-indent: -999em; cursor: pointer; } .addQuickAdditionalConatiner button.quickSendButton{ width: 68px; height: 19px; background-position: -384px -344px!important; } .addQuickAdditionalConatiner button.quickSendButton div{ width: 68px; height: 19px; text-indent: -999em; cursor: pointer; } td.listTicketContainerItemAktionSelect div{width: 9px; height: 9px; margin: 0px 0px 0px 8px;} td.statusWaitingTitle div, td.statusFertigTitle div, td.setSelectMarker div{ width: 9px!important; height: 9px!important; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 0px; } td.addSelectMarkerOver div{width: 9px; height: 9px; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 0px;} td.statusWaitingCost div, td.statusWaitingCostf div{ width: 15px; height: 17px; } td.addSelectMarkerOver div{ background-position: -716px -244px!important; } td.setSelectMarker div{ background-position: -727px -254px!important; } td.statusWaitingTitle div{ background-position: -716px -254px!important; } td.statusWaitingCost div{ background-position: -636px -861px!important; } td.statusWaitingCostf div{ background-position: -652px -861px!important; } td.statusFertigTitle div{ background-position: -727px -244px!important; } td.listTicketContainerItemTitle{ width: 216px; text-align: left; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; } th.title{ width: 231px;} /*td.listTicketContainerItemTitle span{ width: 0px; height: 0px; display: block; text-indent: -999em; }*/ td.listTicketContainerItemTitle span{ display: block; font-size: 0px; width: 0px; height: 0px; line-height: 0px; text-indent: -4000px; } td.listTicketContainerItemTitle a{ color: #00a8e8; text-decoration: none; } td.listTicketContainerItemId, th.number{ width: 57px; } td.listTicketContainerItemCrdate, th.crdate{ width: 86px; } td.listTicketContainerItemRldate, th.rldate{ width: 86px; } td.listTicketContainerItemRldate.alertMarker { background:#ffc966!important; color:#ff6e00; } td.listTicketContainerItemCustomer, th.customer{ width: 106px; } td.listTicketContainerItemCategory, th.category{ width: 112px; } td.listTicketContainerItemAssTo, th.to{ width: 73px; } td.listTicketContainerItemAssTo span{ width: 73px; display: block; z-index: 9865985;} td.listTicketContainerItemFromPers, th.by{ width: 73px; } td.listTicketContainerItemFromPers span{ width: 73px; display: block; z-index: 9865985;} td.listTicketContainerItemPriority, th.priority{ width: 45px; } td.listTicketContainerItemPriority{ font-size: 11px; padding-bottom: 2px!important; } td.listTicketContainerItemStatus, th.status{ width: 70px; } td.listTicketContainerItemStatus{ padding-bottom: 2px!important; } td.listTicketContainerItemStatus{ font-size: 8px; } td.statusOpen{ background: url(../layout/st_open.png) no-repeat center center!important; text-indent: -999em; } td.statusAdopted{ background: url(../layout/st_adopted.png) no-repeat center center!important; text-indent: -999em; } td.statusEdit{ background: url(../layout/st_edit.png) no-repeat center center!important; text-indent: -999em; } td.statusWaiting{ background: url(../layout/st_waited.png) no-repeat center center!important; text-indent: -999em; } td.statusFertig{ background: url(../layout/st_ready.png) no-repeat center center!important; text-indent: -999em; } td.statusEnds{ background: url(../layout/st_end.png) no-repeat center center!important; text-indent: -999em; } td.statusClosed{ background: url(../layout/st_closed.png) no-repeat center center!important; text-indent: -999em; } td.priority1{ background: url(../layout/prio1.png) no-repeat center center!important; text-indent: -999em; } td.priority2{ background: url(../layout/prio2.png) no-repeat center center!important; text-indent: -999em; } td.priority3{ background: url(../layout/prio3.png) no-repeat center center!important; text-indent: -999em; } td.priority4{ background: url(../layout/prio4.png) no-repeat center center!important; text-indent: -999em; } td.priority5{ background: url(../layout/prio5.png) no-repeat center center!important; text-indent: -999em; } td.priority6{ background: url(../layout/prio6.png) no-repeat center center!important; text-indent: -999em; } td.priority7{ background: url(../layout/prio7.png) no-repeat center center!important; text-indent: -999em; } td.priority8{ background: url(../layout/prio8.png) no-repeat center center!important; text-indent: -999em; } td.priority9{ background: url(../layout/prio9.png) no-repeat center center!important; text-indent: -999em; } td.priority10{ background: url(../layout/prio10.png) no-repeat center center!important; text-indent: -999em; } td.noSelect, td.noSelect a{ color:#636363!important; } /* @@group Template Edit Ticket ---------------------------------------------------------------------------------------------------*/ /* @@area formAreaNewTicket ---------------------------------------------------------------------------------------------------*/ .formAreaEdit{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* @@area editTicketContainerCenterContentLeftStauts ---------------------------------------------------------------------------------------------------*/ .formAreaEditSelectStatus{ width: 125px; height: 28px; background-position: -582px -235px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .editTicketContainerCenterContentLeftStauts, .editTicketContainerCenterContentLeftStatusCheck{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; } .editTicketContainerCenterContentLeftStatusCheck .input{ color: #FEFFE8; padding: 10px 0px 0px 0px; } #selectStatusLabel{ position: absolute; z-index: 1; line-height: 27px; height: 28px; padding-left: 9px; } #statusSelect{ width: 125px; height: 28px; float: left; position: absolute; z-index: 2; cursor: pointer; display:inline; background-color: #ffffff; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 9px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; } #statusSelect option{ border: none; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 9px; } /* @@area editTicketContainerCenterContentLeftTO ---------------------------------------------------------------------------------------------------*/ .formAreaEditSelectTo{ width: 183px; height: 28px; background-position: -484px -264px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .editTicketContainerCenterContentLeftTo{ position: absolute; left:0; width: 265px; margin: -13px 0px 0px 395px; padding: 0px 0px 0px 0px; } #selectToLabel{ position: absolute; z-index: 1; line-height: 27px; height: 28px; padding-left: 9px; } #toSelect{ width: 183px; height: 28px; float: left; position: absolute; z-index: 2; cursor: pointer; display:inline; background-color: #ffffff; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 9px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; } #toSelect option{ border: none; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 9px; } .adopt-option { font-weight: bold!important; } .adopt-sub-option { padding-left:5px!important; } .adopt-sub-option.user-not-available { background:#f1bdbd; color:red; } /* @@area editTicketContainerCenterContentLeftCosth ---------------------------------------------------------------------------------------------------*/ .editTicketContainerCenterContentLeftCosth{ position: absolute; left:0; width: 185px; margin: -13px 0px 0px 250px; padding: 0px 0px 0px 0px; } .editTicketContainerCenterContentLeftCosth .formAreaNewInput{ width: 65px; height: 28px; background-position: -635px -826px!important; margin: 5px 0px 0px 60px; padding: 0px 0px 0px 0px; } .editTicketContainerCenterContentLeftCosth .formAreaNewInput input{ width: 47px; height: 21px; color: #333333; margin: 0px 0px 0px 0px; padding: 3px 9px 0px 9px; } /* @@area editTicketContainerCenterContentLeftAdditions ---------------------------------------------------------------------------------------------------*/ .editTicketContainerCenterContentLeftAdditions{ margin: 0px 0px 0px 0px; padding: 6px 0px 6px 0px; } a#additionButton{ width: 30px; height: 28px; text-indent: -999em; display: block; float:left; background-position: -289px -235px!important; }a#additionButton:hover{background-position: -289px -264px!important;} #additionButtonHint{ width: 127px; height: 16px; float: left; background-position: -160px -293px!important; margin: 7px 0px 0px 10px; padding: 0px 0px 0px 0px; } .textareaAdditionsTopRow{ width: 643px; height: 4px; position: relative; background-position: 0 -34px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .textareaAdditionsRow{ width: 643px; height: 74px; position: relative; background-image: url(../layout/bgDescriptionAdditions.png)!important; background-position: lef top!important; background-repeat: repeat-y!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }.textareaAdditionsRow div{ background: url(../layout/bgDescriptionAdditions.png) repeat-y left top!important; } .textareaAdditionsRow textarea{ width: 625px; height: 62px; color: #333333; *width: 620px; *height: 62px; margin: 0px 0px 0px 0px; padding: 6px 9px 6px 9px; } .textareaAdditionsBottomRow{ width: 643px; height: 4px; position: relative; background-position: 0 -39px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .removeAdditionsButton{ width: 16px; height: 16px; position: absolute; right:0; top:0; z-index: 9696958; background-position: -669px -276px!important; cursor: pointer; text-indent: -999em; display: block; margin: 5px 5px 0px 0px; padding: 0px 0px 0px 0px; } /* @@area AddtionContainer ---------------------------------------------------------------------------------------------------*/ .editTicketContainerCenterContentLeftAdditions .additionContainerTop{ width: 643px; height: 6px; background: url(../layout/additionTopOne.png) no-repeat 0 0!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; }.editTicketContainerCenterContentLeftAdditions .additionContainerTopClosed{ background: url(../layout/additionTopOneClose.png) no-repeat 0 0!important; } .editTicketContainerCenterContentLeftAdditions .additionContainerCenter{ width: 643px; background: url(../layout/additionContent.png) repeat-y 0 0!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .additionDate { color:#FFF!important; } .editTicketContainerCenterContentLeftAdditions .additionContainerCenterContentTop{ width: 643px; background: url(../layout/additionTopTwo.png) no-repeat left top!important; }.editTicketContainerCenterContentLeftAdditions .additionContainerCenterContentBottom{ width: 623px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; background: url(../layout/additionBottomTwo.png) no-repeat left bottom!important; } .editTicketContainerCenterContentLeftAdditions .additionContainerCenterContentBottom .additionInfo{ font-weight: bold; color: #3577b2; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; } .additionInfo a{ color: #FEFFE8; text-decoration: none; height: 16px!important; background: url(../layout/addition_icon.png) no-repeat left 1px!important; margin: 0px 0px 0px -1px; padding: 0px 0px 0px 25px; display: block; } .editTicketContainerCenterContentLeftAdditions .additionContainerCenterContentBottom .additionText{ color: #FEFFE8; margin: 0px 0px 0px 0px; padding: 3px 0px 8px 0px; } .editTicketContainerCenterContentLeftAdditions .additionContainerBottom{ width: 643px; height: 6px; background: url(../layout/additionBottomOne.png) no-repeat 0 0!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* @@area Datapool ---------------------------------------------------------------------------------------------------*/ .ticketNavigationTabContentDatenpool{} .ticketNavigationTabContentDatenpool .newTicketContainerCenterContentLeft{} .dataPoolContainer{ width: 100%; height: 26px; margin: 0px 0px 3px 0px; padding: 0px; border-bottom: 1px solid #fb9321; background: url(../layout/tabInfoTrennLine.png) no-repeat left bottom !important; }.dataPoolContainerIsOpen a .dataPoolContainerLabel{ color: #fff; } .dataPoolContainer #appendixDetailLink_ID0{ border-top: 1px solid #CCC; padding-top: 2px; } /*.dataPoolContainer a, .dataPoolContainer span{ display: block; cursor: pointer; position: relative; }*/ .dataPoolContainerFile{ width: 12px; height: 16px; background-position: 0 -634px!important; margin: 3px 0px 0px 0px; padding: 0px; } .dataPoolContainerFile img{ width: 12px; height: 16px; } .dataPoolContainerLabel{ width: 95%; display: block; text-align: left; color: #8C3023; font-size: 11px; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 12px; }a:hover .dataPoolContainerLabel{ color: #fff; } .ticketNavigationTabContentDatenpool .newTicketContainerCenterContentRight{} .appendixDetailContainer{ margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; } .appendixDetailContainerTopColum{} .appendixDetailContainerTopColumPreview{ width: 130px; height: 150px; overflow: hidden; position: relative; } .appendixDetailContainerTopColumPreview .filetypes{ width: 113px; height: 150px; display: block; } .appendixDetailContainerTopColumPreview .doc{ background-position: 0 -674px!important; } .appendixDetailContainerTopColumPreview .zip{ background-position: -113px -674px!important; } .appendixDetailContainerTopColumPreview .xls{ background-position: -226px -674px!important; } .appendixDetailContainerTopColumPreview .txt{ background-position: -339px -674px!important; } .appendixDetailContainerTopColumPreview .rar{ background-position: -452px -674px!important; } .appendixDetailContainerTopColumPreview .psd{ background-position: -565px -674px!important; } .appendixDetailContainerTopColumPreview .mp3{ background-position: -678px -674px!important; } .appendixDetailContainerTopColumPreview .html{ background-position: -791px -674px!important; } .appendixDetailContainerTopColumPreview .fla{ background-position: 0 -824px!important; } .appendixDetailContainerTopColumPreview .css{ background-position: -113px -824px!important; } .appendixDetailContainerTopColumPreview .pdf{ background-position: -226px -824px!important; } .appendixDetailContainerTopColumPreview .swf{ background-position: -339px -824px!important; } .appendixDetailContainerTopColumPreview .flv{ background-position: -452px -824px!important; } .appendixDetailContainerTopColumPreview span.fileDeta{ width: 130px; height: 150px; position: absolute; background: url(../layout/file_detail_image_bg.png) no-repeat left top!important; } .formAreaEditSubmitAddToDatapool{ width: 114px; height: 31px; background-position: -365px -555px!important; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaEditSubmitAddToDatapool div{width: 114px; height: 31px; text-indent: -999em; cursor: pointer;} .formAreaEditSubmitAddToDatapool:active{ background-position: -365px -587px!important; } .appendixDetailContainerTopColumDataInfo{ color: #333; } .appendixDetailContainerTopColumDataInfoLabel{ font-size: 13px; font-weight: bold; color: #fff; position: relative; } .appendixDetailContainerTopColumDataInfoArt{ padding: 4px 0px 0px 0px; } span.cropDataPoolTitle{ width: 24px; height: 30px; position: absolute; right: 0; display: block; background: url(../layout/croptDatapoolLabel.png) repeat-y left top!important; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; } .appendixDetailContainerTopColumDataInfo .downloadFile{ width: 96px; height: 25px; display: block; background-position: -64px -178px!important; margin: 14px 0px 0px 0px; padding: 0px 0px 0px 0px; } .appendixDetailContainerTopColumDataInfo .downloadFile:active{ background-position: -160px -178px!important; } .appendixDetailContainerTopColumDataInfo .downloadFile a span{ width: 96px; height: 25px; display: block; } .appendixDetailContainerTopColumDataInfo .downloadFile a{ cursor:pointer!important; } /* @@area uploadedFiles --------------------------------------------------------------------------------------------------- .uploadedFiles{ margin: 0px 0px 0px 0px; padding: 16px 0px 0px 0px; } .downloadFiles{ margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; } .downloadFiles a{ color: #FEFFE8; background: url(../layout/donwloadIcon.png) no-repeat left 4px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 14px;700000040 } .appendixDetailContainer{ width: 261px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }.appendixDetailContainer a{cursor: pointer!important;} a.selectAppendixItem{ width: 257px; height: 16px; display:block!important; background: none!important; background-image: url(../layout/mainBaseSprite.png)!important; background-position: -9px -540px!important; background-color: #FEFFE8!important; color: #FA7507; font-weight: bold; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 4px; }a.selectAppendixItem span#selectAppendixItemClose{ width: 16px; height: 16px; display: block; background-position: -669px -276px!important; } .appendixDetailContainerContent{ background-color:#feffe8; margin: 0px 0px 0px 0px; padding: 8px 10px 4px 10px; } .appendixDetailContainerHeader{ background-color:none; display: block; position:relative; z-index:96589; margin: 0px 0px 0px 0px; padding: 0px 0px 12px 0px; } .appendixDetailContainer span.label{font-size: 14px; font-weight: bold; color:#E87107;} .appendixDetailContainer span.size, .appendixDetailContainer span.type, .appendixDetailContainer span.imagesize{font-size: 10px;} .appendixDetailContainer .downloadFile{ width: 93px; height: 25px; display: block; background-position: -36px -178px!important; } .appendixDetailContainer .downloadFile:active{ background-position: -146px -178px!important; } .appendixDetailContainer .downloadFile a span{width: 93px; height: 25px; display:block;} .appendixDetailContainer .downloadFile a{ cursor:pointer!important; } .appendixDetailContainer .previewConatiner{ width: 89px; height: 25px; display: block; background-position: 0 -126px!important; margin: 0px 0px 0px 5px; } .appendixDetailContainer .previewConatiner:active{ background-position: 0 -151px!important; } .appendixDetailContainer .previewConatiner span{height: 25px; display: block; } .appendixDetailContainerBottom{ width: 261px; height: 6px; background-position: -9px -532px!important; } */ /* @@area sendButtonsContainer ---------------------------------------------------------------------------------------------------*/ .ediTicketContainerCenterContentLeftSendAttachSendContainer{position: absolute; left:0; top:0; margin: 0px 0px 0px 519px; z-index:999;} .ediTicketContainerCenterContentLeftSaveBackContainer{position: absolute; left:0; top:0; margin: 7px 0px 0px 427px; z-index:998;} .ediTicketContainerCenterContentLeftBackContainer{position: absolute; left:0; top:0; margin: 7px 0px 0px 313px; z-index:997;} .ediTicketContainerCenterContentLeftBackContainer .goBackToList{ width: 111px; height: 31px; text-indent: -999em; display: block; cursor: pointer; background-position: -802px -555px!important; } .ediTicketContainerCenterContentLeftBackContainer .goBackToList:active{ background-position: -802px -587px!important; } .ediTicketContainerCenterContentLeftSaveBackContainer button{ width: 89px; height: 31px; background-position: -383px -76px!important; } .ediTicketContainerCenterContentLeftSaveBackContainer button div{ width: 89px; height: 31px; text-indent: -999em; cursor: pointer; } .ediTicketContainerCenterContentLeftSaveBackContainer button:active{ background-position: -383px -108px!important; } .formAreaEditSubmit{ width: 125px; height: 31px; background-position: -258px -76px!important; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaEditSubmit div{width: 125px; height: 31px; text-indent: -999em; cursor: pointer;} .formAreaEditSubmit:active{ background-position: -258px -108px!important; } .ediTicketContainerCenterContentLeftPrintContainer{ position: absolute; right: 0; bottom: 0; margin: 0px 16px 0px 0px;} .ediTicketContainerCenterContentLeftPrintContainer a{ width: 85px; height: 25px; background-position: -172px -76px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } .ediTicketContainerCenterContentLeftPrintContainer a span{width: 85px; height: 25px; text-indent: -999em; display: block;} .ediTicketContainerCenterContentLeftPrintContainer a:active{ background-position: -172px -101px!important; } .graficTicketID{ position: absolute; right: 0; bottom: 0; margin: 0px 180px 4px 0px;} /* @@group Template New Ticket ---------------------------------------------------------------------------------------------------*/ .newTicketContainer{ width: 974px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }.newTicketContainer *{background-image: url(../layout/mainBaseSprite.png)!important; background-repeat: no-repeat; background-position: -999em -999em;} /* @@area Logo ---------------------------------------------------------------------------------------------------*/ .logoNewTicket{ width: 163px; height: 32px; background-image: url(../layout/mainBaseSprite.png)!important; background-repeat: no-repeat; background-position: -999em -999em; background-position: -573px -300px!important; margin: 0px 0px 20px 10px; padding: 0px 0px 0px 0px; }.logoNewTicket a span{width: 163px; height: 32px; display:block; cursor: pointer;} /* @@area newTicketContainer ---------------------------------------------------------------------------------------------------*/ .newTicketContainerTop{ width: 974px; height: 6px; background: url(../layout/newTicketContainerBackgroundTopOne.png) no-repeat 0 0!important; } .newTicketContainerCenter{ width: 974px; background: url(../layout/newTicketContainerBackground.png) repeat-y 0 0!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .newTicketContainerCenterContent{ width: 974px; position: relative; background: url(../layout/newTicketContainerBackgroundTopTwo.png) no-repeat 0 0!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* @@area formAreaNewTicket ---------------------------------------------------------------------------------------------------*/ .formAreaNew{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaNew label{ font-size: 11px; color: #fff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }.formAreaNew label span{color:#f7f7e0; display: block;} .formAreaNew label span.label{font-weight:bold;} .formAreaNew label.invalid span{color: #8b3108;} #error{margin: 20px 0px 0px 38px; padding: 0px 0px 0px 0px;} .ediTicketContainerCenterContentLeftSendAttachSendContainer #error{margin: 0px 0px 0px -145px; padding: 0px 0px 0px 0px;} #error div{ width: 270px; height: 16px; background-position: 0 -310px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaNewInput{ width: 231px; height: 28px; background-position: 0 -206px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaNewInput input{ width: 213px; height: 21px; color: #333333; margin: 0px 0px 0px 0px; padding: 3px 9px 0px 9px; } /* @@area newTicketContainerCenterContentLeft ---------------------------------------------------------------------------------------------------*/ .newTicketContainerCenterContentLeft{ width: 643px; margin: 0px 0px 0px 0px; padding: 9px 17px 0px 17px; } /* @@area newTicketContainerCenterContentLeftPrio ---------------------------------------------------------------------------------------------------*/ .formAreaNewSelectPrio{ width: 65px; height: 28px; background-position: -418px -264px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaNewSelectPrio *{cursor:pointer!important;} .newTicketContainerCenterContentLeftPrio{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; } #selectPrioLabel, #authPersonLabel{ position: absolute; z-index: 1; line-height: 27px; height: 28px; padding-left: 9px; } #selectPrio{ width: 65px; height: 28px; float: left; position: absolute; z-index: 2; cursor: pointer; display:inline; background-color: #ffffff; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 9px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; } #selectPrio option{ border: none; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 9px; } /* @@area newTicketContainerCenterContentLeftDateline ---------------------------------------------------------------------------------------------------*/ .newTicketContainerCenterContentLeftDeadline{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; } .newTicketContainerCenterContentLeftDeadline .formAreaNewInput{ width: 125px; height: 28px; background-position: -163px -235px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; }.newTicketContainerCenterContentLeftDeadline .formAreaNewInput:hover{background-position: -163px -264px!important;} .newTicketContainerCenterContentLeftDeadline .formAreaNewInput input{ width: 107px; height: 21px; cursor: pointer; margin: 0px 0px 0px 0px; padding: 7px 9px 0px 9px; } /* @@area formAreaNewTicketCalendar ---------------------------------------------------------------------------------------------------*/ .calendarSkin{ width: 197px; height: 210px; z-index: 999; background-position: -752px -44px!important; overflow: hidden; display: block; position: absolute; font-size: 11px; margin: 1px 0px 0px -8px; padding: 0px 0px 0px 0px; } .calendarSkin .calwrapper{ display:block; } .calendarSkin .calweekswrapper{ display:block; } .calendarSkin .calprevmonth{ float: left; margin: 0px 10px 0px 15px;} .calendarSkin .calnextmonth{ float: right; margin-right: 40px;} .calendarSkin .calnextyear{display:none;} .calendarSkin .calprevyear{display:none;} .calendarSkin .calclose{float:right; display: block; margin: -2px 15px 0px 0px;} .calendarSkin .dayboxvalue{display:none;} .calendarSkin .daybox:hover{} .calendarSkin .dayboxname:hover{} .calendarSkin .dayinmonth{} .calendarSkin .dayoutmonth{color: rgb( 150, 150, 150 );} .calendarSkin .dayselected .dayboxdate{text-decoration: none;} .calendarSkin .today{background-position: -711px -209px!important;} .calendarSkin .weekboxname{} .calendarSkin .calheader{ width: 190px; display: block; text-align: center; font-size: 11px; font-weight: bold; padding: 9px 0px 0px 9px; } .calendarSkin .caltitle{ height: 20px; text-align: center; vertical-align: top; margin: 0px auto; padding: 0px 0px 0px 0px; } .calendarSkin .calcontrol{ font-weight: bold; width: 5px; height: 10px; padding-top: 1px; cursor: pointer!important; } .calendarSkin .prev, .calendarSkin .next{ width: 5px; height: 10px; background-position: -725px -268px!important; position: relative; z-index: 999; cursor: pointer!important; margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; }.calendarSkin .next{background-position: -731px -268px!important; margin: 1px 0px 0px 10px;} .calendarSkin .close{ width: 16px; height: 16px; cursor: pointer!important; background-position: -669px -276px!important; right: 10px; position: relative; } .calendarSkin .daybox{ width: 24px; height: 19px; border-top: 2px solid #e9ead4; border-right: 2px solid #e9ead4; text-align: center; font-weight: bold; cursor: pointer; float: left; padding-top: 5px; } .calendarSkin .dayboxname{ border-right: 2px solid #e9ead4; border-top: none; background-color: #e9ead4; font-size: 10px; height: 14px; color:#666666; padding-top: 3px; } .calendarSkin .dayselected{ color: #ffffff; background-position: -685px -209px!important; overflow: hidden; } .calendarSkin .cal_wrapper{width: 188px; overflow: hidden;} .calendarSkin .weekbox{ width: 182px; display: block; padding: 0px 0px 0px 9px; }.calendarSkin .weekbox *{cursor: pointer;} .calendarSkin .endweek{ float:left; border-right: 2px solid #e9ead4; } /* @@area newTicketContainerCenterContentLeftAuthPers ---------------------------------------------------------------------------------------------------*/ .formAreaNewSelectAuthPerson{ width: 162px; height: 28px; background-position: 0 -235px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaNewSelectAuthPerson:hover{background-position: 0 -264px!important;} .newTicketContainerCenterContentLeftAuthPers{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; }.newTicketContainerCenterContentLeftAuthPers label span{width:161px;} #authPersonOpen{ width: 162px; height: 28px; display: block; position: relative; z-index: 998; } #authPerson{display: none;} .authPersonContainer{ width: 178px; display: block; position: absolute; z-index: 999; margin: -25px 0px 0px -8px; padding: 0px 0px 0px 0px; } .authPersonContainerCenter{ width: 178px; background: url(../layout/authPersonContainerBackground.png) repeat-y 0 0!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #authPersonClose{ width: 16px; height: 16px; cursor: pointer!important; background-position: -669px -276px!important; float: right; margin: 3px 15px 9px 0px; padding: 0px 0px 0px 0px; } .authPersonContainerCenterContent{ width: 178px; background: url(../layout/authPersonContainerTop.png) no-repeat 0 0!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .authPersonItem{ width: 162px; margin: 0px 0px 0px 8px; padding: 4px 0px 4px 0px; border-top: 1px solid #E9EAD4; } .authPersonContainer .first{border-top: none;} .authPersonItemName{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 7px; } .authPersonItemCheckbox{ margin: 0px 0px 0px 0px; padding: 0px 9px 0px 0px; } .authPersonContainerBottom{ width: 178px; height: 14px; background-position: -752px -255px!important; } /* @@area newTicketContainerCenterContentLeftDesc ---------------------------------------------------------------------------------------------------*/ .newTicketContainerCenterContentLeftDesc{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaNewTexAreaTop{ width: 643px; height: 4px; position: relative; background-position: 0 -34px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaNewTexArea{ width: 643px; height: 146px; background: url(../layout/bgDescriptionAdditions.png) repeat-y left top!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaNewTexArea textarea, .tx-xxhelpworxx-pi1-description { width: 625px; height: 134px; color: #333333; *width: 620px; *height: 130px; margin: 0px 0px 0px 0px; padding: 6px 9px 6px 9px; } .formAreaNewTexAreaBottom{ width: 643px; height: 4px; position: relative; background-position: 0 -39px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* @@area newTicketContainerCenterContentLeftSendAttach ---------------------------------------------------------------------------------------------------*/ .newTicketContainerCenterContentLeftSendAttach{ position: relative; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; } a#attachButton, a#attachButtonD{ width: 132px; height: 31px; float: left; background-position: -605px -140px!important; margin: 13px 0px 0px 0px; padding: 0px 0px 0px 0px; } a#attachButton:active, a#attachButtonD:active{ background-position: -605px -172px!important; } a#attachButton div, a#attachButtonD div{ width: 132px; height: 31px; display: block; text-indent: -999em; cursor: pointer; } #attachButtonHint, #attachButtonHintD{ width: 159px; height: 16px; float: left; background-position: 0 -293px!important; margin: 21px 0px 0px 15px; padding: 0px 0px 0px 0px; } .inputfileRow, .inputfileRowD{ width: 643px; background:none!important; position: relative; border-bottom: 1px solid #CCC; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; }.newTicketContainerCenterContentLeftSendAttach .first{border-top: 1px solid #CCC;margin: 5px 0px 0px 0px;} .inputfileRow input{*border:1px solid #7f9db9!important; *background-color:#ebebe4!important; } div.inputfileRow input.inputfile{ position: relative; z-index: 4; cursor: default!important; height: 26px!important; margin: 0px 0px 0px 0px!important; left: -30px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; } .inputFileExtra{ position: relative; z-index: 1; margin-top: -25px; } .inputFileButton{ width: 90px; height: 26px; background: url(../layout/inputFileButton.png) no-repeat left top!important; } .inputFileLabel{ height: 22px; color: #fff; margin: -26px 0px 0px 0px; padding: 4px 0px 0px 100px; } .removeAttachmentButton{ width: 16px; height: 16px; background-position: -686px -276px!important; text-indent: -999em; display: block; margin: 6px 2px 0px 0px; padding: 0px 0px 0px 0px; } .newTicketContainerCenterContentLeftBackContainer{position: absolute; left:0; top:0; margin: 6px 0px 0px 247px; z-index:998;} .newTicketContainerCenterContentLeftBackContainer .goBackToList{ width: 83px; height: 31px; text-indent: -999em; display: block; cursor: pointer; background-position: -472px -76px!important; } .newTicketContainerCenterContentLeftBackContainer .goBackToList:active{ background-position: -472px -108px!important; } .newTicketContainerCenterContentLeftSendAttachSendContainer{position: absolute; left:0; top:0; margin: 6px 0px 0px 333px; z-index:998;} .formAreaNewSubmit{ width: 97px; height: 31px; background-position: -258px -140px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaNewSubmit div{width: 97px; height: 31px;text-indent: -999em; cursor:pointer;} .formAreaNewSubmit:active{ background-position: -258px -172px!important; } .newTicketContainerCenterContentLeftSendAttachSendContainerAndEdit{ position: absolute; left:0; top:0; margin: 6px 0px 0px 433px; z-index:998; } .formAreaNewSubmitAndEdit{ width: 211px; height: 31px; background-position: -153px -555px!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaNewSubmitAndEdit div{width: 211px; height: 31px;text-indent: -999em; cursor:pointer;} .formAreaNewSubmitAndEdit:active{ background-position: -153px -587px!important; } /* @@area newTicketContainerCenterContentRight ---------------------------------------------------------------------------------------------------*/ .newTicketContainerCenterContentRight{ width: 278px; margin: 0px 0px 0px 0px; padding: 9px 0px 0px 18px; } #selectCategoryLabel, #area1Label, #area2Label, #area3Label, #area4Label{ position: absolute; z-index: 1; line-height: 27px; height: 28px; padding-left: 9px; } #category, #area1, #area2, #area3, #area4{ width: 261px; height: 28px; *min-height: 36px!important; float: left; position: absolute; z-index: 2; cursor: pointer!important; border: 1px solid #E4E5D0!important; display: inline; background: #feffe8!important; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 9px; } .newTicketContainerCenterContentRight option{ border: none; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 9px; } .newTicketContainerBottom{ width: 974px; height: 9px; background-position: 0 0!important; } /* @@area formAreas ---------------------------------------------------------------------------------------------------*/ .formAreaNewSelectCustomer{ width: 183px; height: 28px; background-position: -484px -264px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaNewSelectCustomer *{cursor:pointer!important;} .formAreaNewSelectArea{ width: 261px; height: 28px; background-position: -320px -235px!important; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .formAreaNewSelectAreaNone{display: none!important;} #formAreaAdmin{ width: 225px; position: absolute; right:0; z-index: 1001; margin: 9px 53px 0px 0px; padding: 0px 0px 0px 0px; } #selectCategoryLabel, #selectAreaOLabel, #selectAreaTLabel, #selectAreaTHLabel, #selectAreaFLabel, #customerLabel{position: absolute; z-index: 1; line-height: 27px; height: 28px; padding-left: 9px;} #category, #area1, #area2, #area3, #area4, #customerSelect{ height: 28px; *min-height: 36px!important; float: left; position: absolute; z-index: 2; cursor: pointer!important; border: 1px solid #E4E5D0!important; display: inline; background: #feffe8!important; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 9px; } #customerSelect option{ border: none; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 9px; } #category, #area1, #area2, #area3, #area4{ width: 261px; } #customerSelect{ width: 183px; } #holder { width: 974px; position: absolute; z-index: 1000; } /* @@area PrintView ---------------------------------------------------------------------------------------------------*/ .printTicketContainerContentItem, .printTicketContainerContentItemRow{ padding: 0px 0px 0px 15px; } .printTicketContainerTitle{ font-weight: bold; font-size: 11px; } .printTicketContainerCustomer{ padding: 0px 40px 0px 0px; } .printTicketContainerCustomer div.whoIsInformation{ width: auto!important; height: auto!important; position:relative!important; padding: 5px 0px 0px 0px!important; margin: 0!important; background: none!important; color: #000!important; display: block!important; }.printTicketContainerCustomer div.whoIsInformation *{font-size: 11px!important;} .printTicketContainerCustomer .whoIsEmail{ padding-top: 4px; } .printTicketContainerCustomer .whoIsEmail a{color: #000!important;} .printTicketContainerCustomer .whoIsName { font-weight: normal!important; font-style: italic;} .additionItemPrint div div.floatLeft em{ padding-left: 3px; } /* @@group Info->WhoIs ---------------------------------------------------------------------------------------------------*/ .ticketNavigationTabContentIfno{ } .ticketNavigationTabContentIfno .infoWhoIS{ color: #FFF; } .whoIsEmailLink { color:#FFF!important; } .ticketIDGraphic label{ margin: 0px 0px 5px 0px; } .ticketIDGraphic .numbers{ width: 8px; height: 14px; text-indent: -999em; display: block; float: left; margin: 0px 0px 0px 0px; } .ticketIDGraphic .number1{ background-position: -456px -347px!important; width: 6px; height: 14px;} .ticketIDGraphic .number2{ background-position: -467px -347px!important; } .ticketIDGraphic .number3{ background-position: -478px -347px!important; } .ticketIDGraphic .number4{ background-position: -488px -347px!important; } .ticketIDGraphic .number5{ background-position: -500px -347px!important; } .ticketIDGraphic .number6{ background-position: -510px -347px!important; } .ticketIDGraphic .number7{ background-position: -521px -347px!important; } .ticketIDGraphic .number8{ background-position: -532px -347px!important; } .ticketIDGraphic .number9{ background-position: -543px -347px!important; } .ticketIDGraphic .number0{ background-position: -554px -347px!important; } /* @@group Info->Log ---------------------------------------------------------------------------------------------------*/ .ticketIDName{ width: 65px; height: 14px; background-position: -564px -347px!important; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; }.ticketIDName div{ width: 64px; height: 14px; } .tabInfoTrennLine{ width: 100%; height: 2px; background-image: url(../layout/tabInfoTrennLine.png)!important; background-repeat: repeat-x!important; background-position: left top!important; margin: 5px 0px 15px 0px; padding: 0px 0px 0px 0px; }.tabInfoTrennLine div{ width: 100%; height: 2px; } button.openLogLargeContainer{ width: 152px; height: 25px; background-position: 0 -554px!important; cursor: pointer; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } button.openLogLargeContainer div{ width: 152px; height: 25px; } button.openLogLargeContainer:active, button.logContainerIsOpened{ background-position: 0logUserInfo -579px!important; } .logUserInfo{ color: #FFF; } .crUserLog{ font-weight: bold; } .oldEntry{ padding: 0px 0px 0px 0px; margin: 0px 5px 0px 0px; } .logEntryContainerNew, .logEntryContainerOld{ width: 201px; height: 21px; background-position: 0 -525px!important; margin: 5px 0px 0px 0px; padding: 7px 0px 0px 30px; }.logEntryContainerOld{ background-position: 0 -496px!important; } .logEntryContainerName{ color: #434343; } .logEntryContainerValue{ } /* @@group Copyright ---------------------------------------------------------------------------------------------------*/ #copyrightHelpworxx .listTicketContainerItems{ padding-top: 10px!important; } div.copyrightHelpworxxLogo{ width: 175px; height: 18px; background: #fff url(../layout/copyrightHelpworxxLogo.png) no-repeat left top!important; } div.copyrightBrainworxxLogo{ width: 86px; height: 23px; margin-top: 5px; background: #fff url(../layout/copyrightBrainworxxLogo.png) no-repeat left top!important; } #copyrightHelpworxx{display: none;}