/* Copyright (c) 2007 CSKW Inc. All Rights Reserved. */
/*
todo:
*/

/* LayoutGala08 (http://blog.html.it/layoutgala/) */

html,body { margin:0; padding:0 }

/* Fix problem of Firefox jumping as it inserts/removes scrollbar for short pages */
/* IE mac barfs -- so this weird comment hides it from IE mac \*/
html {
    min-height: 100%;     /* go right to the bottom      */
    margin-bottom: 1px;   /* force scrollbars to stay on */
}
/* end hiding from IE5 mac */

body { font:76% verdana,arial,sans-serif;text-align:left;background: #C7C7C7}
p { margin:0 10px 10px 10px}

.error { color: red }
span.right5em { display:inline-block; width:5em; text-align:right; }

img.hiddenemail { border:none; background: transparent; padding: 0px 0px 3px 0px; margin-left: 24px;}
a.hiddenemail {display:block; margin-top: 3px; height:20px; 
    background: url("http://koreanwarcenter.com/images/email_link.png") no-repeat top left}


div#header {
	height:130px;
	background-color: transparent;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: white;
  }
div#header h1 {padding: 6px 10px 0px 4px; color:white; text-align: right ; line-height: 1; font-size: 1.5em;}
div#header h1 a,
div#header h1 a:hover,
div#header h1 a:visited { text-decoration:none }

div#container {text-align:left;border: thin solid white}
div#content {margin-top:0px; }
div#content p { line-height:1.4 }
div#content p.quote { font-style:italic; color:#007AD7; padding: auto 10px 20px 10px; }
div#content h1 { color: #00276F; font-weight:bold; font-size:200%; margin-top:0px}
div#content h2 { color: #007AD7; font-weight:bold; font-size:150% }
div#content h3 { color: #0043BF; font-weight:bold; font-size:115% }
div#content h4 { color: black;   font-weight:bold; font-size:115%; margin-left: 10px }
div#content h5 { color: #CE3000; font-weight:bold; font-size:120% }
div#content li { line-height:1.4 }
div#content div.listflush { margin:0px; padding: 0px }
div#content div.listplain ul { list-style:none }
div#content div.listflush ul { margin:0px; padding-top:0px;padding-left:1.5em; }
/* div#content div.listflush   ul li { padding-bottom:0px;  padding-top:0px; margin:0px; line-height:normal } */
div#content div.listcompact ul li { padding-bottom:0px;  padding-top:0px; margin:0px; line-height:normal }
div#content div.listspread  ul li { padding-bottom:10px; padding-top:0px; margin:0px; }

div#content div.amazon {
    width:100%;
    margin:10px 0;
    }

div#content div.amazon iframe {
    width:130;
    float:left;
    margin:0 10px 10px 0;
    }

div#content div.amazon h2 {
    font-size:110%;
    font-weight: bold;
    margin-bottom:5px;
    color: #00276F;
    }

div#content div.amazon h3 {
    font-weight: bold;
    margin-bottom:2px;
    font-size:90%;
    color: black;
    }

div#content div.amazon p {
    margin-bottom:4px;
    }

div#help { padding: 2em; text-align: left; font-size: 110%; line-height: 1.4}

div#navigation {
  background:white;
  margin-top:0px;
  }

div#rightcontent {
  background:white;
  margin-top:15px;
  text-align:center;
  color:black
  }

div#rightcontent div.alignleft {
  text-align:left;
  }

div#rightcontent div.alignright {
  text-align:right;
  }

div#rightcontent div.aligncenter {
  text-align:center;
  }
div#rightcontent div.aligncenter img {
  margin:0 auto;
  }

div#rightcontent h1 {
  font-weight:bold;
  font-size:125%;
  padding: 5px;
  margin:0px;
  color:black
  }

div#rightcontent h1.caption {
  margin:-15px 0px 0px 0px;
  }

div#rightcontent p {
  padding: 5px;
  color:black
  }

div#rightcontent img {
  padding: 15px;
  margin: 0 auto;
  border:none;
  }

div#rightcontent img.space {
  padding-top: 0px;
  padding-bottom: 0px;
  }

div#rightcontent img.screenshot {
  padding: 0px;
	margin: 0px;
	border-color:blue;
	border-style:solid;
	border-width:thin
  }

div#rightcontent p.screenshot {
  padding: 10px 0px;
  margin: 0px;
	font:italic medium "Times New Roman", Times, serif;
  }

