@media screen {
  body {
   background: #fafafa;
   }
 }

.noselection {
  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

.clickable { cursor:pointer;}
#pc2015Area {
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
 background: #fff;
 width:100%;
 //outline: 1px #aaa solid;
 border: 1px solid #aaa;
 box-shadow: 1px 1px 5px #aaa;
 margin-bottom: 10px;
 }
#pc2015Top {
 background: #eee;
 border-bottom: 1px solid #aaa;
 background: linear-gradient(#eee, #ddd);
 font-weight: bold;
 font-size: 9pt;
 text-transform: uppercase;
 padding: 10px; 
 }
#pc2015Cont {
 padding: 15px;
 }
 
a.linkbox ,
a.linkboximg {
  border: 1px solid #666;
  line-height: 17px;
  height: 18px;
  border-radius: 5px;
  background: linear-gradient(#ffffaa, #dddd66);
  font-size: 11px;
  box-shadow: 0px 0px 5px #aaa;
  }
a.linkboximg img {
 margin-top: 1px;
 margin-left: 2px;
 }
a.linkbox:hover,
a.linkboximg:hover{
 background: #fafafa;
  background: linear-gradient(#dddd66, #cccc44);
}
a.linkbox.disabled ,
a.linkboximg.disabled {
  background: linear-gradient(#eee, #ccc); 
  opacity:0.4;
 }
a.linkbox.disabled:hover ,
a.linkboximg.disabled:hover {
  background: linear-gradient(#eee, #ccc); 
 }



.newsItem {
 -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
 background: #eee;
 display:inline-block;
 width:100%;
 padding: 10px;
 padding-top: 6px;
 padding-bottom: 6px;
 cursor:pointer;
 margin-bottom:4px;
 border-left:8px solid #ccc;
 //border-right:4px solid rgba(255,255,255,0);
 }
.newsItem.Unreaded{
 background: #afdbff ;
 border-left:8px solid #2d79ce;
}

.newsItem.isImportant{
 background: #eee url('../img/warningKolmio.png') no-repeat right -25px;
 border-left:8px solid #e3e310;
}
.newsItem.isImportantUnreaded{
 background: #ffffaa url('../img/warningKolmio.png') no-repeat right -25px;
 border-left:8px solid #e3e310;
}
.newsItem:hover {
 background: #ddd;
 text-decoration:none;
 cursor:pointer;
}
.newsItem.isImportant:hover,
.newsItem.isImportantUnreaded:hover
{
 background: #eeee99 url('../img/warningKolmio.png') no-repeat right -25px;
}
.newsItem.Unreaded:hover
{
 background: #9fcafa;
}

.newsItem .title {
 float:left;
 width: 100%;
 font-weight: bold;
 color: #333;
 }
.newsItem .added {
 float:left;
 width: 100%;
 font-size:7pt;
 color: #666;
 }
.newsItem .teaser {
 float:left;
 width: 100%;
 color: #666; font-size: 10px;
 }



.b32 {
 background: #eee;
 height: 50px;
 display:inline-block;
 border: 1px solid #bbb;
 padding: 8px;
 border-radius: 2px;
 box-shadow: 1px 1px 5px #ddd;
 background: linear-gradient(#eee, #ddd);
 color: #333;
 margin-right: 5px;
 margin-bottom:5px;
 }
.b32 span {
 margin-top:4px;
 font-size:11px;
 }
.b32 img {
 text-align:center;
 }
.b32 span {
 float:left;
 }
.b32:hover{
 background: linear-gradient(#ddd, #ccc);
 border-color: #aaa;
}


.b16 {
 background: #eee;
 cursor:pointer;
 height: 16px;
 display:inline-block;
 border: 1px solid #bbb;
 padding: 4px;
 border-radius: 2px;
 box-shadow: 1px 1px 5px #ddd;
 background: linear-gradient(#eee, #ddd);
 color: #333;
 margin-right: 5px;
 margin-bottom:5px;
 }
.b16 span {
 font-size:11px;
 }
.b16 img {
 text-align:center;
 margin-right:4px;
 float:left;
 }
.b16 span {
 float:left;
 height:16px;
 line-height:16px;
 }
.b16:hover{
 background: linear-gradient(#ddd, #ccc);
 border-color: #aaa;
}

.b16.bYellow {
 background: linear-gradient(#ffffaa, #dddd66);
 }
.b16.bYellow:hover{
  background: linear-gradient(#dddd66, #cccc44);
 }
.b16.selected {
 border-color: #2b7db4;
 color: #fff;
 background: linear-gradient(#2b7db4, #2f9bc4) !important;
 }
.b16.fullRow {
 -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
 border-color: #2b7db4;
 color: #fff;
 width: 100%;
 line-height:26px;
 height:26px;
 }
.b16.notification {
 border-color: #2b7db4;
 color: #fff;
 background: linear-gradient(#2f9bc4, #2b7db4);
 }
.b16.notification:hover {
 background: linear-gradient(#2b7db4, #1372a8);

 border-color: #005b8f;
 } 

.b32.selected {
 border-color: #2b7db4;
 color: #fff;
 background: linear-gradient(#2b7db4, #2f9bc4);
 }
.portlet-header a.linkbox,
.portlet-header a.linkboximg,
#pc2015Top a.linkboximg,
#pc2015Top a.linkbox {
 float: right;
 text-transform:none;
 margin-top:-2px;
 font-size:7pt;
 font-weight: normal;
 height: 16px;
 margin-right:1px;
 }
.portlet-header a.linkbox img,
.portlet-header a.linkboximg img,
#pc2015Top a.linkboximg img,
#pc2015Top a.linkbox img {
 height:12px; width:12px;
 margin-top:2px;
 }
.dbTR a.linkboximg img {
 margin-top: 1px;
 }
 
.box::-webkit-input-placeholder {
 color: #aaa;
 font-size:6pt;
 font-style: italic;
 }
 
@media screen {
  span.yesnoBox {
   display:block;
   background: #bbb;
   float:left;
   height:16px;
   line-height:14px;
   color: #fff;
   font-size:8pt;
   padding:0;
   padding-left:4px;
   padding-right:6px;
   border-radius: 2px; 
   border: 1px solid #666;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis; 
   }
  span.yesnoBox img {
   float:left;
   height:12px; width:12px;
   margin-right:2px;
   margin-top:1px;
   margin-left:0;
  }
  span.ynColorYes {
   border: 1px solid #669245;
   background: #7acb42;
   background: linear-gradient(#7acb42,#6dbb34);
   }
  span.ynColorNo {
   border: 1px solid #96151a;
   background: #cb0c13;
   background: linear-gradient(#cb0c13,#ad1115);
   }
  span.ynColorBlue {
   border: 1px solid #386f9d;
   background: #4b97d7;
   background: linear-gradient(#4b97d7,#4486bd);
   }
  span.ynColorYellow {
   color: #000;
   border: 1px solid #ad7b10;
   background: #f7ff1e;
   background: linear-gradient(#f7ff1e,#e5ec21);
   }   
  span.ynColorOrange {
   border: 1px solid #ad7b10;
   background: #f2a604;
   background: linear-gradient(#f2a604,#d5950d);
   }
  span.ynColorDark {
    border: 1px solid #333;
    background: #555;
    background: linear-gradient(#444, #666);
    }
  }
.id {
 font-family: consolas, 'lucida console', courier;
 text-align: right;
 }
@media print {
 span.yesnoBox {
  font-size: 8pt;
  }
 }
 
.has-errors {
  background: #ff0000 !important;
  color: #fff !important;
}