body{
    color:  #000000;
    font-family: arial;
    margin:20px; /*Abstand neben dem Aeusseren Rahmen*/
    font-size: 9pt;
}

table.noborder, table.noborder td{
    border:0;
}

/*Bilder innerhalb von Links: Rahmen unterbinden*/
a img{
    border:0;
}

.tr_cat:nth-child(odd) {
    background: #f0f0ff;
}
td{
    font-family: arial;
    /*text-align:center;*/
}
/*Arial in Textfeldern erzwingen*/
form, input, textarea{
    font-family: arial;
}
/*Email- und URL-Felder automatisch pruefen und hervorheben*/
input[type=text], input[type=password], input[type=email], input[type=url]{ 
    border: 1px solid #cccccc;
}
input[type=email]:valid, input[type=url]:valid{
    color:#386D19;
    border:1px solid #A2D399;
    background: #C7E5C2;
}
input[type=email]:invalid, input[type=url]:invalid{
    color:#AE2727;
    border:1px solid #CF9E9E;
    background: #E2C5C5;
}

/*Ueberschriften*/
h1, h2, h3, h4, h5, h6, strong{
    font-family: arial;
    font-weight: bold;
}

pre{
    font-family: Courier, monospace;
    font-size: 8pt;
}

/*Tabellen-Ueberschriften*/
th, .tablehead{
    font-family: arial;
    font-weight: bold;
    background: none;
    background-color: #e0e0ff;
    color: #000000;
    font-size: 9pt;
}
/*Links in Tabellenueberschriften (z.B. zum Sortieren in den Reporten)*/
.tablehead a, th a{
    color:#000000;
    text-decoration:underline;
}
.smalltablehead{
    font-family: arial;
    font-weight: bold;
    font-size: 9pt;
    background: none;
    background-color: #cccccc;
    color: #000000;
}
/*Tabellen-Ueberschriften bei denen man per Klick die Sortierung anpassen kann (bei AJAX-generierten Listen wie bei den Kampangen und Werbekunden)*/
.orderChange{
    cursor:pointer;
}

/*.link wird verwendet wenn ein Element aussehen soll wie ein Link, aber keiner ist*/
.link{
    cursor:pointer;
}

.error, .red, .warning, .yellow, .info, .blue, .ok, .green, #ToolTip{
    font-weight:bold;
    padding-left:30px;
    padding-top:5px;
    padding-bottom:5px;
    min-height:22px;
    border:1px solid;
}
.error, .red{
    color:#AE2727;
    font-weight:bold;
    border-color:#CF9E9E;
    background: url("/styles/1/red_ico.png") no-repeat scroll 3px 3px #E2C5C5;
}
.warning, .yellow{
    color:#675918;
    border-color:#E0D182;
    background: url("/styles/1/yellow_ico.png") no-repeat scroll 3px 3px #EAE1B1;
}
.info, .blue, #ToolTip{
    color:#0F4B74;
    border:1px solid #9CC6D0;
    background: url(/styles/1/blue_ico.png) no-repeat scroll 3px 3px #C4DDE3;
}
.ok, .green{
    color:#386D19;
    border:1px solid #A2D399;
    background: url("/styles/1/green_ico.png") no-repeat scroll 3px 3px #C7E5C2;
}

#ToolTip{
font-weight:normal;
}

a, .link{
    font-family: arial;
    font-size:9pt;
    color:#003366;
    text-decoration: none;
}

a:hover, .link:hover{
    font-family: arial;
    font-size:9pt;
    color:#0000bf;
    text-decoration: underline;
}

a:active{
    color:#ff0000;
}
.inline-list{
    list-style-type: none;
}
.inline-list li{
    display:inline-block;
    margin-right: 5px;
}

/*Formular-Buttons*/
button, .button, input[type=submit], input[type=button]{
    background-color:#f7f7f7;
    color:#000000;
    border:1px solid #000000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
}
button[disabled], .button[disabled], input[type=submit][disabled], input[type=button][disabled]{
    color:#808080;
    cursor:not-allowed;
}

input.kwsDelete {
    background-image:url(/graphics/btn_nok.gif);
    width:16px;
    height:16px;
    border:0;
    border-radius:0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    vertical-align:top;
    padding:0;
}

/*Text-Feld in das ein Datum eingetragen wird*/
.dateInput{
    width:70px;
}
/*Text-Feld in das eine Zahl eingetragen wird*/
.numberInput{
    width:50px;
    text-align:right;
}

/*Seitenzahlen*/
.eppgDiv{ /*Eintraege pro Seite*/
    margin:5px;
    float:left;
}
.siteNums{
    margin:5px;
    float:right;
    text-align:right;
}
.siteNum{
    cursor:pointer;
}
/*Style der aktiven Seitenzahl*/
.siteNumAct{
    color: #000;
    font-weight:bold;
    text-decoration:none;
    cursor: default;
}