div#rightcontent div#newsflash {
	width:220px;
    margin:0px;
	float:right;
	background:#FFF9BF;  /* #FFFFD5 */
	padding-bottom:10px;
  }

div#rightcontent div#newsflash h1 {
	height:35px;
  margin: 0px;
  padding: 25px 10px 0px 0px;
	color: white;
	font-weight:bold;
	font-size:100%;
	text-align:right;
  text-decoration:none;
	background:url(../images/NewHeader.gif) top left no-repeat
  }

div#rightcontent div#newsflash h2 {
  margin: 0px;
  padding: 5px;
  color: #00276F;
  font-weight:bold;
  font-size:110%;
  text-decoration: none;
  }

div#rightcontent div#newsflash p {
  margin: 0px;
  padding: 5px 10px;
  }

div#rightcontent h3#version {
  clear: right;
  font-weight:normal; font-size:100%;
  margin:5px 0px;
  color:black;
  text-align:right;
  }

div#rightcontent h3#version span {font-weight:bold;color:#00276F} ;

div#rightcontent div.button {
  margin: 10px;
  border: 2px solid #FF8000;
  }

div#rightcontent div.button h2 {
  margin: 0px;
  padding: 10px 5px;
  color: #003765;
  font-weight:bold;
  font-size:110%;
  text-decoration: underline;
  }

div#rightcontent div.button p {
  margin: 0px;
  padding: 5px 10px;
  }
div#rightcontent div.callout {
  padding:10px;
  background:#c9c68b;
  margin: 10px;
  }

div#rightcontent div.callout h2 {
  margin: 0px;
  padding: 10px 0Fpx;
  color: #00276F;
  font-weight:bold;
  font-size:110%;
  text-decoration: underline;
  }

div#rightcontent div.button p {
  margin: 0px;
  padding: 5px 0px;
  }


div#rightcontent div.button .alignleft { text-align:left }

div#rightcontent div.button .aligncenter { text-align:center }

div#rightcontent div.button .alignright { text-align:right }

ul#breadcrumbs {
  margin:-7px 0px 10px 0px;
  padding:0px;
  font-size:0.9em;
  list-style-type:none
  }

ul#breadcrumbs li {
  color:#666666;
  display:inline;
  margin:0px;
  padding:0px
  }	
	
ul#breadcrumbs li a {
  color:#666666;
  text-decoration:none;
  display:inline;
  margin:0px;
  padding:0px
  }	
	
ul#breadcrumbs li a:visited {
  text-decoration:none;
  }	
	
ul#breadcrumbs li a:hover {
  color:#FF6600;
  }

div#navmenu {
  clear:left;
  margin:5px 5px 10px 0;
  padding:0;
  font-size:0.9em;
  }

div.menuitem {
  display: block;
  font-size:12px;
  margin:0px 0px 4px 0px;
  padding:0px;
  }
div.menuitem  a,
div.menuitem  a:visited {
  font-weight:bold;
  text-decoration:none;
  color:black;
  display:block;
  padding:7px 0 7px 10px;
  background:#8BA2C8;
  }

div.menuitem  a:hover {
  background:#00276F;
  color: white;
  text-decoration: none;
  }

div.menuitem  a.current,
div.menuitem  a.current:visited {
  background:#00276F;
  color:white;
  }

ul.navmenu {
  list-style:none;
  margin:0 0 20px 0;
  padding:0;
  font-size:1.1em;
  }

ul.navmenu  li {
  margin:0px 0px 4px 0px;
  padding:0px 0px 4px 0px;
  height:0px;
  min-height:28px;
  line-height:auto
  }

ul.navmenu  li a {
  font-weight:bold;
  text-decoration:none;
  color:white;
  display:block;
  padding:7px 0 7px 10px;
  background:#00276F;
  border-left:4px solid #00276F;
  }

ul.navmenu  li a:hover {
  background:#FF8000;
  color: black;
  border-left:4px solid #FF8000;
  text-decoration: none;
  }

ul.navmenu  li a.current {
  background:#FF8000;
  color:black;
  border-left:4px solid #FF8000;
  }

ul.navmenu  li.submenu {
  margin-left:15px;
  }

ul.navmenu  li.submenu a {
  height:20px;
  padding:3px 0 0 10px;
  font-size:1.0em
  }

div#leftcontent {
  background: white;
  margin-right:5px;
  text-align:left
  }

