/*Alert box  */
.bcbinfo, .bcbsuccess, .bcbwarning, .bcbalert{
font-size:13px;
font-weight: bold; 
color: #686b70;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
background-color: #c9cfd8;
border: 2px solid;
-moz-border-radius:.6em;
-webkit-border-radius:.6em;
-khtml-border-radius:.6em;
border-radius:.6em;
}
.bcbinfo {
  background-image: url("bcb_icon_inf.png");
  border-color: #1782ed;
  }
.bcbsuccess {
  background-image: url("bcb_icon_ok.png");
  border-color: #b8ffa3;
  }
.bcbwarning {
  background-image: url("bcb_icon_wa.png");
  border-color: #eddc25;
  }
.bcbalert {
  background-image: url("bcb_icon_al.png");
  border-color: #bc1a40; 
	}
 /****************************************************************************************/
/*BCB Navigations menu  */
.bcbtoplogo {
width: 20%;

}

/*BCB Navigations menu  */
 .bcbnav  {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 2;
  border-color: white;
  overflow: hidden;
  background-image: url("bcb_icon.png");
  background-repeat: no-repeat;
  background-color: #333;
  -moz-border-radius:.7em;
 -webkit-border-radius:.7em;
 -khtml-border-radius:.7em;
 border-radius:.7em;
}

.bcbnav ul {
  list-style-type: none; 
}

.bcbnav li {
   float: left;
}

.bcbnav li a {
  display: block;
  color: white;
  text-align: left;
  padding: 6px 2px 2px 2px;
  text-decoration: none;
}

.bcbnav li a:hover:not(.active) {
  background-color: white;
  color: black;
}

.bcbnav li a.active {
  float: right;
}


/*List boksere    */
.boxlist table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.boxlist th {
    border: 1px solid #dddddd;
    text-align: center;
}
.boxlist td {   
    padding: 2px;
}

.boxlist tr:nth-child(even) {
    background-color: #dddddd;
}
 /****************************************************************************************/
/* View  */
.bcbview table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.bcbview td {   
    padding: 2px;
}

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

td.L {
    text-align: left;
}
td.C {
    text-align: center;
}
td.R {
    text-align: right;
}





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


form input.bcb {
background-color: #eee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ccc));
background-image: -webkit-linear-gradient(top, #eee, #ccc);
background-image: -moz-linear-gradient(top, #eee, #ccc);
background-image: -ms-linear-gradient(top, #eee, #ccc);
background-image: -o-linear-gradient(top, #eee, #ccc);
background-image: linear-gradient(top, #eee, #ccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #333;
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
padding: 12px 22px;
text-align: center;
text-shadow: 0 1px 0 #eee;
}

form input.bcb:hover { 
background-color: #ddd;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddd), color-stop(100%, #bbb));
background-image: -webkit-linear-gradient(top, #ddd, #bbb);
background-image: -moz-linear-gradient(top, #ddd, #bbb);
background-image: -ms-linear-gradient(top, #ddd, #bbb);
background-image: -o-linear-gradient(top, #ddd, #bbb);
background-image: linear-gradient(top, #ddd, #bbb);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
cursor: pointer;
text-shadow: 0 1px 0 #ddd;
}
form input.bcb:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
-moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}
 /****************************************************************************************/
.bcb-button {
background-color: #4f4b4a;
color: white;   
border-radius: 7px;
padding: 8px 15px;
text-align: center;
text-decoration: none;
font-size: 12px;
font-weight: bold;
display:inline-block;
margin:4px 2px;
cursor:pointer;
opacity: 1;
}
.bcb-button:hover {
opacity: 0.8;
}

.bcb-bsort {
border: 1px solid #000;
}

.bcb-bgroen {
border: 1px solid #56e549;
}
.bcb-bblaa {
border: 1px solid #466cc4;
}
.bcb-borange {
border: 1px solid #f96c25;
}