/*Tabs (z.B. bei Reporting, taggenerierung (section.php) und Kampagnenverwaltung*/
/*Farbe, Groesse des aktiven Tabs*/
.activeTab, .inactiveTab:hover{
    margin-top:0px;
    height:15px;
    padding-bottom:4px;
    background-color:#000000;
}
/*Schriftfarbe, -art, etc. des aktiven Tabs*/
.activeTab a, .inactiveTab:hover a{
    font-size:10px;
    font-weight:bold;
    color:#ffffff;
}
/*Linke Grafik fuer die Rundung in aktiven Tabs*/
.activeTab .leftGraphic, .inactiveTab:hover leftGraphic{
    float:left;
    height:15px;
    width:2px;
    overflow:hidden;
    background-image:url(/graphics/tab_l_l.gif);
}
/*rechte Grafik fuer die Rundung in aktiven Tabs*/
.activeTab .rightGraphic, .inactiveTab:hover rightGraphic{
    float:left;
    height:15px;
    width:2px;
    overflow:hidden;
    background-image:url(/graphics/tab_l_r.gif);
}
/*Farbe, Groesse von inaktiven Tabs*/
.inactiveTab{
    margin-top:3px;
    height:12px;
    padding-bottom:4px;
    background-color:#ddf;
}
/*Schriftfarbe, -art, etc. des inaktiven Tabs*/
.inactiveTab a{
    font-size:10px;
    font-weight:bold;
    color:#000000;
}
/*linke Grafik fuer die Rundung in inaktiven Tabs*/
.inactiveTab .leftGraphic{
    float:left;
    height:12px;
    width:2px;
    overflow:hidden;
    background-image:url(/graphics/tab_s_l.gif);
}
/*rechte Grafik fuer die Rundung in inaktiven Tabs*/
.inactiveTab .rightGraphic{
    float:left;
    height:12px;
    width:2px;
    overflow:hidden;
    background-image:url(/graphics/tab_s_r.gif);
}
.tabEmptyCloseDiv{
    clear:left; /*damit nachfolgender Inhalt in der naechsten Zeile fortgesetzt wird*/
}

.tabList{
    width:100%;
    border-bottom:1px #000 solid;
    margin-bottom:10px;
}
/*Tabs werden zuk�nftig durch ein verschachtelbares NavWidget abgel�st*/
.navmenu{
    margin-bottom:10px;
    border-bottom:1px solid #000000;
    padding:0;
}
.navmenu .navitem{
    display:inline-block;
    background-color:#ddddff;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    height:12px;
    padding:4px;
    cursor:pointer;
    vertical-align:bottom;
    font-weight:bold;
    font-size:10px;
}
.navmenu .navitem.active, .navmenu .navitem:hover{
    background-color:#000000;
    height:15px;
    color:#ffffff;
}

#campaigndetailsAllgemeinDiv,#campaigndetailsDeliveryDiv,#campaigndetailsPaymentsDiv,#campaigndetailsNoticesDiv,#campaigndetailsCreativesDiv, #campaigndetailsAssignmentsDiv, #campaigndetailsStatsDiv, #creativeWallpaperTagDiv,
#publisherdetailsPaymentsDiv,#publisherdetailsHostingOptionsDiv, #publisherdetailsUserDiv, #publisherdetailsSubpubsDiv, #creativesdetailsAuslieferungDiv,
#creativeConversionscodeDiv, #creativeRetargetingDiv, #creativesdetailsAssignmentsDiv, #creativeVideoAdCodesDiv, #sectionIntCodeDiv, #sectionSubSecDiv, #sectionCategoryDiv, #wallpaperTagDiv, #publisherdetailsSubpubs, #sectionAuslieferungDiv, #creativesdetailsAuslieferungsTagDiv, #creativesdetailsBannerDiv, #campaigndetailsAuslieferungsTagDiv, #creativesdetailsInTextDiv{
display:none; /*diese teile sind standardmaessig ausgeblendet*/
}

/*direktes Unterelement von body - enthaelt kompletten seiteninhalt*/
#bodyDiv{
background-color:#ffffff;
width:100%;
max-width:1250px;
min-width:930px;
height:100%;
padding:0px;
/*background-image:url(/styles/development_adnet_de/farbuebergang_weiss_blau_unten.gif);*/
background-repeat:repeat-x;
background-position:bottom;
border:2px #003366 solid;
margin:auto;
}

/*oberes Menue (Farbuebergang blau-weiss im default-style)*/
#headermenu{
width:100%;
border-collapse: collapse;
border:0px;
/*  background-image:url(/styles/development_adnet_de/farbuebergang_blau_weiss_oben2.gif);*/
background-image:url("/styles/1/bg_new2.gif");
background-repeat:repeat-x;
}
#headermenu td{
padding:0;
}

