﻿
div.tick, td.tick, span.tick
{
    border: none;
    font-size: 9pt;
    font-family: Verdana;
}
.tick-panel
{
    padding: 10px;
}
.tick-line
{
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    width: 300px;
}

a.tick-btn-flat
{
    display:inline-block;
    background:white;
    color:black;
    border:1px solid #afafaf;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
    text-decoration:none;
    padding: 2px 10px 2px 10px;
    margin: 1px;
}

input.tick-btn-flat {
    display: inline-block;
    background: white;
    color: black;
    border: 1px solid #afafaf;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    margin: 1px;
}

div.tick-logo
{
    background-image: url(Images/logo_nethaus.png);
    background-repeat: no-repeat;
    white-space: nowrap;
    float: left;
    width: 102px;
    height: 72px;
    z-index: 1;
    position:relative;
    margin-bottom: 7px;
}
div.tick-bar
{
    background-color: #007DAB;
    width: 100%;
    height: 5px;
    position: relative;
    top: 40px;
    z-index: 0;
}
div.tick-headline
{
    width: 220px;
    text-align: center;
    font-size: 16pt;
    height: 26px;
    background-color: #007DAB;
    font-family: Verdana;
    font-weight:bold;
    color:White;
    padding: 5px;
    float: right;
}
div.tick-footer a
{
    display:inline-block;
    background: url(Images/welle.png) no-repeat right;
    height:24px;
    position:absolute;
    width:100%;
    text-decoration:none;
    bottom:0px;
    right:0px;
}
div.tick-footer
{
    margin-top:40px;
    background: #007dab;
    height:4px;
    position:relative;
    bottom:0px;
    width: 100%;
    margin-right: 200px;
}
.tick-label
{
    color: #007DAB;
    font-weight: bold;
    font-family: Verdana;
    background-image: url(Images/pfeil_blau.png);
    background-repeat: no-repeat;
    white-space: nowrap;
    background-position: 100px;
    width: 80px;
    display:inline-block;
    text-align:right;
    padding-right: 30px;
    white-space:normal;
}

.tick-label-wrap
{
    color: #007DAB;
    font-weight: bold;
    font-family: Verdana;
    background-image: url(Images/pfeil_blau.png);
    background-repeat: no-repeat;
    background-position: 100px;
    width: 80px;
    display:inline-block;
    text-align:right;
    padding-right: 30px;
    word-wrap:normal;
    word-break:break-word;
}

.tick-label-nec
{
    color: #E66313;
    font-weight: bold;
    font-family: Verdana;
    background-image: url(Images/pfeil_orange.png);
    background-repeat: no-repeat;
    white-space: nowrap;
    background-position: 85px;
    width: 80px;
    display:inline-block;
    text-align:right;
    padding-right: 30px;
}
.tick-data-bar
{
    background: #58585A;
    height: 5px;
}
.tick-data-bar div
{
    background: #58585A;
    float: left;
    height: 14px;
    color:White;
    width: 102px;
    text-align:center;
    font-size:90%;
    margin-bottom: 7px;
}
.tick-intro
{
    padding-top: 7px;
    font-size: 12px;
    float: right;
    width: 230px;
    margin-bottom: 7px;
    text-align: left;
}
.tick-update
{
    display:inline-block;
    background-image: Url(Images/aktualisieren_grau.png);
    background-repeat: no-repeat;
    white-space: nowrap;
    width:15px;
    height:15px;
    text-decoration:none;
}
.tick-update:hover
{
    display:inline-block;
    background-image: Url(Images/aktualisieren_orange.png);
    background-repeat: no-repeat;
    white-space: nowrap;
    width:15px;
    height:15px;
    text-decoration:none;
}
.tick-messages td
{
    background-color: #afafaf;
    border-left: 2px solid white;
}
.tick-btn-place
{
    display:inline-block;
    background: url(Images/lupe_grau_16.png) no-repeat;
    white-space:nowrap;
    width:16px;
    height:16px;
    text-decoration:none;
}
.tick-btn-place:hover
{
    display:inline-block;
    background: url(Images/lupe_orange_16.png) no-repeat;
    white-space:nowrap;
    width:16px;
    height:16px;
    text-decoration:none;
}
.tick-btn-resetForm {
    display: inline-block;
    background: url(Images/arrow_undo.png) no-repeat;
    white-space: nowrap;
    width: 16px;
    height: 16px;
    text-decoration: none;
}
table.tick-paging
{
    color: white;
}
table.tick-paging a
{
    color: white;
    text-decoration:none;
}
a.tick-delete
{
    display:inline-block;
    background: url(Images/kreuz_grau_16.png) no-repeat;
    white-space: nowrap;
    width: 16px;
    height: 16px;
    text-decoration:none;
}
a.tick-delete:hover
{
    background: url(Images/kreuz_orange_16.png) no-repeat;
}

div.tick-detail-label
{
   float: left;
   width: 7em;
   /*background-color: Aqua;*/
   overflow: hidden;
}

div.tick-detail-cell
{
   float: left;
   /*background-color: Aqua;*/
}

div.tick-detail-value
{
   float: left;
   width: 19em;
   /* background-color:Gray;*/
}

div.tick-detail-back
{
    margin: 0px;
    padding: 0px;
   /*background-color: Green;*/
}

.TickerFiledWidth {
    width: 188px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}
.TickerFiledWidthRed {
    width: 188px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}
.IsDrowpdownlist {
    width: 190px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;

}
.IsDrowpdownlistRed {
    width: 188px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;

}

.isDatePicker {
    width: 190px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}
.isDatePickerRed {
    width: 190px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}
.labelTextTop {
    vertical-align: top;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
}
.isonlyNumber {
    width: 188px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}

.isonlyNumberRed {
    width: 188px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}
.isonlyTime {
    width: 190px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}
.isonlyTimeRed {
    width: 190px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}

.isonlyDECIMAL {
    width: 190px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}
.isonlyDECIMALRed {
    width: 190px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}
.isautoCoplite {
    width: 190px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}
.isautoCopliteRed {
    width: 190px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}
.isTextArea {
    width: 188px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}
.isTextAreaRed {
    width: 188px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}

.TickerTimeWidth {
    width: 188px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}

.TickerTimeWidthRed {
    width: 188px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    box-sizing: border-box;
}

.checkboxcss {
    position: relative;
    right: 22px;
    box-sizing: border-box;
}
.textboxreadonly {
    width: 265px;
    height: 25px;
    float: left;
    border: none;
    color: gray;
    box-sizing: border-box;
}
#SearchFullTreeSearchStart {
    border: none;
    border-radius: 0px;
    padding: 0px 5px 5px 5px;
    top:1px;
    position:relative
}
#SearchFullTreeSearchStart:hover {
    background-color: #ffa32e;

}
.textfield {
    height: 23px; 
    border: 1px solid #a6c9e2;
    padding-left: 3px;
    padding-right: 0px;
    box-sizing: border-box;
}
.dropdownlist {
    height: 23px;
    border: 1px solid #a6c9e2;
}
#SearchFullTreeSearchTyp {
    width: 100px;
}
#SearchFullTreeSearchText {
    width: 170px;
}
.ticketSearchIcon {
    margin-left: 4px;
    width: 16px;
    position: relative;
    top: 4px
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none;
    background: none;
    margin: 0px;
}