body	{ font: 10px normal arial, sans-serif; margin: 0; }
p		{ margin: 0; }
input, select, td, th	{ font: 10px normal arial, sans-serif; }
ul		{ margin: 0; padding: 0 12px; }
ul ul	{ margin: 0; padding: 0 5px; }

/* ------------------------- Main layout settings ------------------------*/

/* Main table */
table#layout		{ }
table#layout td		{ vertical-align: top; }
table#layout td td	{ vertical-align: middle; }
table#layout td th	{ vertical-align: middle; text-align: left; font-weight: normal; }

/* Boxes frame */
div.caption		{ width: 255px; padding: 0 5px; margin-top: 5px; border: 1px solid #000; }
div.capclose	{ width: 125px; margin-top: 2px; }

/* Title bar */
div.caption	div.title	{ display: inline; padding: 0 3px; font-weight: bold; font-size: 120%; }
div.caption	div.buttons	{ float: right; padding-top: 1px; margin-right: 0; }
div.caption	div.buttons	div.bbut	{ margin-left: 2px; margin-right: 0; }

div.caption	div.tabs		{ display: inline; padding: 0; margin: 0; margin-left: 3px; border: 1px solid #000; border-top: 1px solid #000; border-bottom: none; }
div.caption	div.tab			{ display: inline; padding: 0 3px; margin: 0; font-size: 80%; border: 1px solid #000; border-right: none; background-color: #c8c8c8; font-weight: normal; }
div.caption	div.tab a		{ text-decoration: none; }

/* Container */
div.cont		{ width: 255px; padding: 5px; border: 1px solid #000; border-top: none; }
div.contlayout	{ width: 255px; padding: 5px; border: 1px solid #000; border-top: none; }


/* ------------------------- Shared classes ------------------------*/

/* Buttons */
div.bbut				{ display: inline; margin: 1px; }
div.bbut img			{ border-width: 1px; border-style: solid; }
div.bbut img.chk		{ border-width: 1px; border-style: solid; }

/* Samples */
td.smpbox  div			{ margin-left: auto; margin-right: auto; border: 1px solid #000; cursor: pointer; width: 30px; height: 15px; text-align: left; }
td.smpboxt div			{ margin-left: auto; margin-right: auto; border: 1px solid #000; cursor: normal; width: 30px; height: 15px; }
td.smpbox  div img		{ border: 0; position: relative; left: -1px; top: -1px; cursor: crosshair; vertical-align: top; }

/* Table for box arrows in layout mode */
table.moves { display: block; width: 35px; margin-left: auto; margin-right: auto; padding: 0; border-collapse: separate; }
table.moves td { margin: 0; padding: 0; }

/* Sliders */
div.slider		 { width: 40px; height: 10px; margin: 0; padding: 0; text-align: left; }
div.scur		 { width: 10px; height: 10px; margin: 0; padding: 0; position: relative; font-size: 1px; }
table.tslider td { padding: 0; text-align: center; }

/* Menu of buttons */
div.menu		{ width: 100%; border-bottom: 1px solid #000; margin-bottom: 3px; }


/* ------------------------- Boxes specific settings ------------------------*/

/* FindBox */
div#find div.cont table	{ width: 100%; }
div#find div.cont form	{ margin: 0; }
div#find table.res	td { text-align: left; margin: 0; }
div#find table.res	td.ressep { vertical-align: top; border-right: 1px solid #000; width: 20px; }
div#find table.res	td.rescount { border-bottom: 1px solid #000; }

/* InfoxBox */
div#infos div.msample { height: 70px; width: 250px; border: 1px solid #000; margin-left: auto; margin-right: auto; margin-bottom: 5px; }
div#infos div.msample img { border: 0; margin: 0; padding: 0; position:relative; left: -1px; top: -1px; cursor: crosshair; }
div#infos sub { font-size: 80%; }
div#infos table.codes { width: 250px; border-collapse: collapse; margin: 0 auto; }
div#infos table.codes td { text-align: right; vertical-align: top; border: 1px solid #000; padding: 1px 3px; }
div#infos table.codes th { padding-right: 3px; width: 50px; }
div#infos table.left td { text-align: left; }
div#infos table.noupbrd td { border-top: 0; border-bottom: 0; } 

/* VarsBox */
div#vars div.cont table { border-collapse: collapse; }
div#vars div.cont td { padding: 0 3px; text-align: center; }
div#vars div.cont tr.color td { padding-top: 3px; text-align: center; }
div#vars div.cont td.sep { padding-top: 7px; text-align: center; }

/* ColorwheelBox */
/*
div#wheel div.caption	{ width: 186px; }
div#wheel div.cont	{ width: 186px; }
div#iwheel	{ overflow: hidden; width: 186px; height: 186px; }
*/
div#iwheel { overflow: hidden; width: 250px; height: 120px; }
/* colorwheel cursors */
div.wcur	{ width: 10px; height: 10px; margin: 0; padding: 0; position: absolute; font-size: 1px; background-image: url('img/curw.gif'); }
div.wcuri	{ width: 10px; height: 10px; margin: 0; padding: 0; position: absolute; font-size: 1px; background-image: url('img/curwi.gif'); }
div.wcur2	{ width: 10px; height: 10px; margin: 0; padding: 0; position: absolute; font-size: 1px; background-image: url('img/curwai.gif'); }
div.wcur2a	{ width: 10px; height: 10px; margin: 0; padding: 0; position: absolute; font-size: 1px; background-image: url('img/curwa.gif'); }

/* ColormapBox */
div#colormap div.cont { height: 280px; }
div#colormap div.cont table { margin-left: auto; margin-right: auto; border-collapse: collapse; }
div#colormap div.cont table.tslider { margin-left: 30px; }
div#colormap div.cont td { background: none; padding: 0; text-align: center; }
div#colormap table.grid10 td { border: 1px solid #000; cursor: pointer; width: 20px; height: 20px; }
div#colormap table.grid15 td { border: 1px solid #000; cursor: pointer; width: 12px; height: 12px; }
div#colormap table.grid20 td { border: 1px solid #000; cursor: pointer; width: 8px; height: 8px; }
div#colormap table.tslider { margin-top: 5px; }

/* HarmonyBox */
div#harmony div.cont table td { vertical-align: middle; padding-top: 1px; }

/* MemoryBox */

/* NeighborBox */

/* TemplateBox */
div#template div.cont form	{ margin: 0; padding: 0; }
div#template div.cont p		{ margin: 5px 0 0 5px; }

/* AdsBox */
div#ads div.caption	{ width: 125px; }
div#ads div.cont	{ width: 125px; text-align: center; }

/* OptionsBox */
div#options				{ margin-bottom: 5px; }
div#options div.caption	{ width: 125px; }
div#options div.cont	{ width: 125px; }

/* FooterBox */
div#footer		{ border-top: 1px solid #000; margin: 5px 0; }
div#footer p	{ margin: 3px 0 0 0; }