/*Erste Zeile des Menues - Slogan/Logo und Logout-Button*/
#headermenu_row1{
height:78px;
/*background-color:#000066;*/
}
#headermenu_row1 td{
padding-top:15px;
padding-right:10px;
color:#000000;
}

/*Zweite Zeile des Menues - leer*/
#headermenu_row2 td{
font-size:2px;
display:none;
}

/*Dritte Zeile des Menues - eigentliche Menue-Links*/
#headermenu_row3{
height:26px;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
background-color:#668CB4;
height: 26px;
}

/*Vierte Zeile des Menues - ggf. Link zur/zum aktuell ausgewaehlten Kampagne / Werbemittel*/
#headermenu_row4{
height:24px;
background-color:#C1D1E1;
border-bottom: 1px solid #003366;
}

/* Kampagnen-/Werbemittel-Auswahl in der vierten Zeile des Menues */
#macro_select{
float:left;
width:228px;
border:1px #cccccc solid;
margin-left:10px;
}
#ca_cr_select{
width:260px;
border:1px #cccccc solid;
float:right;
margin-right:10px;
margin-bottom:5px;
background-color:#ffffff;
}
/* derzeit ausgewaehlter Eintrag in der Kampagnen-/Werbemittel-Auswahl */
#ca_cr_selected, #macro_selected{
width:220px;
float:left;
text-align:left;
padding:2px;
}
#macro_selected{
width:150px;
}
/* Pfeil in der Kampagnen-/Werbemittel-Auswahl */
#ca_cr_select_arrow, #macro_select_arrow{
float:right;
width:15px;
padding:2px;
}
/* ausgeklappte Kampagnen-/Werbemittel-Auswahl */
#ca_cr_dropdown, #macro_dropdown{
position:absolute;
border:1px #cccccc solid;
background-color:#f7f7ff;
width:218px;
text-align:left;
padding:2px;
margin:0px -1px;
}
#macro_dropdown div{
cursor:pointer;
}

/* slogan - selbst definiert in http://stats.adnet.de/styles/1/header.html */
#slogan_link{
text-decoration:none;
}
#slogan1{
padding-left:10px;
font-size:22px;
color:#000000;
font-weight:normal;
font-style:italic;
}
#slogan2{
font-size:22px;
color:#000000;
font-weight:bold;
font-style:italic;
}
#slogan3{
font-size:15px;
color:#000000;
font-weight:normal;
font-style:italic;
}

/*Tabellenzellen in headermenu_row3 (Menue- und Submenue-Links)*/
.headermenu_links{
    padding:5px;
    height:18px;
    margin-left:20px;
    text-align:left;
    vertical-align:top;
    border-collapse: collapse;
    font-style:italic;
    float:left;
}

/*inaktiver Menuepunkt*/
.headermenu_links a{
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color:#ffffff;
    text-decoration: none;
}
/*mouseover ueber inaktivem Menuepunkt*/
.headermenu_links a:hover{
    text-decoration: underline;
    color:#000000;
}

/*aktuell aktiver Menuelink*/
.headermenu_links.active{
    background-color:#113554;
}

.headermenu_links.active a{
    color: #f0f0ff;
}

.submenue{
    padding:0px 20px;
    float:none;
    height:19px;
}
/*Links im Submenue*/
.submenue a{
    color:#000000;
    display:inline-block;
    /*float:left;*/
    padding: 4px 5px 4px;
    height:15px;
}
.submenue ul:hover li a{
    float:none;
}
.submenue a:hover{
    color:#ffffff;
}
.submenue a.active{
    color: #f0f0ff;
    background-color:#113554;
    padding: 4px 5px 4px;
    height:15px;
}
.submenue a.active:hover{
    color: #113554;
    background-color:#f0f0ff;
}
.submenue ul{
    margin:0;
    padding:0;
    display:inline-block;
    list-style:none;
}
.submenue ul li{
    display:none;
}
.submenue ul li:first-of-type{
    display:block;
}
.submenue ul:hover li{
    display:block;
    position:relative;
    z-index:100;
    border:black;
    color: #f0f0ff;
    background-color:#f0f0ff;
    
}
.submenue ul:hover li:hover{
    color: #113554;
    background-color:#113554;
}
.submenue *{
    vertical-align:top;
}
/*.leftmenuover.disabled, .leftmenu.disabled, */
.disabled{
    color:#cccccc;
}

/*Seiteninhalt - alles unter den Menues */
#site_content{
padding:10px;
height:100%;
}

