/**
 * css file of dvd-photo-slideshow.com.
 * $Id$
 */
body {
  margin: 5px 0 0 0;
  padding: 0;
  border: 0;
  text-align: left;
  background: url("/images/background.gif");
  font: Arial, Verdana, Tahoma, Sans-Serif;
}

/* a */
a:link {
  text-decoration: underline;
  color: #00e;
}

a:visited {
  text-decoration: underline;
  color: #249;
}

a:hover {
  text-decoration: none;
}

#footer a {
  color: white;
  text-decoration: none;
}

#leftcol a {
  color: #555;
  text-decoration: none;
}

#idxcontent a, #sitemap a {
  color: #36a;
  text-decoration: none;
}

#idxcontent a:hover, #leftcol a:hover, #sitemap a:hover {
  color: #00c;
  text-decoration: underline;
}

#sitemap h3 a {
  color: #c06;
}

#sitemap h4 a {
  color: #786;
}

#news a:hover {
  text-decoration: none;
}

#more_links a, #introduction a {
  color: #888;
  text-decoration: none;
}

/* img */
img {
  border: 0;
}

/* strong, em */

/* h1, h2, h3, h4, h5, h6 */
h1 {
  font-family: Georgia, Arial, Verdana, Tahoma, Sans-serif;
  font-size: 2em;
  line-height: 130%;
  color: #fc0;
  margin: 0 0 0 0.25em;
  padding-bottom: 0.25em;
  border-bottom: 1px solod #888;
}

table#headbar h1 {
  font: 1.2em/2.5em "Trebuchet MS", Georgia, Arial, Verdana, Tahoma, Sans-serif;
  font-weight: bold;
  text-align: right;
  margin: 0 10px 0 0;
  color: #06c;
}

h2 {
  margin: 0;
  color: #f80;
  font-family: Tahoma, Sans-Serif;
  font-size: 1.35em;
  line-height: 150%;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #ccc;
}

#news h2 {
  font-size: 1.05em;
}

#idx_dps_section h2, #idx_left_section h2, #idx_right_section h2 {
  font-size: 1.05em;
  line-height: 150%;
  padding: 0 0 0 5px;
  margin: 0;
  color: white;
  background-color: #666;
}

#idx_dps_section h2 {
/*  border-bottom: 3px solid #f90;*/
  border-bottom: 3px solid #69ae45;
  background-color: #777;
}

#idx_left_section h2 {
  border-bottom: 3px solid #0be;
}

#idx_right_section h2 {
  border-bottom: 3px solid #ae0;
}

h3 {
  font-size: 110%;
  color: #06c;
  margin: 0;
  padding: 1.0em 0;
}

div#document h3, div#sitemap h3 {
  font: bold 1.3em/2em Georgia, Arial, Verdana, Tahoma, Sans-serif;
}

div#sitemap h3 {
  border-bottom: 1px solid #ccc;
  padding: 1.0em 0 0 0;
}

h4 {
  margin: 0.8em 0 0 0;
  font-size: 110%;
  color: #06c;
}

div#maincol h4, div#idxcontent h4 {
  font: bold 10pt/1.5em Verdana, Sans-serif;
  color: #366;
  margin: 0 0 0.25em 0;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #ccc;
}

div#leftcol div.boxcontent h4 {
  margin: 0;
  padding: 0 0 0.2em 0.5em;
  border-bottom: 1px solid #36a;
}

div#leftcol div.flat h4 {
  color: #fff;
}

div#products h4, div#download h4 {
  font-size: 105%;
  border: 0;
}

div#sitemap h4 {
  margin-left: 10px;
  border: 0;
}

h5 {
  font: bold 11px/1.5em Tahoma, Verdana, Sans-serif;
  color: #696;
  margin: 0 0 0.25em 0;
  padding: 0.1em 0;
}

div#idx_dps_section h5 {
  color: #477;
}

