/* 
    Document   : main
    Created on : 04.02.2013, 12:25:30
    Author     : Bastian.Clemens
    Description:
        Purpose of the stylesheet follows.
*/

html,body {
    font-family: Verdana, Tahoma, Arial;
    font-size: 13px;
    background-color:#F1F1F1;
    margin:0px;
    padding:0px;
}

/************************************************/

div#center {
    width:1000px;
    margin:0px auto;
    border:1px solid #555555;
}

div#header {
    
}

div#content {
    padding:10px;
    background-color:#FFFFFF;
    margin-top:90px;
}

div#footer {
    background-color:#333333;
    padding:10px;
    color:#F1F1F1;
}

div#navigation {
    height:60px;
    line-height:60px;
    width:100%;
    border-bottom: 1px solid #DDDDDD;
    display:block;
    background-color:#3ba4c7; 
    background-image: -moz-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -webkit-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -o-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -ms-linear-gradient(top, #3ba4c7 0% ,#1982a5 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 ); 
    background-image: linear-gradient(top, #3ba4c7 0% ,#1982a5 100%); 
    position:fixed;
    z-index:999;
}

div#subnavigation {
    height:30px;
    color:#A4A4A4;
    line-height:30px;
    width:100%;
    border-bottom: 1px solid #DDDDDD;
    display:block;
    background: #606c88; /* Old browsers */
    background: -moz-linear-gradient(top,  #606c88 0%, #3f4c6b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #606c88 0%,#3f4c6b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

    top:60px;
    -webkit-box-shadow: 0px 10px 6px -6px #CCC; /* WebKit */
    -moz-box-shadow: 0px 10px 6px -6px #CCC; /* Firefox */
    box-shadow: 0px 10px 6px -6px #CCC; /* Standard */
    position:fixed;
    z-index:800;
}

div#subnavigation a {
    color:#FFFFFF;
    text-decoration: none;
}

div#subnavigation a:hover {
    color:#D8D8D8;
}

div.subnavigationHidden {
    display:none;
}

div.subnavigationHidden a {
    margin-right:20px;
}

div.navigationCenter {
	width:1000px;
	margin:0px auto;
	margin-top:0px;
}