/*Auslieferungsoptionen-Tabelle in Kampagnen- und Werbemitteluebersicht*/
#dclist tr td{
padding:5px;
}
/*Gewichts-Einstellung in Werbemittel-Liste*/
input.creative.weight[type=text]{
    width:40px;
    text-align:right;
    background-color:transparent;
    border: 1px solid #cccccc;
    margin:auto;
}


/*gerade Zeilenzahlen bei abwechselnder Faerbung (z.B. Kampagnen- oder Advertiser-Liste)*/
div.rowpair div, .rowpair, div.roweven div, .roweven, div.even div, .even, table.zebra tr:nth-child(2n+1){
    color:#000000;
    background-color:#f0f0ff;
}
/*ungerade Zeilenzahlen bei abwechselnder Faerbung (z.B. Kampagnen- oder Advertiser-Liste)*/
div.rowimpair div, .rowimpair, div.rowodd div, .rowodd, div.odd div, .odd, table.zebra tr:nth-child(2n){
    color:#000000;
    background-color:#ffffff;
}

/*momentan ungenutzt - urspruenglich gedacht fuer einklappbare listen wie bereiche und kunden*/
.rowpair.einklappbar div, .rowimpair.einklappbar div, .rowpair.einklappbar, .rowimpair.einklappbar,
.roweven.einklappbar div, .rowodd.einklappbar div, .roweven.einklappbar, .rowodd.einklappbar{
    color:#000000;
    background-color:#ffffff;
}
/*Mouseover bei Listen mit abwechselnder Faerbung*/
div.rowimpair:hover div, div.rowpair:hover div, .rowpair:hover, .rowimpair:hover,
div.rowodd:hover div, div.roweven:hover div, .roweven:hover, .rowodd:hover,
div.rowimpair.hover div, div.rowpair.hover div, .rowpair.hover, .rowimpair.hover,
div.rowodd.hover div, div.roweven.hover div, .roweven.hover, .rowodd.hover{
    color:#ffffff;
    background-color:#000066;
}
/*Links innerhalb von Listen mit abwechselnder Faerbung bei Mouseover*/
div.rowimpair:hover div a, div.rowpair:hover div a, .rowpair:hover a, .rowimpair:hover a,
div.roweven:hover div a, div.rowodd:hover div a, .roweven:hover a, .rowodd:hover a,
div.rowimpair.hover div a, div.rowpair.hover div a, .rowpair.hover a, .rowimpair.hover a,
div.roweven.hover div a, div.rowodd.hover div a, .roweven.hover a, .rowodd.hover a{
    color:#ffffff;
}


/*Rahmen in der Kampagnenliste und Reporten*/
#campaignList table, #campaignList td,
#advertiserList table, #advertiserList td,
#invoiceList table, #invoiceList td,
#reminderList table, #reminderList td,
#userList table, #userList td,
#newsletterList table, #newsletterList td,
.reportTable, .reportTable td{
    border:1px solid #DBDBDB;
    border-collapse:collapse;
    border-spacing:0;
}
#campaignList td, #advertiserList td, #invoiceList td, #reminderList td, #userList td, #newsletterList td, .reportTable td{
border-left:0;
border-right:0;
padding:3px;
}

/*einheitliche Hoehe der Zeilen in der Kampagnenliste*/
#campaignList tr.rowpair, #campaignList tr.rowimpair{
height:25px;
}

/*Ausschliessliche Auslieferung / Default / Normal - Buttons in Kampagnenliste*/
.prio1Button, .prio2Button, .prio3Button{
    width:16px;
    height:16px;
}
/*Ausschliessliche Auslieferung*/
.prio1Button{
    background-image:url(/graphics/redA.png);
}
/*Normal*/
.prio2Button{
    background-image:url(/graphics/blueN.png);
}
/*Default*/
.prio3Button{
    background-image:url(/graphics/yellowD.png);
}

#campaignListFilterContainer, .filterCustomer{
border:1px solid #888888;
background-color:#dddddd;
padding:5px;
}

/* Status-"Ampel" in der Kampagnenliste */
.campaignStatusFilter{
    -moz-border-radius:5px;
    padding:3px;
    border: 2px solid #666666;
}
.campaignStatusFilter.active{
    background-color:#aaaaaa;
    border-style: inset;
}
.campaignStatusFilter.inactive{
    background-color:#dddddd;
    border-style: outset;
}

/* Status-"Ampel" in der Publisherliste */
.publisherStatusFilter{
    border-radius:5px;
    padding:3px;
    border: 2px solid #666666;
}
.publisherStatusFilter.active{
    background-color:#aaaaaa;
    border-style: inset;
}
.publisherStatusFilter.inactive{
    background-color:#dddddd;
    border-style: outset;
}
/* Status-"Ampel" in der Bereichsliste */
.sectionStatusFilter{
    border-radius:5px;
    padding:3px;
    border: 2px solid #666666;
}
.sectionStatusFilter.active{
    background-color:#aaaaaa;
    border-style: inset;
}
.sectionStatusFilter.inactive{
    background-color:#dddddd;
    border-style: outset;
}