div#leftcontent h1 {
  padding:5px 5px 10px 15px;
  margin:0px;
  text-align:left;
  font-weight:bold;
  font-size:1.1em;
	color:#0000BD;
/*	background-color:#FFF9BF; */
  }

div#leftcontent p {
  padding:0px 5px 10px 5px;
  font-size:1.1em;
  }

div#leftcontent ul.buttons {	
  list-style:none;
  font-size:1.0em;
  padding:0px;
  margin:0px
  }	

div#leftcontent ul.buttons li {
  margin:0px 0px 4px 0px;
  padding:0px
  }

div#leftcontent ul.buttons li a {
  font-weight:bold;
  height:20px;
  text-decoration:none;
  text-align:center;
  color:white;
  display:block;
  margin: 0px;
  padding:6px 0 0 0;
  background:#00276F;
  }	
	
div#leftcontent ul.buttons li a:hover {
  background:#FF8000;
  color:black
  }

div#leftbottom {
  margin: 50px 0px 5px 0px;
	background-color: white;
  padding: 0px;
  }

div#donate{ border-top:	10px solid white; padding: 0px 0px; }

div#Emailsignup {padding: 0px; margin:10px 5px 0px 0px; text-align:center}
div#Emailsignup a,
div#Emailsignup a:hover,
div#Emailsignup a:visited { font-weight:bold; display:inline; text-decoration:none }
div#Emailsignup form { margin: 0px;	padding: 0px;	
                       font:	bold 7pt verdana, sans-serif;	color: #004e90 }
div#Emailsignup form span#Emailpowered { font:	normal 7pt verdana, sans-serif;
                                         color: #004e90 }
div#Emailsignup form span#Emailpowered a,
div#Emailsignup form span#Emailpowered a:hover,
div#Emailsignup form span#Emailpowered a:visited {
  font:	bold 7pt verdana, sans-serif;
  color: #004e90; display:inline; margin: 0px; padding: 0px }
div#Emailsignup a#Emailchiclet { padding: 10px 0px 0px 0px }
div#Emailsignup a#Emailchiclet img { padding: 10px 0px 0px 0px; float: none }

div#rsssubscribe { margin: 10px 5px 0px 5px }

div#rsssubscribe a,
div#rsssubscribe a:link,
div#rsssubscribe a:visited { text-decoration: none}
div#rsssubscribe a img { border:0; display:inline;	padding:0px 5px 0px 0px; margin: 0px; vertical-align: bottom }

div#blogsignup { padding:0px; margin:60px 5px 0px 0px; width:450px }
div#blogsignup a,
div#blogsignup a:hover,
div#blogsignup a:visited { font-weight:bold; display:inline; text-decoration:none }
div#blogsignup form { margin:0px 0px 0px 10px; padding:0px; font:bold 9pt verdana, sans-serif; color:#004e90 }
div#blogsignup input { padding:0px; margin-top:3px }

a#rostbadge, a#rostbadge:link, a#rostbadge:visited { text-decoration: none }

a#rostbadge img {
	border:0;
	display:inline;
	padding:0px 10px;
	margin: 0px;
	}

div#footer {
	text-align:center;
	font-size:100%;
	background: url(../images/footerbkgd.jpg) repeat-x;
	padding-top: 5px;
    height:80px;
  }
div#footer p {
  font-size:smaller;
	text-align:justify;
	color:#C9C9C9;
	padding: 10px 0px 0px 0px;
  }
div#footer ul {
	list-style:none;
	margin:0px;
	padding:0px 0px;
  }
div#footer ul li {
	display:inline;
	padding-right:15px;
	vertical-align:middle;
  }
div#footer ul li a,
div#footer ul li a:visited {
	font-size:100%;
	color:#C9C9C9;
	text-decoration:underline;
	display:inline
  }
div#footer form {
	display:inline;
  }
div#footer img {
    margin:0px;
    padding:0px;
  }
div.twotonelist {
  width:100%;
  }
div.twotoneheader {
  font-weight: bold;
  color: white;
	text-align:center;
  background-color: rgb(100,100,100);
	padding:10px 5px;
  }
div.twotonelight {
	background-color: rgb(244,244,244);
	padding: 5px 2px;
	}
div.twotonedark {
	background-color: rgb(228,228,228);
	padding: 5px 2px;
	}
div.twotoneleft {
	float:left;
	width:20%;
	text-align:right;	
	padding-right: 10px;
	}