.button{
	cursor:pointer;
	text-decoration:none; 
	text-align:center; 
 	padding:6px 30px; 
 	border:solid 1px #004F72; 
 	-webkit-border-radius:4px;
 	-moz-border-radius:4px; 
 	border-radius: 4px; 
 	font:18px Helvetica, Arial, sans-serif; 
 	font-weight:lighter; 
 	color:#E5FFFF; 
 	background-color:#3ba4c7; 
 	background-image: -moz-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
 	background-image: -webkit-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
 	background-image: -o-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
 	background-image: -ms-linear-gradient(top, #3ba4c7 0% ,#1982a5 100%); 
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 ); 
 	background-image: linear-gradient(top, #3ba4c7 0% ,#1982a5 100%);   
 	-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 	-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 	box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }


  
.button:hover  {
 	color:#E5FFFF; 
 	background-color:#2cb9e8; 
 	background-image: -moz-linear-gradient(top, #2cb9e8 0%, #136a87 100%); 
 	background-image: -webkit-linear-gradient(top, #2cb9e8 0%, #136a87 100%); 
 	background-image: -o-linear-gradient(top, #2cb9e8 0%, #136a87 100%); 
 	background-image: -ms-linear-gradient(top, #2cb9e8 0% ,#136a87 100%); 
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#136a87', endColorstr='#136a87',GradientType=0 ); 
 	background-image: linear-gradient(top, #2cb9e8 0% ,#136a87 100%);   
 	-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 	-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 	box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 }

.buttonNavigation {
	height:50px;
        width:50px;
        padding:0px;
        float:left;
        margin-right:8px;
	display:block;
        margin-top:4px;
}

.buttonNavigation img {
      height:40px;
      width:40px;
      top:5px;
      margin:auto;
      border: 0px;
      position: relative;
}

  
.buttonNavigationSub {
      
}

.buttonNavigationSub img {
      width:20px;
      height:20px;
      position:relative;
      right:15px;
      top:40px;
}

  
.inset {
	-moz-box-shadow:    inset 0 0 4px #444444;
   -webkit-box-shadow: inset 0 0 4px #444444;
   box-shadow:         inset 0 0 4px #444444;
}


/************************************************/

div#footer a {
    text-decoration: none;
    color:#FFFFFF;
}

div#footer a:hover {
    text-decoration: none;
    color:#DDDDDD;
}
/************************************************/

div.editable {
    font-size: 12px;
    padding:3px;
    border:1px solid #A4A4A4;
    min-width:400px;
    min-height:34px;
}

div.editableOn {
    border:1px dashed #A4A4A4;
}
   
/************************************************/

#ajaxLoadingDiv {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.3;
    z-index: 100;
    display:none;
}

#ajaxLoadingDiv img 
{
    width:43px;
    left:50%;
    position:absolute;
    top:50%;
    opacity: 1;
    margin-top:-6px;
    margin-left:-21px;
}
/************************************************/

.r {
    float:right;
}

.l {
    float:left;
}

/***************************************************/


h1,h2,h3,h4,h5 {
    font-weight: lighter;
    margin:10px 0px;
}

fieldset {
    border:1px dotted #666666; 
    margin-bottom: 15px;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    -webkit-box-shadow: 0px 0px 5px 4px #888888;
    box-shadow: 0px 0px 5px 4px #888888; 
}

legend {
    font-size: 15px;
    margin: 0px 30px;
    border:1px dotted #666666;
    color:#FFFFFF;
    min-width: 220px;
    text-align: center;
    padding: 2px;
    padding-right: 20px;
    padding-left: 20px;
    background-color:#3ba4c7; 
    background-image: -moz-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -webkit-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -o-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -ms-linear-gradient(top, #3ba4c7 0% ,#1982a5 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 ); 
    background-image: linear-gradient(top, #3ba4c7 0% ,#1982a5 100%);
    -webkit-box-shadow: 0px -3px 5px 1px #888888;
    box-shadow: 0px -3px 5px 1px #888888; 
}

textarea {
    font-family: Verdana, Tahoma, Arial;
    font-size: 13px;
     
}

/************************************************/

span.small 
{
    font-size:10px;
    color:#666666;
}

/************************************************/

table.data {
    border:1px solid #666666;
    width:100%;
}
 table.data td, table.data th {
    padding: 2px 10px;
}
table.data th {
    background-color: #666;
    color: #fff;
}
table.data tr:nth-child(1n+2) {
    background-color: #E0F8F7;
    color: #000000;
}
table.data tr:nth-child(2n+3) {
    background-color: #FFFFFF;
    color: #000000;
}
/*
table.data tr:hover {
    background-color: #0B0B3B;
    color: #FFFFFF;
}
*/

/************************************************/

@font-face {
        font-family: 'NewCicleFina';
        src: url('font/cycle/New_Cicle_Fina-webfont.eot');
        src: url('font/cycle/New_Cicle_Fina-webfont.eot?#iefix') format('embedded-opentype'),
             url('font/cycle/New_Cicle_Fina-webfont.woff') format('woff'),
             url('font/cycle/New_Cicle_Fina-webfont.ttf') format('truetype'),
             url('font/cycle/New_Cicle_Fina-webfont.svg#NewCicleFina') format('svg');
        font-weight: normal;
        font-style: normal;

    }

    div.infobox {
        margin-left:5px;
        float:left;
        text-align: center;
        background-color:#FCFCFC;
        color:#000000;
        width:220px;
        height:90px;
        display:block;
        border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    }
    
    div.infobox:hover {
        background: #F2F2F2;
    }
    
    div.infobox strong {
        top:15px;
        font-family: NewCicleFina;
        position: relative;
        font-size:38px;
        font-weight: normal;
    }
    
    div.infobox span {
        top:20px;
        font-family: NewCicleFina;
        position: relative;
        font-size: 14px;
        color:#333333;
    }
    

/************************************************/


table#search, table.dataTables {
    border:1px solid #45484d;
    background-color:#FFFFFF;
}
 table#search th, table.dataTables th {
    padding: 6px 10px;
    font-weight: lighter;
    text-align:left;
    border-bottom:1px solid #45484d;
}
table#search td, table.dataTables td {
    border-bottom:1px solid #45484d;
    padding-right:5px;
    padding-left:5px;
}
table#search th, table.dataTables th {
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#45484d\', endColorstr=\'#000000\',GradientType=0 ); /* IE6-9 */
    color:#FFFFFF;
}
table#search tr:hover, table.dataTables tr:hover
{
    background-color:#259add;
    color:#FFFFFF;
}

/*******************************/

table#calendar {
    width: 100%;
}