div#document h5 {
  color: #06c;
  font-size: 110%;
  padding-left: 10px;
}

div#sitemap h5 {
  padding-left: 20px;
}

h6 {
  margin: 0;
  padding: 0;
  font-size: 90%;
}

div#document h6 {
  color: #06c;
  padding-left: 15px;
}

/* hr */
hr {
  border: 0;
  color: #ccc;
  background-color: #ccc;
  height: 1px;
}

hr.dashed {
  border-top: 1px dashed #ccc;
  color: #fff;
  background-color: #fff;
  height: 1px;
}

/* p */
p {
  padding: 0.3em 0 0.8em 0;
  margin: 0;
  color: #444;
  line-height: 170%;
}

p.center {
  text-align: center;
}

div#document p {
  padding-left: 20px;
}

div#sitemap p {
  padding-left: 10px;
}

div#more_links p {
  color: #888;
  font-size: 80%;
}

div#introduction p {
  color: #888;
  font-size: 80%;
  line-height: 180%;
}

/* ol ul li */
ol {
  margin-top: 0;
  margin-bottom: 5px;
}

div#leftcol div.boxcontent ul {
  font: 11px verdana;
  list-style: none;
  color: #036;
  background: #fff;
  padding: 0;
  margin: 0;
}

div#leftcol div.boxcontent ul li {
  padding: 0.3em 0.5em;
}

div#leftcol div.boxcontent ul li.seperator {
  border-top: 1px dashed #ccc;
  padding-top: 5px;
}

div#news ul {
  list-style: none;
  padding: 0 0 ;
  margin: 0;
  color: #036;
}

div#news ul li {
  background: url(/images/dotted.gif) no-repeat 0px 9px;
  padding: 0 0 0 10px;
  margin: 0;
}

div#maincol ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

div#maincol ul li, div#idx_dps_section ul li {
  background: url(/images/bullet.gif) no-repeat 0px 6px;
  padding: 0 0 0 20px;
  margin: 0;
}

div#idx_dps_section ul {
  list-style: none;
  margin: 0;
  padding: 10px 2px;
}

div#idx_dps_section li {
  color: #800;
  margin: 0;
  padding: 0;
}

div#maincol ul li, div#maincol ol li {
  font: normal 12px/1.5em Tahoma, Verdana, Arial, Sans-Serif;
  color: #444;
  line-height: 170%;
}

div#maincol ul li {
  padding-left: 15px;
  padding-bottom: 3px;
}

div#document ul li {
  background: url(/images/dotted.gif) no-repeat 20px 9px;
  padding-left: 30px;
  padding-bottom: 3px;
}

#keypage ul li.imgblt {
  list-style: none;
  background: url(/images/point.gif) no-repeat 0 0;
  padding-left: 30px;
  padding-bottom: 3px;
}

/* img */
img.box {
  float: left;
  padding: 5px 10px 0 0;
}

/* table td */
td {
  font: normal 12px/1.5em Tahoma, Verdana, Arial, Sans-Serif;
}

/* divs */
div#highlight {
  width: 620px;
  float: left;
}
 
div#news {
  width: 150px;
  float: right;
  padding: 0 4px;
}

div#maincontent, div#idxcontent {
  font: normal 12px/1.5em Tahoma, Verdana, Arial, Sans-Serif;
  line-height: 160%;
  width: 780px;
  margin-top: 5px;
}

div#maincontent div, div#idxcontent div {
  text-align: left;
}

div#idxcontent {
  background: #fff;
  padding-top: 0;
  margin-top: 2px;
}

div#idx_dps_section {
  clear: both;
}

div#idx_dps_section div {
  padding: 0 10px;
}

div#idx_left_section {
  float: left;
  width: 389px;
  padding: 0;
  margin: 0;
}

div#idx_right_section {
  float: right;
  width: 390px;
  padding: 0;
  margin: 0;
}

div#leftcol {
  float: left;
  width: 150px;
  margin: 0;
  padding: 0;
}