.actionbutton{display:inline-block;width:16px;height:16px;}
.actionbutton.status.active{background-image:url('graphics/btn_gruen.png');}
.actionbutton.status.inactive{background-image:url('graphics/btn_gelb.png');}
.subsections.inactive .actionbutton.status.active{background-image:url('graphics/btn_gelbgruen.png');}

/*Fortschrittsbalken in der Kampagnenliste*/
div.fortschrittsbalken{
    border:1px #666666 solid;
    background-color:#dddddd;
    width:150px;
    height:10px;
}
div.fortschrittsbalken .soll{
    background-image:url(/graphics/balken_rot1x12.gif);
    height:100%;
    margin:0px;
    float:left;
}
div.fortschrittsbalken .unter{
    background-image:url(/graphics/balken_gruen1x12.gif);
    height:100%;
    margin:0px;
    float:left;
}
div.fortschrittsbalken .ueber{
    background-image:url(/graphics/balken_blau1x12.gif);
    height:100%;
    margin:0px;
    float:left;
}
div.fortschrittsbalken .grau{
    background-image:url(/graphics/balken_grau1x12.gif);
    height:100%;
    margin:0px;
    float:left;
}
/*Tabelle in Kampagnenuebersicht*/
#caDetailsOverviewTbl td{
padding-right:5px; /*Damit die Werte nicht direkt an den Beschreibungen "kleben"*/
}

/* "Kampagnen bearbeiten"-Liste bei gemeinsamem Campagnen-Capping */
#caCapCaList div {
vertical-align: top;

}
#CaCapGroupingContainer .headline {
display: block;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 5px;
}
.cappingGroup {
    border: 2px solid rgb(193, 209, 225);
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    margin: 5px;
    padding: 5px;
    position: relative;
    min-width: 200px;
}
.cappingGroup.groupless {
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    display: block;
    width: 100%;
}
.cappingItem {
    background: none repeat scroll 0 0 rgb(193, 209, 225);
    border-radius: 5px 5px 5px 5px;
    margin: 3px 0 5px;
    padding: 3px;
    padding-right:25px;
    position:relative;
}
.cappingGroup.groupless .cappingItem {
    display: inline-block;
    margin: 5px;
}
.cappingItem:hover:after, .cappingGroup.groupless .cappingItem:after {
    color: rgb(128, 128, 128);
    content: ' ' attr(data-impCap) ' / ' attr(iciformat);
}
.cappingItem.suspended{
    font-style:italic;
}
.dropHover {
    background-color: rgba(144, 238, 144, 0.4);
    border-color: rgb(0, 128, 0);
}
.delbtn, .changebtn {
    height: 16px;
    width: 16px;
}
.changebtn {
    background-image: url('/graphics/btn_edit.gif');
    display: inline-block;
}
.delbtn {
    background-image: url('/graphics/btn_nok.gif');
    position: absolute;
    right: 5px;
    top: 5px;
}
.crbtn {
    position: absolute;
    right: 5px;
    background-image: url(/graphics/btn_edit.gif);
    height: 15px;
    width: 15px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 3px; /*fallback*/
    top: -webkit-calc(50% - 7.5px);
    top: calc(50% - 7.5px);
}

#CaCapGroupChangeFormContainer, #CrCapChangeFormContainer {
background: none repeat scroll 0 0 rgba(100, 100, 100, 0.5);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
text-align:center;
}
#CaCapGroupChangeForm, #CrCapChangeForm {
background: none repeat scroll 0 0 rgb(255, 255, 255);
margin: 150px auto 0;
max-width: 400px;
padding: 5px;
display:inline-block;
text-align:left;
}
#CrCapChangeForm{
max-width:90%;
}
#CrCapContainer{
display:table;
border-collapse:seperate;
border-spacing:5px 0;
}
#CrCapContainer div{
display:table-row;
}
#CrCapContainer span{
display:table-cell;
}
/* TODO Dieser "Workaround" kann einfacher mittles display: flex; umgesetzt werden. Erforder aber flex-wrap(firefox erst ab 28)*/
.grouplist div{
    display:inline;
}
.grouplist div:nth-child(4n):after{
    content:'\A';
    white-space:pre;
}
.grouplist > div > div{
    display:inline-block;
    vertical-align:top;
    width:20%;
    overflow:hidden;
    margin-right:2.5%;
    margin-bottom:10px;
}

/*Positionierung des Ladebalkens (bei AJAX-Requests)*/
#ladebalken{
position:fixed;
width:100%;
top:40px;
left:0px;
text-align:center;
}