table#calendar th {
    background-color:#3ba4c7; 
    background-image: -moz-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -webkit-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -o-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -ms-linear-gradient(top, #3ba4c7 0% ,#1982a5 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 ); 
    background-image: linear-gradient(top, #3ba4c7 0% ,#1982a5 100%); 
    color:#FFFFFF;
    font-weight: lighter;
    font-size: 16px;
}

table#calendar td span.day {
    margin-left:2px;
}

table#calendar td a
{
    text-decoration: none;
}

table#calendar td.weekHeadline {
    background-color:#3ba4c7; 
    background-image: -moz-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -webkit-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -o-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -ms-linear-gradient(top, #3ba4c7 0% ,#1982a5 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 ); 
    background-image: linear-gradient(top, #3ba4c7 0% ,#1982a5 100%); 
    color:#FFFFFF;
    height:20px;
    text-align: center;
}


table#calendar td div.taskNotDone,table#calendarLegend td div.taskNotDone {
    background: #cb60b3; /* Old browsers */
    background: -moz-linear-gradient(top,  #cb60b3 0%, #ad1283 50%, #de47ac 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(50%,#ad1283), color-stop(100%,#de47ac)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 ); /* IE6-9 */
    border:1px solid #555555;
    color:#FFFFFF;
    margin-right:1px;
    margin-left:1px;
    margin-top: 1px;
    padding-left:2px;
    padding-right:2px;
    cursor: pointer;
    word-wrap: break-word;
    width:122px;
    display: block;
}

table#calendar td div.prio0 {
    color:#000000;
    background: #f5dff0;
    background: -moz-linear-gradient(top,  #f5dff0 0%, #f9c5eb 50%, #f8daee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5dff0), color-stop(50%,#f9c5eb), color-stop(100%,#f8daee));
    background: -webkit-linear-gradient(top,  #f5dff0 0%,#f9c5eb 50%,#f8daee 100%);
    background: -o-linear-gradient(top,  #f5dff0 0%,#f9c5eb 50%,#f8daee 100%);
    background: -ms-linear-gradient(top,  #f5dff0 0%,#f9c5eb 50%,#f8daee 100%);
    background: linear-gradient(to bottom,  #f5dff0 0%,#f9c5eb 50%,#f8daee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5dff0', endColorstr='#f8daee',GradientType=0 );

} 

table#calendar td div.prio1 {
    color:#000000;
    background: #eac0e1;
    background: -moz-linear-gradient(top,  #eac0e1 0%, #f38bd7 50%, #f2b6de 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eac0e1), color-stop(50%,#f38bd7), color-stop(100%,#f2b6de));
    background: -webkit-linear-gradient(top,  #eac0e1 0%,#f38bd7 50%,#f2b6de 100%);
    background: -o-linear-gradient(top,  #eac0e1 0%,#f38bd7 50%,#f2b6de 100%);
    background: -ms-linear-gradient(top,  #eac0e1 0%,#f38bd7 50%,#f2b6de 100%);
    background: linear-gradient(to bottom,  #eac0e1 0%,#f38bd7 50%,#f2b6de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac0e1', endColorstr='#f2b6de',GradientType=0 );

} 

table#calendar td div.prio2 {
    color:#000000;    
    background: #df9fd1;
    background: -moz-linear-gradient(top,  #df9fd1 0%, #ed53c4 50%, #eb91cd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df9fd1), color-stop(50%,#ed53c4), color-stop(100%,#eb91cd));
    background: -webkit-linear-gradient(top,  #df9fd1 0%,#ed53c4 50%,#eb91cd 100%);
    background: -o-linear-gradient(top,  #df9fd1 0%,#ed53c4 50%,#eb91cd 100%);
    background: -ms-linear-gradient(top,  #df9fd1 0%,#ed53c4 50%,#eb91cd 100%);
    background: linear-gradient(to bottom,  #df9fd1 0%,#ed53c4 50%,#eb91cd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df9fd1', endColorstr='#eb91cd',GradientType=0 );

} 

table#calendar td div.prio3 {
    background: #d57fc2;
    background: -moz-linear-gradient(top,  #d57fc2 0%, #e719b0 50%, #e56dbd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d57fc2), color-stop(50%,#e719b0), color-stop(100%,#e56dbd));
    background: -webkit-linear-gradient(top,  #d57fc2 0%,#e719b0 50%,#e56dbd 100%);
    background: -o-linear-gradient(top,  #d57fc2 0%,#e719b0 50%,#e56dbd 100%);
    background: -ms-linear-gradient(top,  #d57fc2 0%,#e719b0 50%,#e56dbd 100%);
    background: linear-gradient(to bottom,  #d57fc2 0%,#e719b0 50%,#e56dbd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d57fc2', endColorstr='#e56dbd',GradientType=0 );

} 

table#calendar td div.prio4 {
    background: #cb61b4;
    background: -moz-linear-gradient(top,  #cb61b4 0%, #b21287 50%, #de4aad 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb61b4), color-stop(50%,#b21287), color-stop(100%,#de4aad));
    background: -webkit-linear-gradient(top,  #cb61b4 0%,#b21287 50%,#de4aad 100%);
    background: -o-linear-gradient(top,  #cb61b4 0%,#b21287 50%,#de4aad 100%);
    background: -ms-linear-gradient(top,  #cb61b4 0%,#b21287 50%,#de4aad 100%);
    background: linear-gradient(to bottom,  #cb61b4 0%,#b21287 50%,#de4aad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb61b4', endColorstr='#de4aad',GradientType=0 );

} 
table#calendar td div.prio5 {
    background: #b33b99;
    background: -moz-linear-gradient(top,  #b33b99 0%, #8c0e6a 50%, #c82491 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b33b99), color-stop(50%,#8c0e6a), color-stop(100%,#c82491));
    background: -webkit-linear-gradient(top,  #b33b99 0%,#8c0e6a 50%,#c82491 100%);
    background: -o-linear-gradient(top,  #b33b99 0%,#8c0e6a 50%,#c82491 100%);
    background: -ms-linear-gradient(top,  #b33b99 0%,#8c0e6a 50%,#c82491 100%);
    background: linear-gradient(to bottom,  #b33b99 0%,#8c0e6a 50%,#c82491 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b33b99', endColorstr='#c82491',GradientType=0 );

} 

table#calendarLegend td div.opacity80 {
    filter: alpha(opacity = 80); 
    -ms-filter: "alpha(opacity = 80)"; 
    opacity: .8; 
}

table#calendarLegend td div.opacity100 {
    filter: alpha(opacity = 100); 
    -ms-filter: "alpha(opacity = 100)"; 
    opacity: 1; 
}



table#calendar td .surveyNotDone, table#calendar td .surveyNotDone,table#calendarLegend td .surveyNotDone, table#calendarLegend td .surveyNotDone {
   background: #128700;
    background: -moz-linear-gradient(top,  #128700 0%, #006e2e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#128700), color-stop(100%,#006e2e));
    background: -webkit-linear-gradient(top,  #128700 0%,#006e2e 100%);
    background: -o-linear-gradient(top,  #128700 0%,#006e2e 100%);
    background: -ms-linear-gradient(top,  #128700 0%,#006e2e 100%);
    background: linear-gradient(to bottom,  #128700 0%,#006e2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#128700', endColorstr='#006e2e',GradientType=0 );
    border:1px solid #555555;
    color:#FFFFFF;
    margin-right:1px;
    margin-left:1px;
    margin-top: 1px;
    padding-left:2px;
    padding-right:2px;
    cursor: pointer;
    word-wrap: break-word;
    width:122px;
    display: block;
}

table#calendar td div.termOutNotDone,table#calendarLegend td div.termOutNotDone {
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

    border:1px solid #555555;
    color:#ffffff;
    margin-right:1px;
    margin-left:1px;
    margin-top: 1px;
    padding-left:2px;
    padding-right:2px;
    cursor: pointer;
    display:block;
    width:122px;
    word-wrap: break-word;
}



table#calendar td div.termNotDone,table#calendarLegend td div.termNotDone {
    background: #ffd65e; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */

    border:1px solid #555555;
    color:#000000;
    margin-right:1px;
    margin-left:1px;
    margin-top: 1px;
    padding-left:2px;
    padding-right:2px;
    cursor: pointer;
    display:block;
    width:120px;
    word-wrap: break-word;
}

table#calendarLegend td div.termOutDone, table#calendar td div.termOutDone,
table#calendarLegend td div.termDone, table#calendar td div.termDone,
table#calendarLegend td div.taskDone, table#calendar td div.taskDone,
table#calendarLegend td div.surveyDone, table#calendar td div.surveyDone
{
    background: #D8D8D8 !important;
    background: -moz-linear-gradient(top,  #fcfff4 0%, #dfe5d7 40%, #b3bead 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ) !important; /* IE6-9 */
    border:1px solid #555555 !important;
    color:#777777 !important;
    margin-right:1px;
    margin-left:1px;
    margin-top: 1px;
    padding-left:2px;
    padding-right:2px;
    cursor: pointer;
    word-wrap: break-word;
    width:122px !important;
    display: block;
}

span.emptyIcon {
    float:right;
    margin-top:2px;
}

span.termIcon,span.taskIcon,span.surveyIcon
{
    float:right;
    border:1px solid #000000;
    margin-top:2px;
    padding:2px;
}

span.termIcon 
{
    background: #ffd65e; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
}

span.taskIcon 
{
    background: #cb60b3; /* Old browsers */
    background: -moz-linear-gradient(top,  #cb60b3 0%, #ad1283 50%, #de47ac 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(50%,#ad1283), color-stop(100%,#de47ac)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 ); /* IE6-9 */
}

span.surveyIcon
{
    background: #128700;
    background: -moz-linear-gradient(top,  #128700 0%, #006e2e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#128700), color-stop(100%,#006e2e));
    background: -webkit-linear-gradient(top,  #128700 0%,#006e2e 100%);
    background: -o-linear-gradient(top,  #128700 0%,#006e2e 100%);
    background: -ms-linear-gradient(top,  #128700 0%,#006e2e 100%);
    background: linear-gradient(to bottom,  #128700 0%,#006e2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#128700', endColorstr='#006e2e',GradientType=0 );
}


table#calendar td {
    color:#666666;
    border:1px solid #DDDDDD;
    height:80px;
    width:120px;
    vertical-align: top;
    padding:2px;
    
}

table#calendar td.today {
    background-color:#259add;
    color:#FFFFFF;
}


table#calendar td.empty-cell {
    background-color:#A4A4A4;
}


div.recallTypeErinnerung { 
    -webkit-box-shadow: 5px 5px 8px 0px #EEA30E; /* WebKit */
    -moz-box-shadow:5px 5px 8px 0pxx #EEA30E; /* Firefox */
    box-shadow: 5px 5px 8px 0px#EEA30E; /* Standard */
}

div.recallTypeTermin {
    -webkit-box-shadow: 5px 5px 8px 0px #8c0e6a; /* WebKit */
    -moz-box-shadow: 5px 5px 8px 0px #8c0e6a; /* Firefox */
    box-shadow: 5px 5px 8px 0px  #8c0e6a; /* Standard */
}

div.recallTypeBesichtigung {
    -webkit-box-shadow: 5px 5px 8px 0px #006e2e; /* WebKit */
    -moz-box-shadow: 5px 5px 8px 0px #006e2e; /* Firefox */
    box-shadow: 5px 5px 8px 0px #006e2e; /* Standard */
}

div.recallTypeBesichtigung table img,
div.recallTypeErinnerung table img,
div.recallTypeTermin table img
{
    height: 25px;
}

div.c6E6E6E {
    border:1px solid #C8C8C8; 
    display:block; 
    width:20px; 
    height:15px;
    background-color:#6E6E6E;
}
div.cF80505 {
    border:1px solid #C8C8C8; 
    display:block; 
    width:20px; 
    height:15px;
    background-color:#F80505;   
}
div.c06C8F8 {
    border:1px solid #C8C8C8; 
    display:block; 
    width:20px; 
    height:15px;
    background-color:#06C8F8;   
}
div.c0733F4 {
    border:1px solid #C8C8C8; 
    display:block; 
    width:20px; 
    height:15px;
    background-color:#0733F4;
}
div.c000000 {
    border:1px solid #C8C8C8; 
    display:block; 
    width:20px; 
    height:15px;
    background-color:#000000;   
}
div.c07EB62 {
    border:1px solid #C8C8C8; 
    display:block; 
    width:20px; 
    height:15px;
    background-color:#6E6E6E; 
}
div.cEEA30E {
    border:1px solid #C8C8C8; 
    display:block; 
    width:20px; 
    height:15px;
    background-color:#EEA30E;
}

div.settingsBox{
    background: #606c88; /* Old browsers */
    background: -moz-linear-gradient(top,  #606c88 0%, #3f4c6b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #606c88 0%,#3f4c6b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
    padding:5px;
    border-radius: 5px;
    color:#FFFFFF;
    margin-bottom: 6px;
}
div.settingsBox img {
    width:32px;
}

div.settingsBox span.divider
{
    border-right: 1px dotted #CCCCCC;
    height:100%;
    display:block;
    width:1px;
}

.clear {
    clear:both;
}

td.logLevel_0,td.logLevel_1,td.logLevel_2,td.logLevel_3,td.logLevel_4
{
    width:30px;
    display:block;
    height:17px;
}

td.logLevel_0
{
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    color:#FFFFFF;
}

td.logLevel_1
{
    background-color:#F7D358;
    color:#000000;
}

td.logLevel_2
{
    background-color:#FFBF00;
    color:#000000;
}

td.logLevel_3
{
    background-color:#FE2E64;
    color:#FFFFFF;
}

td.logLevel_4
{
    background-color:#8A0808;
    color:#FFFFFF;
}


tr.compareArray td {
    border-bottom: 1px solid #444444;
    background-color:#3ba4c7; 
    background-image: -moz-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -webkit-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -o-linear-gradient(top, #3ba4c7 0%, #1982a5 100%); 
    background-image: -ms-linear-gradient(top, #3ba4c7 0% ,#1982a5 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 ); 
    background-image: linear-gradient(top, #3ba4c7 0% ,#1982a5 100%); 
    color:#FFFFFF;
    padding-left:10px;
    padding-right:10px;
}

tr.compareArray td.compareKey 
{
    font-weight: bold;
    background: #45484d;
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
    color:#FFFFFF;
    padding-right:30px;
}

tr.compareArray td.compareOld
{
    background: #a90329;
    background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
    background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );

}

tr.compareArray td.compareNew
{
    background: #d2ff52;
    background: -moz-linear-gradient(top,  #d2ff52 0%, #91e842 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ff52), color-stop(100%,#91e842));
    background: -webkit-linear-gradient(top,  #d2ff52 0%,#91e842 100%);
    background: -o-linear-gradient(top,  #d2ff52 0%,#91e842 100%);
    background: -ms-linear-gradient(top,  #d2ff52 0%,#91e842 100%);
    background: linear-gradient(to bottom,  #d2ff52 0%,#91e842 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 );
    color:#000000;
}

tr.compareArray td.compareSame
{
    
}



.graph-container {
	box-sizing: border-box;
	width: 870px;
	height: 450px;
	padding: 20px 15px 15px 15px;
	border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.graph{
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.2em;
}


ul.userChoseList {
    list-style-type: none;
    clear:both;
    margin:0px;
    padding:3px;
    width:340px;
    min-height: 27px;
    background: #00b7ea;
    background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
    background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
    background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
    background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
    background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
    border:1px solid #444444;
}

ul.userChoseList.listAll {
    height:29px;
    padding-bottom: 0px;
    background: #3f4c6b;
    background: -moz-linear-gradient(top,  #3f4c6b 0%, #3f4c6b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4c6b), color-stop(100%,#3f4c6b));
    background: -webkit-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%);
    background: -o-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%);
    background: -ms-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%);
    background: linear-gradient(to bottom,  #3f4c6b 0%,#3f4c6b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 );
}


ul.userChoseList li 
{
    text-align: center;
    cursor: move;
    background: #eeeeee;
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    padding:3px;
    border:1px solid #333333;
    margin-bottom: 1px;
}

ul.userChoseList.listAll li
{
    float:left;
    width:35px;
    margin-right:3px;
}


a.customerNavigation {
    width:      90px;
    text-align: center;
    padding:    4px 4px;
}

div#scrollTopBtn 
{
    cursor:         pointer;
    height:         64px;
    width:          64px;
    position:       fixed;
    bottom:         20px;
    right:          20px;
    display:        none;
    background-image: url('img/scrollTop.png');
}

div.customerContactWrap
{
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    border:1px solid #D8D8D8; 
    padding:4px; 
    margin-bottom:10px;
    -webkit-box-shadow: 0px 0px 5px 1px #888888;
    box-shadow: 0px 0px 5px 1px #888888; 
}

h3.accordionFoundPortalData {
    background: #ffb76b;
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7b00 51%, #ffa047 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7b00), color-stop(100%,#ffa047));
background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7b00 51%,#ffa047 100%);
background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7b00 51%,#ffa047 100%);
background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7b00 51%,#ffa047 100%);
background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 50%,#ff7b00 51%,#ffa047 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ffa047',GradientType=0 );
}