html, body
{
  margin: 0px;
  color: #DDD;
  padding: 0px;
  height: 100%;
  background-color: #222222;
}

.navigation
{
  background: #111111;
  padding: 0px;
  border-collapse: separate;
  border-spacing: 1px;
}

font,th,td,p,a,div
{
  font-family: Verdana, Bitstream Vera Sans, Arial, Helvetica;
}

td
{
  padding: 1px;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

.boxwrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

.smalltext, .middletext {
	font-size: 11px;
	font-family: tahoma, sans-serif;
}

#bodybox {
	background: #313131 url(./img/custom/right.png) 100% 0 repeat-y;
}

#bdybox-l {
	background: url(./img/custom/left.png) 0 0 repeat-y;
}

#bdybox-b {
	background: url(./img/custom/bot.png) 0 100% repeat-x;
}

#bdybox-br {
	background: url(./img/custom/bot-r.png) 100% 100% no-repeat;
}

#bdybox-bl {
	background: url(./img/custom/bot-l.png) 0 100% no-repeat;
}

#bdybox-t {
	background: url(./img/custom/top.png) 0 0 repeat-x;
}

#bdybox-tr {
	background: url(./img/custom/top-r.png) 100% 0 no-repeat;
}

#bdybox-tl {
	background: url(./img/custom/top-l.png) 0 0 no-repeat;
	padding: 20px;
}

#bodyboxb {
        background: #000 url(./img/custom/rightb.png) 100% 0 repeat-y;
}

#bdybox-lb {
        background: url(./img/custom/leftb.png) 0 0 repeat-y;
}

#bdybox-bb {
        background: url(./img/custom/botb.png) 0 100% repeat-x;
}

#bdybox-brb {
        background: url(./img/custom/bot-rb.png) 100% 100% no-repeat;
}

#bdybox-blb {
        background: url(./img/custom/bot-lb.png) 0 100% no-repeat;
}

#bdybox-tb {
        background: url(./img/custom/topb.png) 0 0 repeat-x;
}

#bdybox-trb {
        background: url(./img/custom/top-rb.png) 100% 0 no-repeat;
}

#bdybox-tlb {
        background: url(./img/custom/top-lb.png) 0 0 no-repeat;
        padding: 15px 0 15px 0;
}

#toparea {
	background: url(./img/custom/toparea.png) 0 0 repeat-x; 
}

#topbox {
	background: url(./img/custom/toparea-m.png) 50% 0 no-repeat;
	height: 45px;
}

#userarea {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 15px 0 0;
	color: #555;
}

#banner {
	width: 950px;
	margin: auto;
	align: center;
	background: #000;
}

#overalheader {
	width: 100%;
	align: center;
	height: 60px;
	background: #909086;
}

#overalheadercontent {
	width: 600px;
	margin: auto;
	height: 60px;
	background: #909086;
}
#toolbarwrap {
	width: 1000px;
	margin: auto;
	height: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
}	
#toolbar {
	background: #504f4f url(./img/custom/toolbar-bg.png) 0 0 repeat-x;
	height: 50px;
	align: center;
}

#toolbar-l {
	background: #504f4f url(./img/custom/toolbar-l.png) 0 0 no-repeat;
	padding-left: 20px;
}

#toolbar-r {
	background: #504f4f url(./img/custom/toolbar-r.png) 100% 0 no-repeat;
	padding-right: 20px;
}

#topmenu {
	display: block;
	position: relative;
	height: 32px;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	float: left;
}

#topmenu ul {
	margin: 14px 0 0;
	padding: 0;
	list-style-type: none;
	width: auto;
	text-align:center;
	float: left;
}

#topmenu ul li {
	text-align:center;
	display: block;
	float: left;
	margin: 0 2px;
}

#topmenu ul li a {
	display: block;
	float: left;
	color: #7F7F7F;
	text-decoration: none;
	padding: 0 0 0 10px;
	height: 21px;
	line-height: 21px;
}

#topmenu ul li a span { 
	padding: 0 9px 0 0;
}

#topmenu ul li a:hover {
	color: #DDD;
}

#topmenu ul li a:hover span {}


.main-table
{
  width: 950px;
  height: 100%;
  padding: 0px;
  border-collapse: separate;
  border-spacing: 0px;
  background: #313131;
}