/*Eingabefelder auf der Loginseite (Rahmen da in Opera teilweise standardmaessig nicht angezeigt)*/
#login_user, #login_pw{
border: 1px #000000 solid;
}

.wizard_info_parent{
    width:100%;
    position:absolute;
    top:100px;
    left:0px;
}
.wizard_info{
    border: 2px dotted #000000;
    background-color:#ffffff;
    margin:auto;
    width:300px;
    /*  height:100px;*/
}
.wizard_oben{
    background-color:#000066;
    padding:3px;
}
.wizard_title{
    float:left;
    color:#ff6600;
    cursor:default;
}
.wizard_close{
    background-color:#ff0000;
    color:#ffffff;
    border:2px #cccccc outset;
    float:right;
    font-size:8px;
    font-weight:bold;
    padding:3px;
    cursor:pointer;
}
.wizard_info_content{
    height:200px;
    padding:3px;
}

#wizard_textbox{
display:none;
vertical-align:top;
padding:5px;
font-weight:bold;
font-size:20px;
background-color:#ffccaa;
border:#000066 dotted 1px;
}

/*Report-Filter Popup (Bereichs-, Kampagnen-, Werbemittel-, ... Auswahl fuer Berichte)*/
.report_filterPop_filter{
    height:20px;
}
.report_filterPop_foot{
    height:20px;
}
/*Textfelder, die mit Info vorbelegt sind - aendern mit focus auf standard-textfeld-design und info wird geloescht (z.B. beim Reportfilter) */
.input_infoInside{
    color:#aaaaaa;
    font-style:italic;
}

#ReportDateForm, #ReportSelectForm, #FormatSelectForm, #UserSelectForm, #ReportIntervalForm{
background-color:#f0f0ff;
border:1px solid #cccccc;
/*  -moz-border-radius: 5px;*/
margin:5px;
float:left;
}
#ReportDateForm{
width:330px;
}
#ReportSelectForm{
width:200px;
}
#FormatSelectForm{
width:200px;
}
#UserSelectForm{
width:300px;
}
#ReportDateForm #viewInterval, #ReportSelectForm #viewReport, #FormatSelectForm #viewFormat, #UserSelectForm #viewUser, #ReportIntervalForm #viewReportInterval{
float:left;
margin:5px;
margin-right:0px;
-moz-border-radius: 5px;
}
#ReportDateForm #viewInterval{
width:300px;
}
#ReportSelectForm #viewReport{
width:170px;
}
#FormatSelectForm #viewFormat{
width:170px;
}
#UserSelectForm #viewUser{
width:270px;
}
#ReportDateForm #DateSelect, #ReportSelectForm #ReportSelect, #FormatSelectForm #FormatSelect, #UserSelectForm #UserSelect, #ReportIntervalSelectForm #ReportIntervalSelect{
position:absolute;
padding:5px;
background-color:#f0f0ff;
width:320px;
border-top:0;
border: 1px solid #cccccc;
margin:-1px;
}
#ReportDateForm #DateSelect{
width:320px;
}
#ReportSelectForm #ReportSelect{
width:190px;
}
#FormatSelectForm #FormatSelect{
width:190px;
}
#UserSelectForm #UserSelect{
width:290px;
}

/*Zeitraum-Buttons "Tag", "Woche", "Monat" z.B. fuer Reporte*/
#repFormPeriodDiv{float:left;margin-right:10px;}
#repFromDateDiv{display:inline;}
#repToDateDiv{display:inline;}
#repFormPeriodDiv span{
padding:3px;
background-color:#000066;
color:#ff6600;
border:outset 2px #000066;
cursor:pointer;
}
#repFormPeriodDiv span.active{
background-color:#ff6600;
color:#000066;
border:inset 2px #ff6600;
}

/*Unique-User-Report - Innenabstand in Tabellen-Zellen*/
td.uureport{
    padding-right: 35%;
}

/*Wo laeuft was-Report*/
#hourlyAssignments .firstDelivery{ /*Kampagnen mit Kennzeichnung "zuerst ausliefern"*/
background-color:#ffdddd;
}
#hourlyAssignments .normal{ /*Kampagnen ohne "default" oder "zuerst ausliefern"*/
background-color:#ddffdd;
}
#hourlyAssignments .default{ /*Kampagnen mit Kennzeichnung "default"*/
background-color:#ddddff;
}
#hourlyAssignments .firstDelivery:hover, #hourlyAssignments .normal:hover, #hourlyAssignments .default:hover{
background-color:#eeeeee;
}

/*Container fuer Iframes z.B. zum Panel editieren auf der Startseite oder zum Auswaehlen der Report-Filter*/
#subConfigContainer, #subConfigContainer2, .subConfigContainer, .subConfigContainer2{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index: 99;
}