div#maincol {
  width: 618px;
  float: right;
  margin-left: 10px;
  padding: 0;
}

div#products, div#download {
  padding: 10px;
}

div#products div, div#download div {
  padding: 5px;
}

div#footer {
  width: 780;
  font: 10px verdana;
  background-color: #666;
  text-align: center;
  color: #fff;
}

div.block, div.block_no_title {
  padding: 0 0 10px 0;
  margin: 0;
}

div.block_no_title {
  border: 1px solid #ccc;
  background: #fff;
}

div#introduction {
  padding: 10px 0;
}

/* DIV Inset 3D Raised */
.raised {
  background: transparent; 
  margin-bottom: 10px;
}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b { display: block; overflow: hidden; font-size: 1px; }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b { height: 1px; }
.raised .b2 { background: #fff; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; }
.raised .b3 { background: #fff; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; }
.raised .b4 { background: #fff; border-left: 1px solid #d0d0d0; border-right: 1px solid #aaa; }
.raised .b4b { background: #fff; border-left: 1px solid #d0d0d0; border-right: 1px solid #888; }
.raised .b3b { background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #888; }
.raised .b2b { background: #fff; border-left: 1px solid #c9c9c9; border-right: 1px solid #888; }

.raised .b1 { margin: 0 5px; background: #d0d0d0; }
.raised .b2, .raised .b2b { margin: 0 3px; border-width: 0 2px; }
.raised .b3, .raised .b3b { margin: 0 2px; }
.raised .b4, .raised .b4b { height: 2px; margin: 0 1px; }
.raised .b1b { margin: 0 5px; background: #999; }

.raised .boxcontent {
  display: block;
  background: #fff;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #999;
  padding: 0;
  margin: 0;
  text-align: center;
}

/* Inset 3D Flat */
.flat {
  background: transparent; 
  margin-bottom: 10px;
}

.flat .b1, .flat .b2, .flat .b3, .flat .b4 { display: block; overflow: hidden; font-size: 1px; background: #639ce9; }
.flat .b1, .flat .b2, .flat .b3 { height: 1px; }

.flat .b1 { margin: 0 5px; }
.flat .b2 { margin: 0 3px; }
.flat .b3 { margin: 0 2px; }
.flat .b4 { margin: 0 1px; height: 2px; }

.flat .boxcontent {
  display: block;
  background: #639ce9;
  border-left: 2px solid #639ce9;
  border-right: 2px solid #639ce9;
  padding: 0;
  margin: 0;
}

/* fonts */
.small {
  font: normal 11px/1.5em Verdana, Arial, Sans-Serif;
}

.normal {
  font: normal 12px/1.5em Verdana, Arial, Sans-Serif;
}

.bold {
  font: bold 12px/1.5em Verdana, Arial, Sans-Serif;
}

div#log_info, div#log_warn, div#log_error {
  padding: 0;
  margin: 0 0 10px 0;
  display: block;
  background: #ddd;
}

div#log_info h5, div#log_warn h5, div#log_error h5 {
  font-family: Verdana, "Helvetica", "sans-serif";
  padding-left: 5px;
  margin: 0;
  font-size: 100%;
}

div#log_info h5 {
  color: #666;
}

div#log_error h5 {
  color: #a00;
}

/* additional css style for key pages */
#keypage h2 {
  font-family: "Times New Roman", Times, serif;
  font-size: 36px;
  font-weight: bold;
  font-style: italic;
  color: #0000CC;
  padding: 0;
  margin: 0;
}

#keypage h3 {
  font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  color: #336699;
  padding: 8px 0;
  margin: 0;
}

#keypage h4 {
  color: #06c;
  font-weight: bold;
  font-size: 1.2em;
  padding: 5px 0;
  margin: 0;
}

#keypage h5 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  color: #006600; 
}

#keypage td {
  padding: 0 10px;
}