/*****************************************************************************
** www.KennedyApproach.com
** (c) 2009 M.Franssen
*****************************************************************************/

/* Defaults
***********/
html {
  width: 100%;
  height: 100%;
}

td {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  vertical-align: top
}

tr {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

table {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border-width: 0px;
  border-style: normal;
  border-spacing:0px;
  border-collapse: collapse;
  border-color:#000000;
}

pre {
  font-size: 14px; font-family: Courier;
}

img {
  border-style: none;
}

a:link {
  text-decoration: none;
  font-weight:bold;
  color : #5D7CBA;
}
a:link.forum {
  text-decoration: none;
  font-weight:bold;
  color : #FFFFFF;
}
a:visited {
  text-decoration: none;
  font-weight:bold;
  color: #5D7CBA;
}
a:visited.forum {
  text-decoration: none;
  font-weight:bold;
  color: #FFFFFF;
}
a:hover {
  text-decoration: none;
  font-weight:bold;
  color : #FF9000;
}
a:hover.forum {
  text-decoration: none;
  font-weight:bold;
  color : #FF9000;
}
a:active {
 /* text-decoration: none; color: #5D7CBA; */
}

div.rants {
  font-size: 14px; font-family: Arial;
}



/* To force IE not to resize the damn cell this thing is in. 
************************************************************/
div.rootfill{
  width: 5px;
  min-width: 5px;
  max-width: 5px;
}

/* Body
***********/
table.body {
  background-color: #ffffff;
  width: 100%;
}
td.bodytop {
  width: auto;
  height: 5px;
  min-height: 5px;
  max-height: 5px;
  background: url(images/css/common/bodytop.bmp) 0 0 repeat-x;
}
td.bodyleft {
  width: 5px;
  min-width: 5px;
  max-width: 5px;
  background: url(images/css/common/bodyleft.bmp) 0 0 repeat-y;
}
td.bodyright {
  width: 5px;
  min-width: 5px;
  max-width: 5px;
  /* If you dont set it to 100%, IE will not show it correctly, IE will only draw 4 pixels...*/
  background: url(images/css/common/bodyright.bmp) 100% 100% repeat-y;
}
td.bodybottomleft {
  width: 5px;
  min-width: 5px;
  max-width: 5px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  background: url(images/css/common/bodybottomleft.bmp) 0 0 no-repeat;
}
td.bodybottom {
  width: auto;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  background: url(images/css/common/bodybottom.bmp) 0 0 repeat-x;
  width: 100%;
  color: #000000;
  font-size: 9px;
  font-weight: none;
  font-family: Verdana;
  text-align: center;
  vertical-align: middle;
}
td.bodybottomright {
  width: 5px;
  min-width: 5px;
  max-width: 5px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  background: url(images/css/common/bodybottomright.bmp) 100% 100% no-repeat;
}

/* Our disclaimer.
******************/
div.disclaimer {
  color: #216B2B;
  font-size: 12px;
  font-weight:bold;
  font-family: Verdana;
  text-align: center;
}

/* sub chapter (with headerbar) 
*******************************/
table.subchapter {
  width: 100%; 
  min-width: 100%;
  border-collapse: collapse;
}
td.subchaptopleft {
  width: 5px;
  height: 18px;
  background: url("images/css/common/subtl.bmp") 0 0 no-repeat;
}
td.subchapheadercenter {
  width: auto;
  height: 18px;
  background: url("images/css/common/subtc.bmp");
  color: #ffffff; font-size: 11px; font-family: Verdana;
  font-size: 12px; font-family: Tahoma; font-weight:bold;
  vertical-align:middle;
}
td.subchaptopright {
  width: 5px;
  height: 18px;
  background: url("images/css/common/subtr.bmp") 0 0 no-repeat;
}
td.subchapcenterleft {
  width: 5px;
  background: url("images/css/common/subcl.bmp") 0 0 repeat-y;
}
td.subchapcenterright {
  width: 5px;
  background: url("images/css/common/subcr.bmp") 0 0 repeat-y;
}
td.subchapbottomleft {
  width: 5px;
  height: 15px;
  background: url("images/css/common/subbl.bmp") 0 0 no-repeat;
}
td.subchapbottomcenter {
  width: auto;
  height: 15px;
  background: url("images/css/common/subbc.bmp") 0 0 repeat-x;
}
td.subchapbottomright {
  width: 5px;
  height: 15px;
  background: url("images/css/common/subbr.bmp") 0 0 no-repeat;
}
div.subchaptitle {
  color: #ffffff; font-size: 11px; font-family: Verdana;
  font-size: 12px; font-family: Tahoma; font-weight:bold;
  vertical-align:middle;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #dbdbdb;
}
td.subchapheaderleft {
  width: 5px;
  background: url("images/css/common/subhl.bmp");
}

td.subchapheaderright {
  width: 5px;
  background: url("images/css/common/subhr.bmp") 0 0 repeat-y;
}

/* chapter
**********/
table.chapter {
  width: 100%; 
  min-width: 100%;
  border-collapse: collapse;
}
td.chaptopleft {
  width: 5px;
  height: 5px;
  background: url("images/css/common/chaptl.bmp") 0 0 no-repeat;
}
td.chaptopcenter {
  width: auto;
  height: 5px;
  background: url("images/css/common/chaptc.bmp") 0 0 repeat-x;
}
td.chaptopright {
  width: 5px;
  height: 5px;
  background: url("images/css/common/chaptr.bmp") 0 0 no-repeat;
}

td.chapcenterleft {
  width: 5px;
  background: url("images/css/common/chapcl.bmp") 0 0 repeat-y;
}
td.chapuser {
  vertical-align:top;
  font-style: normal;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
td.chapcenter {
  vertical-align:top;
  font-style: normal;
}
td.chapcenterright {
  width: 5px;
  background: url("images/css/common/chapcr.bmp") 0 0 repeat-y;
}
td.chapbottomleft {
  width: 5px;
  height: 5px;
  background: url("images/css/common/chapbl.bmp") 0 0 no-repeat;
}
td.chapbottomcenter {
  width: auto;
  height: 5px;
  background: url("images/css/common/chapbc.bmp") 0 0 repeat-x;
}
td.chapbottomright {
  width: 5px;
  height: 5px;
  background: url("images/css/common/chapbr.bmp") 0 0 no-repeat;
}
div.chaptitle {
  color: #000000; 
  font-size: 16px; font-family: Arial; font-weight:bold;
  padding-left: 10px;
  padding-right: 10px;
}

/* Comment text
****************/
span.normal {
  color: #000000;
  font-style: normal;
  font-size: 11px;
  font-family: Verdana;
}
div.normal {
  color: #000000;
  font-weight: normal;
  font-size: 10px;
  font-family: Verdana;
  padding-left: 10px;
  padding-right: 10px;
}
div.error {
  color: #FF0000; 
  font-size: 11px; 
  font-family: Verdana;
  font-style: italic; 
  padding-left: 10px;
  padding-right: 10px;
}
div.code {
  color: #000000;
  font-style: normal;
  font-size: 11px;
  font-family: Verdana;
  padding-left: 10px;
  padding-right: 10px;
}
div.boxtitle {
  color: #000000; 
  font-size: 10px; font-family: Verdana; font-weight:bold;
}
div.boxtext {
  color: #000000; 
  font-size: 10px; font-family: Verdana; font-weight: normal;
}
div.boxreply {
  color: #AA0000;
  font-size: 10px; 
  font-family: Verdana; 
  font-weight:bold;
  font-style: italic;
  text-align: right;
}
div.headerone {
  color: #000000; 
  font-size: 18px; font-family: Tahoma; font-weight:bold;
  vertical-align:middle;
  padding-left: 10px;
  padding-right: 10px;
  background: url("images/css/common/messagebar.png") 0 0 repeat-x; 
}
div.headertwo {
  color: #000000; font-size: 11px; font-family: Verdana;
  font-size: 12px; font-family: Tahoma; font-weight:bold;
  vertical-align: bottom;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #dbdbdb;
}
div.headerthree {
  color: #000000; font-size: 10px; font-family: Verdana;
  font-size: 10px; font-family: Tahoma; font-weight:bold;
  vertical-align: bottom;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

/* Entry form
**************/
td.news {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}


/* Game icon menu
*****************/
div.imglist {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}

tr.imglist {
}

/* require seperate per image (since images are different) */
td.imglistrsr {
  background: url(images/ka/newsmp/redstormrising_small.png) 0 0 no-repeat;
}
td.imglistrsr:hover {
  cursor: pointer;
  background: url(images/ka/newsmp/redstormrising_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
td.imglistrsrhigh {
  background: url(images/ka/newsmp/redstormrising_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
/***************/
td.imglistka {
  background: url(images/ka/newsmp/kennedyapproach_small.png) 0 0 no-repeat;
}
td.imglistka:hover {
  cursor: pointer;
  background: url(images/ka/newsmp/kennedyapproach_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
td.imglistkahigh {
  background: url(images/ka/newsmp/kennedyapproach_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
/***************/
td.imglistss {
  background: url(images/ka/newsmp/silentservice_small.png) 0 0 no-repeat;
}
td.imglistss:hover {
  cursor: pointer;
  background: url(images/ka/newsmp/silentservice_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
td.imglistsshigh {
  background: url(images/ka/newsmp/silentservice_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
/***************/
td.imglistgs {
  background: url(images/ka/newsmp/gunship_small.png) 0 0 no-repeat;
}
td.imglistgs:hover {
  cursor: pointer;
  background: url(images/ka/newsmp/gunship_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
td.imglistgshigh {
  background: url(images/ka/newsmp/gunship_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
/***************/
td.imglistsf {
  background: url(images/ka/newsmp/specialforces_small.png) 0 0 no-repeat;
}
td.imglistsf:hover {
  cursor: pointer;
  background: url(images/ka/newsmp/specialforces_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
td.imglistsfhigh {
  background: url(images/ka/newsmp/specialforces_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
/***************/
td.imglistm1 {
  background: url(images/ka/newsmp/m1tankplatoon_small.png) 0 0 no-repeat;
}
td.imglistm1:hover {
  cursor: pointer;
  background: url(images/ka/newsmp/m1tankplatoon_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
td.imglistm1high {
  background: url(images/ka/newsmp/m1tankplatoon_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
/***************/
td.imglist15 {
  background: url(images/ka/newsmp/f15_small.png) 0 0 no-repeat;
}
td.imglist15:hover {
  cursor: pointer;
  background: url(images/ka/newsmp/f15_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
td.imglist15high {
  background: url(images/ka/newsmp/f15_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
/***************/
td.imglist19 {
  background: url(images/ka/newsmp/f19_small.png) 0 0 no-repeat;
}
td.imglist19:hover {
  cursor: pointer;
  background: url(images/ka/newsmp/f19_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
td.imglist19high {
  background: url(images/ka/newsmp/f19_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
/***************/
td.imglistat {
  background: url(images/ka/newsmp/atac_small.png) 0 0 no-repeat;
}
td.imglistat:hover {
  cursor: pointer;
  background: url(images/ka/newsmp/atac_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}
td.imglistathigh {
  background: url(images/ka/newsmp/atac_small.png) 0 0 no-repeat;
  background-position: 0 -60px;
}

/* Vista buttons
****************/
.rollover a {
  display:block;
  width: 106px;
  height:20px;
  padding:2px 0px 0px 0px;
  font: bold 13px sans-serif;;
  color: #ffffff;
  background: url("images/css/common/buttons.png") 0 0 no-repeat;
  text-decoration: none;
  vertical-align:middle;
  text-align:center;
}
.rollover a:hover {
  background-position: 0 -22px;
  color: #ffffff;
}
.rollover a:active {
  background-position: 0 -40px;
  color:#ffffff;
}

input.verstuurknop {
  width: 106px;
  height: 22px;
  padding:2px 0px 0px 0px;
  background: transparent url("images/css/common/buttons.png") 0 0 no-repeat;
  outline: none;
  border: none;
  cursor : pointer;
  color:#ffffff;
}
input.verstuurknop:hover {
  background-position: 0 -22px;
  color:#ffffff;
}
input.verstuurknop:active {
  background-position: 0 -44px;
  color:#ffffff;
}

input.inputmod {
/*  border:outset; */
  border-width:1px;
  border-color: #AAAAAA;
  font-size: 14px; font-style: italic; font-family: "Courier New";
}

input:hover {
  border-width:1px;
  border-color: #000000;
}