/*halbtransparenter hintergrund hinter filter-Layer*/
#subConfigContainer, .subConfigContainer{
background-color:#003366;
moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

}
/*Div in dem sich das Iframe befindet (fuer Filtereinstellungen im Report, Panel-Einstellungen auf der Startseite, Auslieferungsbeschraenkungen bei Kampagnen, etc.)*/
#subConfigFrameDiv, .subConfigFrameDiv{
margin:auto;
margin-top:5px;
height:80%;
width:85%;
background-color:#ffffff;
}
.subConfigFrameDiv{
    padding:10px;
}
/*Container fuer Close-Button*/
#subConfigButtonsDiv, .subConfigButtonsDiv{
margin:auto;
text-align:right;
margin-top:15px;
width:85%;
}
/*das Iframe (zum Panel/Reportfilter/Auslieferungsoptionen einstellen) selbst*/
#subConfigFrame, .subConfigFrame{
width:100%;
height:100%;
}
/*X-Button zum Schliessen des Iframe-Layers*/
#subConfigCloseButton, .subConfigCloseButton{
background-color:#F0F0FF;
padding:1px 3px;
border:outset 1px #F0F0FF;
color:#003366;
}

/*Container auf dem die Panels auf der Startseite abgelegt werden koennen*/
.dropPanel{
    float:left;
    width:400px;
    height:350px;
    padding:0px;
    margin:5px;
    background-color:#ddeeff;
}
/*Container auf dem die Panels auf der Startseite abgelegt werden koennen wenn man ein Panel darauf schiebt*/
.dropPanel.hover{
    width:390px;
    height:340px;
    border:5px dashed #cccccc;
}
/* Container, in dem die News aufgelistet werden */
#indexNews_box{
width:420px;
max-width:30%;
float:right;
}
/* Container, in dem die Panels aufgelistet werden */
#indexPanel_box{
width:825px;
max-width:70%;
float:left;
}
/*die Panels auf der Index-Seite*/
.indexPanel{
    width:100%;
    height:100%;
    padding:0px;
    background-color:#ddeeff;
}
/*Title-Bar der Panels auf der Index-Seite*/
.panelTitleBar{
    background-color:#bbccff;
    margin:0px;
    padding:5px;
    clear:both;
    height:20px;
    overflow:hidden;
}
/*Titel der Panels auf der Index-Seite*/
.panelTitle{
    float:left;
    width:300px;
}
.panelTitleButtons{
    float:right;
}
/*Buttons der Panels auf der Index-Seite (< > X)*/
.panelTitleButtons a, .panelTitleButtons .link{
    color:#003366;
    border: 1px outset #003366;
    background-color:#f0f0ff;
    padding:2px 4px;
    font-weight:bold;
    text-decoration:none;
}
.panelTitleButtons a:hover, .panelTitleButtons .link:hover{
    color:#f0f0ff;
    border: 1px outset #f0f0ff;
    background-color:#003366;
    padding:2px 4px;
    font-weight:bold;
    text-decoration:none;
}

/*Inhalt der Panels auf der Index-Seite (z.B. News-Text oder Charts)*/
.panelContent{
    margin:5px;
    height:310px;
    width:390px;
    overflow:auto;
}
/*das letzte Panel auf der Index-Seite, mit dem man neue Panels hinzufuegen kann*/
#addNewPanel{
opacity:.5;
moz-opacity:.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
/*das letzte Panel auf der Index-Seite, mit dem man neue Panels hinzufuegen kann - beim Mouseover*/
#addNewPanel:hover{
opacity:100;
moz-opacity:100;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
/*Positionierung des + im letzten Panel*/
#addNewPanel .panelContent{
text-align:center;
}
/*panel-style wenn man ein anderes per Drag&Drop darauf zieht*/
.dropPanel.hover .indexPanel .panelTitleBar{
    padding:0px 0px 5px 0px;
}
.dropPanel.hover .indexPanel .panelContent{
    margin:5px 0px 0px 0px;
}
/*Panel mit selbst definierbaren Links*/
.linksPanel{
    padding:10px;
    overflow:auto;
}
.linksPanel a{
    color:#ff6600;
    font-size: 17px;
}

/*Einzelne Bestandteile der Usertargeting-Codes beim Mouseover hervorheben*/
.dc_sample span:hover{
    font-weight:bold;
}

/*Style-Definitionen fuer die Kalender-Eingabefelder*/
.dynCalendar_header{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
}
.dynCalendar_dayname {
    background-color: #eeeeee;
    border: 1px solid #c0c0c0;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 8pt;
    text-align: center;
}

.dynCalendar_day {
    background-color: #eeeeee;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 8pt;
}

.dynCalendar {
    background-color: #eeeeee;
    border: 2px outset white;
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index:500;
}

.dyncalendar table {
    background-color: #eeeeee;
}