div.twotoneright {
	float:right;
	width:73%;
	text-align:left;	
	padding-right: 10px;
	}
div.twotoneclear {
	clear:both;
	}

table.twotonetable {
  border:none;
	width:100%;
  }
table.twotonetable tr.twotoneheader {
  background-color: rgb(100,100,100);
  }
table.twotonetable tr.twotoneheader td,
table.twotonetable tr.twotoneheader th {
  font-weight: bold;
  color: white;
	padding:10px 5px;
	text-align:center;
  }
table.twotonetable tr td {
	padding: 5px;
	vertical-align:top;
	}
table.twotonetable tr.twotonelight {
	background-color: rgb(244,244,244);
	}
table.twotonetable tr.twotonedark {
	background-color: rgb(228,228,228);
	}
table.twotonetable td.twotoneleft {
	text-align:left;
	}
table.twotonetable td.twotoneright {
	text-align:right;
	}
table.twotonetable td.twotonecenter {
	text-align:center;
	}

table.formtable {
    border:none;
	width:100%;
	margin:10px 0px;
    }
table.formtable tr.formrow {
	margin:3px 0px;
    }
table.formtable tr.twotoneheader td {
    font-weight: bold;
    color: white;
	padding:10px 5px;
	text-align:center;
    }
table.formtable tr td {
	padding: 0px;
	vertical-align:top;
	}
table.formtable td.captionleft {
	text-align:left;
	padding-top:3px;
	padding-left:3px;
	}
table.formtable td.captionright {
	text-align:right;
	padding-top:3px;
	padding-right:3px;
	}
table.formtable td.captioncenter {
	text-align:center;
	padding-top:3px;
	}
table.formtable label {
	display :block;
	}
table.formtable input.submitbutton {
	margin: 5px auto;
	padding: 3px 5px;
    font-weight: bold;
	}

div#formerrors { margin-bottom: 1em; }

div#formerrors p { color: red; margin-top: 0; margin-bottom: 0; }

div#downloadselect { width: 450px }
div#downloadselect label { display: inline }
div#downloadselect fieldset { padding: 10px; margin: 0px 0px 0px 20px }
div#downloadselect div.downloadradio { margin: 0px 0px 10px 20px; }
div#downloadselect h5 { padding: 5px; margin: 0px }

span.regtm { font-family:Arial, Verdana, sans-serif; font-size: 70%; vertical-align:top }
h1 span.regtm { font-family:Verdana, Arial, sans-serif; font-size: 60%; }

form label { display :block; }
form input.buynow { font-size: 150%; font-weight:normal; color: #00276F; padding: 3px 25px; }
form input.downloadbutton { font-size: 100%; font-weight:bold; color: #00276F;
                            margin: 10px 0px 20px 20px; padding: 5px 0px 5px 15px;
                            width: 80px; text-align: left; display: inline }
form div.downloadleft  { float:left; width: 130px; text-align: right; }
form div.downloadright { margin-left: 135px; }
form div.downloadleft label { font-weight:bold; padding-top:3px; }
a.downloadlink {
  background: transparent url(../images/DownloadNowButton.jpg) 0px 40px;
  width: 252px; height: 40px; display: block; overflow:hidden; margin-left: 10px
}
a.downloadlink:hover {
  background: transparent url(../images/DownloadNowButton.jpg) 0px 0px;
}

img#skyline {float:right; margin-right:50px; margin-bottom:-0px; margin-top: -150px }

div.noticebox    {text-align: center; border: thin solid #FF8000; padding: 8px; margin:16px auto }
div.noticebox h3 {display: inline }
div.noticebox p  {display: inline }


div#invoice {
    text-align: left;
    }
div#invoice.printed {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.2em;
    padding: 1em;
    }
div#invoice table {
    border: 0;
    border-collapse: separate;
    border-spacing: 1px;
    margin-bottom: 1em;
    line-height: 1.1em;
    width:600px;
    }
div#invoice td {
    padding-right: 10px;
    padding-left: 10px;
    }
div#invoice.printed td {
    padding-top: 1px;
    padding-bottom: 1px;
    }
div#invoice th {
    font-weight: bold;
    background: #e8e8ff;
    color: #000080;
    padding: 3px 10px;
    }
div#invoice.printed th {
    font-size: 130%;
    background: white ;
    color: black;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid black;
    }
div#invoice.printed table.order th {
    border-bottom: none;
    }