.kill-points
{
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

input, button, select
{
  border: 1px solid #eeeeee;
  font-size: 9px;
}

#content
{
  margin-top: 10px;
  padding: 10px;
  width: 760px;
  background: #313131;
  font-size: 11px;
}

#context
{
  margin-top: 10px;
  padding: 10px;
  width: 145px;
}

div.bar
{
  height: 6px;
  background: #ffa500;
  border-bottom: 1px #ac7000 solid;
  border-right: 1px #ac7000 solid;
  font-size: 4px;
}

div.bar-background
{
    height: 6px;
    background: #7F0F1E;
    font-size: 4px;
}

div.bar-red
{
  height: 8px;
  background: #330000;
  border-bottom: 1px #220000 solid;
  border-right: 1px #220000 solid;
}

.box-title
{
  background: #333333;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
}

.box-content
{
  padding: 10px;
  margin-bottom: 20px;
  width: 150px;
}

.menu-wrapper
{
  padding-top: 5px;
  padding-bottom: 5px;
}

.menu-caption
{
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  padding-left: 5px;
}

.menu-item
{
  font-weight: bold;
  padding-left: 15px;
}

#page-title
{
  background-image: url("./img/titlebg.png");
  background-repeat: repeat;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 10px;
  padding-top: 3px;
  padding-left: 15px;
  height: 25px;
  line-height: 20px;
  color: #DDD;
  border: 2px solid #222;
  font-size: 16px;
  font-weight: bold;
}

.block-header
{
  margin-top: 10px;
  margin-bottom: 10px;
  color: #7F7F7F;
  font-size: 12px;
  font-weight: bold;
}

.block-header2
{
  margin-top: 10px;
  margin-bottom: 10px;
  color: #7F7F7F;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid #777777;
}

.f_killmail
{
  font-size: 10px;
}

textarea.killmail
{
  font-size: 11px;
}

.link
{
  padding-right: 5px;
}

.kb-table, .kb-subtable
{
  font-size: 10px;
  color: #DDD;
  padding: 0px;
}

.kb-table
{
  border: 1px solid #444444;
  border-collapse: separate;
  border-spacing: 1px;
}

.kb-table2
{
  margin-top: 2px;
  margin-bottom: 2px;
  border: 1px solid black;
  border-collapse: separate;
  border-spacing: 1.2px;
}

.kb-table-title
{
  height: 10px;
}

.kb-table-header
{
  height: 15px;
  background: #313131;
  font-size: 10px;
  font-weight: bold;
  padding: 4px;
  background: #504f4f url(./img/catbg.png) 0 0 repeat-x;
  color: #DDD;
}

.kb-table-row-odd
{
  background: #292929;
  color: #DDD;
}

.kb-table-row-even
{
  background: #222222;
  color: #DDD;
}

.kb-table-row-slot
{
  background: #292929;
}

.kb-table-row-destroyed 
{ 
  background: #f35b5b; 
} 
 
.kb-table-row-dropped 
{ 
  background: #8cce56; 
}

.kb-table-row-hover
{
  color: #000;
  background: #DD9300;
  cursor: pointer;
}

img.finalblow
{
  border: 1px solid #FFA500;
}

img.avatar
{
  border: 1px solid #333333;
}

img.icon
{
  border: 1px solid #333333;
}

td.item-icon
{
  border: 1px solid #333333;
}

img.icon-hover
{
  border: 1px solid #DD9300;
  cursor: pointer;
}

td.avatar-name
{
  font-size: 10px;
  font-weight: bold;
  color: #cccccc;
}

td.killmail
{
  font-family: Courier New, Courier;
  font-size: 11px;
  color: #dddddd;
}

td.battleship
{
  background: #DD9300;
}

td.kb-table-cell
{
  padding: 2px;
  padding-left: 3px;
  padding-right: 3px;
  color: #DDD;
}

.kb-date-header
{
  background-image: url("../../img/day.gif");
  background-repeat: no-repeat;
  background-position: 0px 16px;

  color: #DDD;

  font-size: 13px;
  font-weight: bold;

  padding-left: 20px;
  padding-top: 15px;
}

.kb-contracts-header
{
  background-image: url("./img/titlebg.png");
  background-repeat: repeat;
  margin-top: 10px;
  margin-bottom: 15px;

  color: #909086;

  font-size: 12px;
  font-weight: bold;
  padding-left: 25px;
  padding-bottom: 5px;
  border-bottom: 1px solid #777777;

}

.kb-campaigns-header
{
  background-image: url("./img/titlebg.png");
  background-repeat: repeat;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  padding-left: 15px;
  border: 1px solid #444;
}

.kb-kills-header
{
  background-image: url("./img/titlebg.png");
  background-repeat: repeat;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  padding-left: 15px;
  border: 1px solid #444;
}

.kb-losses-header
{
  background-image: url("./img/titlebg.png");
  background-repeat: repeat;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding-left: 25px;
  padding-bottom: 5px;
  align: center;
  line-height: 20px;
  padding-left: 15px;
}

.kb-contract-target-header
{
  background-image: url("./img/titlebg.png");
  background-repeat: repeat;

  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding-left: 25px;
  padding-bottom: 5px;
  align: center;
  line-height: 20px;
}

.kl-kill-null, .kl-loss-null
{
  color: #aaaaaa;
}

td.kl-kill-null-bg
{
  color: #999999;
  background: #003300;
}

td.kl-loss-null-bg
{
  color: #999999;
  background: #330000;
}

td.kl-kill
{
  color: #00aa00;
  font-weight: bold;
}

.kl-loss
{
  color: #aa0000;
  font-weight: bold;
}

td.kl-kill-bg
{
  background: #006000;
  color: #00bb00;
  font-weight: bold;
}

td.kl-loss-bg
{
  background: #db9595;
  color: #bb0000;
  font-weight: bold;
}

#weeknav
{
  right: 0px;
  top: 20px;
}

td.weeknav
{
  color: #666666;
  font-size: 9px;
  font-weight: bold;
}

select.kb-select
{
  font-size: 10px;
  width: 210px;
}

input.kb-input
{
  font-size: 10px;
}

a:link {
  color: #FFA500;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

a.kb-table-row-hover:link {
  color: #333333;
}

a:visited {
  color: #FFA500;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

a:active {
  color: #FFA500;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #FFA500;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
}
.counter
{
	display: block;
	text-align:right;
	padding-right:5px;
	padding-top:5px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}
.comment {
	background-color: #292929;
	margin-top: 5px;
	padding-top: 8px;
	padding-left: 8px;
	color: #cccccc;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	}

.comment:focus {
	border-color: #FFFFFF;
}
.comment-button {
	background-color: #292929;
	border: 1px solid;
	border-color: #292929;
	color: #cccccc;
	font-size: 12px;
	margin-top: 5px;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	}
.comment-button:focus {
	border-color: #FFFFFF;
}
#comments-wrap {
	border-top:#333333 thin solid;
	width:350px;
	margin-top:15px;
	float:left;
	clear:left;
	color: #cccccc;
	font-size: 12px;
	}
.comment-text {
	padding:5px;
	border-bottom-width:thin;
 	border-bottom-style:solid;
	border-bottom-color: #333333;
	overflow: hidden;
	}
#countdown {
	border:0px;
	color: #cccccc;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}
.popup-table
{
filter: alpha(opacity=90);
-moz-opacity: 0.9; 
background-color:#333333;
}
.killcount
{
  color: #8cce56;
  float:right;
  font-weight: bold;
  font-size:9px;
  padding-right:4px;
}
.losscount
{
  color: #dd0000;
  float:left;
  font-weight: bold;
  font-size:9px;
}
.efficency
{
  color: #DDD;
  float:left;
  font-weight: bold;
  font-size:9px;
}
.kb-table-row-even-kill
{
  background-color: #015F00;
  color: #948888;
}

.kb-table-row-odd-kill
{
  background-color: #005000;
  color: #948888;
}

.kb-table-row-even-loss
{
  background-color: #800000; 
  color: #000;
}

.kb-table-row-odd-loss
{
  background-color: #990000; 
  color: #000;
}

.kb-table-row-even-kill:hover
{
  color: #FFFFFF;
  background: #0083CC;
  cursor: pointer;
}

.kb-table-row-odd-kill:hover
{
  color: #FFFFFF;
  background: #0083CC;
  cursor: pointer;
}

.kb-table-row-odd-loss:hover
{
  color: #222222;
  background: #DD9300;
  cursor: pointer;
}

.kb-table-row-even-loss:hover
{
  color: #222222;
  background: #DD9300;
  cursor: pointer;
}

div.kb-shiptype
{
  float: left;
  margin-top: 3px;
  padding-left: 3px;
  color: #DDD;
}

div.kb-shipicon
{
  float: right;
  height: 32px;
}

td.kb-shipfilter
{
  font-family: Verdana, Tahoma;
  font-size: 12px;
}

a.kb-shipclass:visited {
  color: #DDD;
}

a.kb-shipclass:link {
  color: #DDD;
}

a.kb-shipclass-hl:link {
  color: #DDD;
  text-decoration: underline;
}

a.kb-shipclass-hl:active {
  color: #DDD;
  text-decoration: underline;
}

a.kb-shipclass-hl:visited {
  color: #DDD;
  text-decoration: underline;
}

a.kb-shipclass:active {
  color: #DDD;
}

a.kb-shipclass:hover {
  color: #DDD;
  text-decoration: underline;
}

a.kb-contract:link {
  font-size: 12px;
}

a.kb-contract:visited {
  font-size: 12px;
}

.kb_table_involved {
 font-size: 9px;
}

td.kb-table-cell-pilot
{
  background-image: url("./img/titlebg.png");
  background-repeat: repeat;
  color: #000;	
  padding: 2px;
  padding-left: 3px;
  padding-right: 3px;
}

a.kb-table-cell-pilot:link
{
  color: #fff;
}

td.kb-table-cell-dmg
{
  background: #504f4f url(./img/catbg.png) 0 0 repeat-x;
  padding: 2px;
  padding-left: 3px;
  padding-right: 3px;
}

#footer {
        background: url(http://glowinggoat.eu/lossboard/images/custom/foot-box.png) 50% 100% no-repeat;
        height: 105px;
}

#footerarea {
        text-align: center;
        padding: 0 0 10px 0;
        color: #444;
}

#footerarea a:link, #footerarea a:visited {
        color: #555;
}

#footerarea a:hover {
        color: #555;
        text-decoration: underline;
}