.dynCalendar td {
    background-color: #eeeeee;
}

td.dynCalendar_today {
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 8pt;
}
.radioshow{
    display:none;
}
.tablesorter-headerDesc .tablehead{
    background-image: URL('/graphics/btn_ASC.gif');
    padding-right: 10px;
}
.tablesorter-headerAsc .tablehead  {
    background-image: URL('/graphics/btn_DESC.gif');
    padding-right: 10px;
}
.tablesorter-header .tablehead{
    background-repeat: no-repeat;
    background-position: right;
}

.dialog_layer{
    position:fixed;
    top:40%;
    right:40%;
    background-color:#ffffff;
    border: 1px solid #113554;
    border-radius:10px;
    width:510px;
}
.dialog_layer .title_bar{
    width:500px;
    background-color:#668CB4;
    padding:5px;
    border-radius:9px 9px 0 0;
    cursor: move;
    color:#ffffff;
    font-weight:bold;
}
.dialog_layer .title_bar .closeBtn{
    background-color:#ff0000;
    color:#ffffff;
    border:2px #cccccc outset;
    float:right;
    font-size:11px;
    font-weight:bold;
    padding:3px;
    cursor:pointer;
}
.dialog_layer .title_bar .title_text{
    float:left;
    margin:4px;
}
.dialog_layer .content{
    width:500px;
    padding:5px;
}

.searchPanel{
    height:390px;
    overflow:auto;
    float:left;
    margin:10px;
    width:390px;
}
.searchPanel.big{
    width:100%;
    height:700px;
}
.searchPanel table{
    width:100%;
}
#searchText{
width:153px;
height:16px;
border:0 none;
}
#searchButton{
margin: 0px 0px -5px -4px;
}
/*.searchPanel>table>tbody>tr>td{
	white-space:pre-wrap;
}*/

.clear{
    clear:both;
}
.assignmentswitch{font-size:16px;}
.assignmentswitch.active{color:green;}
.assignmentswitch.suspended{color:hsl(60, 100%, 30%);}
.assignmentswitch.mixed{color:blue;}
.assignmentswitch.mixed2{color:darkblue;}
#overlay {
position: fixed;
z-index:199;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.overlayBG {
    background-color:#000;
    -ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
    filter:alpha(opacity=75); /* IE5-7 */
    -moz-opacity: 0.75; /* Mozilla */
    opacity: 0.75;
}
#Load {
background-image: URL('/graphics/load.gif');
width: 128px;
height: 128px;
position: absolute;
top: 50%;
left: 50%;
}


#indexNews_box .eppgDiv{
display:none;
}

input[type='number'] {
    -moz-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#jqOverlay{
height: 700px !important;
overflow-y: auto;
display:none;
}
/* Styles for TreeSelect-Widget */
.treeSelect figure{ margin:0; width:inherit;}
.treeSelect figure ul{ margin:0;}
.treeSelect .selectedItem *{ cursor:pointer;}
.treeSelect .selectedItem *:hover{ text-decoration:line-through;}

.treeSelect .treeItem{
    border:1px solid black;
    margin:5px 5px 5px 10px;
}
.treeSelect .treeItem/*, .treeSelect .treeItem .label*/{
    background-color:white;
}

.treeSelect .treeItem:nth-of-type(2n)/*,.treeSelect .treeItem:nth-of-type(2n) .label*/{
    background-color:hsl(240, 100%, 97%);
    
}
.treeSelect .treeItem:not(.open):hover,.treeSelect .treeItem:not(.open):hover .label{
    background-color:hsl(240, 100%, 20%);
    color:white;
}
.treeSelect .treeItem.include{
    background-color:hsl(120, 75%, 75%);
}
.treeSelect .treeItem.exclude{
    background-color:hsl(0, 100%, 60%);
}
.treeSelect .treeItem.partialinclude
{
    border: 2px solid hsl(120, 75%, 75%);
}
.treeSelect .treeItem.partialexclude
{
    border: 2px solid hsl(0, 100%, 60%);
}
.treeSelect .treeItem.partialexclude.partialinclude{
    border: 2px solid hsl(60, 50%, 50%);
}
.treeSelect .treeToggle{
    background-image: url("/graphics/treePlus.gif");
    background-position: center center;
    background-repeat: no-repeat;
}
.treeSelect .treeToggle.open{
    background-image: url("/graphics/treeMinus.gif");
}
.treeSelectConfig li{
    cursor:pointer;
}
.treeSelectConfig li:hover{
    color:blue;
}
/* End Styles for TreeSelect-Widget */


#filterbutton{
cursor: pointer;
vertical-align: middle;
}

code{
    white-space: pre-wrap;
    border: 1px solid green;
    background-color: rgba(0,128,0,.4);
    display:block;
}