div#invoice td.code,
div#invoice td.quantity {text-align: center;}
div#invoice td.description {text-align: left;}
div#invoice td.amount {text-align: right;}
div#invoice td.bold {font-weight: bold; background:green}
div#invoice td.rowheader {
    width: 10em;
    font-weight: bold;
    text-align: right;
    }
div#invoice input {
    width: 25%;
    margin-right: 3%;
    margin-left: 0%;
    }
div#invoice td.subtitle {
    background: #000080;
    color: white;
    text-align: center;
    }
div#invoice.printed td.subtitle {
    background: white;
    color: black;
    border: 2px solid black;
    font-weight: bold;
    }
div#invoice.printed tr.colheader {
    border-bottom: 1px solid black;
    }
div#invoice.printed table.order tr.colheader {
    border-bottom: none;
    }
div#invoice.printed td.code,
div#invoice.printed td.quantity,
div#invoice.printed td.description,
div#invoice.printed td.amount {
    border: 1px solid white;
    }
div#invoice table.order tr.lastrow td.description {
    text-align: right;
    }
div#invoice table.order tr.lastrow td.amount {
    border-top: 1px solid black;
    border-bottom: 1px double black;
    }
div#invoice.printed img {
    display: block;
    width: 1in;
    height: .5in;
    margin-top: 0;
    margin-bottom: 2em;
    margin-left: 1em;
    padding: 0;
    }
div#invoice.printed h1 {
    display: block;
    position: absolute;
    left: 9em;
    top: 1.5em;
    color: black;
    background-color: white;
    text-align: left;
    line-height: 1.5em;
    font-size: 150%;
    padding: 0;
    margin: 0;
    vertical-align: top;
    }
div#scrollers {
    padding-top: 10px;
    text-align: right;
    }
div#scrollers a,
div#scrollers a:visited {
    padding: 3px 4px;
    text-decoration: none;
    background: #3399FF;
    color: white;
    }
div#scrollers a:hover {
    background: #FFCC00;
    color: black;
    }
div#scrollers span.scrollcurrent {
    background: #FFCC00;
    color: black;
    padding: 3px 4px;
    font-weight: bold;
    }
div#scrollers span.scrollnull {
    background: white;
    color: grey;
    padding: 3px 4px;
    font-weight: bold;
    }
table.twotonetable.licquery tr.twotoneheader th {
    font-weight: bold;
    color: white;
	padding:5px 1px;
	text-align:center;
    }
table.licquery tr {
    border-bottom: 1px dotted #A9A9A9;
    }
table.licquery td {
/*    font-family: Tahoma, Verdana, Arial, Helvetica, san-serif;
    font-size: 9pt; */
    padding: 5px 0px;
    border-bottom: 1px dotted #A9A9A9;
    }
table.licquery td.lickeydata a,
table.licquery td.lickeydata a:visited {
    color: black; font-weight: bold; text-decoration: none;
    }
table.licquery td.lickeydata a:hover,
table.licquery td.lickeydata a:visited:hover {
    color: white; background: rgb(100,100,100); text-decoration: none;
    }
table.licquery td.lickeydata a span.popup {
    display: none;
    }
table.licquery td.lickeydata a:hover span.popup,
table.licquery td.lickeydata a:visited:hover span.popup {
    display: block; text-align:left;
    padding: 5px; z-index: 100;
    color: white; background: rgb(100,100,100);
    }
table.licquery td.lictxname {
    width: 50px;
    }
table.licquery td.lictxdata {
    width: 140px;
    border-right: 1px dotted #A9A9A9;
    }
table.licquery td.lickeyname {
    width: 110px;
    }
div#licuser {
  font-size:110%;
  font-weight:bold;
  text-align:center;
  vertical-align: middle ;
  color:white;
  display:block;
  padding:4px 10px;
  background: #3399FF;
  border-left:4px solid #00276F;
  border-right:4px solid #00276F;
  margin-top: 15px;
  }
div#licuser span.licuserid {
  font-size:130%;
  font-weight:bold;
  color:black;
  }

div.menuitem.licmenuitem  a,
div.menuitem.licmenuitem  a:visited {
  color:white;
  background: #3399FF;
  }

div.menuitem.licmenuitem  a:hover {
  background: #FFCC00;
  color: black;
  }

div.menuitem.licmenuitem  a.current,
div.menuitem.licmenuitem  a.current:visited {
  background:#FFCC00;
  color:black;
  }