html {overflow: hidden; margin: 0; padding: 0; height: 100%; width: 100%;}
body {height: 100%; width: 100%; margin: 0; padding: 0; font-size: 100.01%; font-family: verdana, arial, helvetica, sans-serif; background: #666666; background-image: none;}
#wrapper {display: block; height: 100%; width: 100%; min-width: 720px; min-height: 400px; margin: 0px; padding: 0px;}
#header {
	position: absolute;
	left: 0px;
	top: 0px;
	height: auto;
	max-height: 1.6em;
	width: 100%;
	margin:0;
	padding: 0.2em 0 0.3em 0; 
	background-color: black;
	background-position: center; 
	background-repeat: repeat-x; 
	background-image: url(../images/layout/hd_back.png);
	vertical-align: middle;
}
big {margin: 0 1em; padding: 0; font-size: 1em; color: silver;}
strong {color: #ffaa00; font-weight: bold;}
#navigation {
	position: absolute;
	left: 0px;
	top: 1.6em;
	height: auto;
	max-height: 2.25em;
	width: 100%;
	margin:0;
	padding:0;
	text-align: left;
	background-color: #808080;
	background-position: top left; 
	background-repeat: repeat-x; 
	background-image: url(../images/button/bt_over.jpg);
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
}
ul#buttons {
	margin: 0; 
	padding: 0;
	height: auto;
	min-width: 800px;
	white-space: nowrap;
	background-color: transparent; 
}
ul#buttons li {
	list-style: none;
	display: inline;
	text-align: center;
	margin: 0; 
	padding: 0;
	white-space: nowrap;
}
ul#buttons li.script_bt {
	float: left; 
	height: auto; 
	width: 70px; 
	margin-right: 1px; 
	padding: 0; 
	color: black;
	font-size: 1em;
	font-weight: bold;
	background-color: transparent;
	cursor: pointer; 
}
ul#buttons li.script_bt_active {
	float: left; 
	height: auto; 
	width: 70px; 
	margin-right: 1px; 
	padding: 0; 
	color: black;
	font-size: 1em;
	font-weight: bold;
	background-color: transparent; 
}
ul#buttons li.script_bt_active a {
	float: left; 
	height: auto; 
	width: 70px; 
	margin: 0; 
	padding: 0.5em 0; 
	color: white;
	text-decoration:none;
	background-color: transparent; 
	background-position: top left; 
	background-repeat: no-repeat; 
	background-image: url(../images/button/bt_on.jpg);
}
ul#buttons li.script_bt a {
	float: left; 
	height: auto; 
	width: 70px; 
	margin: 0; 
	padding: 0.5em 0; 
	color: black;
	text-decoration:none;
	background-color: transparent; 
	background-position: top left; 
	background-repeat: no-repeat; 
	background-image: url(../images/button/bt_off.jpg);
}
ul#buttons li.script_bt a:hover {
	color: white;
	background-image: url(../images/button/bt_over.jpg);
}
ul#buttons li.script_bt a:active {
	color: white;
	background-position: top left; 
	background-image: url(../images/button/bt_in.jpg);
}
#edit {
	position: absolute;
	left: 0px;
	top: 3.8em;
	height: 100%;
	width: 12em;
	margin:0;
	padding: 8px 0 0 0;
	color: white;
	text-align: left;
	background-color: #444444;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
}
#view {
	position: absolute;
	left: 12em;
	top: 3.8em;
	margin: 0px;
	padding: 16px;
	color: white;
	background-color: transparent;
}
.hshade {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 8px;
	width: 100%;
	margin:0;
	padding:0;
	background-color: transparent; 
	background-position: top left; 
	background-repeat: repeat-x; 
	background-image: url(../images/layout/h_shade.png);
	z-index: 10;
}
.vshade {
	position: absolute;
	left: 12em;
	top: 3.8em;;
	height: 101%;
	width: 8px;
	margin:0;
	padding:0;
	background-color: transparent; 
	background-position: top left; 
	background-repeat: repeat-y; 
	background-image: url(../images/layout/v_shade.png);
	z-index: 10;
}	
.open {font-weight: bold; padding-left: 0.75em; margin: 0; color: black; background-color: #999999; background-position: center; background-repeat: repeat-x; background-image: url(../images/layout/hd_back.png); cursor: pointer;}
.closed {font-weight: bold; padding-left: 0.75em; margin: 0; color: white; background-color: black; background-position: center; background-repeat: repeat-x; background-image: url(../images/layout/hd_back.png); vertical-align: middle; cursor: pointer;}
	
h5 {margin: 0; padding: 0.4em 0; font-size: 0.88em; font-weight: bold;}
h5:hover {color: black; background-color: #ffaa00;}	
.inlet {padding: 0.5em 0.75em; border-bottom: 1px solid #555555; font-size: 0.8em; background-color: #666666; background-position: top left; background-repeat: repeat-x; background-image: url(../images/layout/h_shade.png); overflow: hidden;}
u {font-weight: bold; text-decoration: underline;}	

img.test {height: 2em; border: 1px solid #808080;}
img.test:hover {border: 1px solid  #ffaa00;}
img.mask {height: 4em; border: 1px solid #808080;}
img.mask:hover {border: 1px solid  #ffaa00;}	
#bg_color, .o_col {width: 5em; height: 1em;}
#bg_value, .c_val {margin-left: 1em; display: inline; border: 2px solid #999999; background-color: #666666;}
#bg_value img, .c_val img {width: 6em; height: 1em;}

#x_val, .o_text  {width: 96%; height: 1em;}
.i_text  {display: block; padding: 0.3em 0 0.1em 0;}

#noCV em { color: silver; }
#noCV b { color: red; }
.guru { padding: 4px; width: auto; height: auto; text-align: center; background-color: black; }
.guru div { border: solid 2px red; padding: 4px; font-family: monospace; font-size: 1em; width: auto; height: auto; color: red; text-align: center; text-decoration: blink; }

.prog {color: white; font-size: 1.2em; padding-bottom: 0.3em; border-bottom: 0.2em dotted #444444; vertical-align: middle; margin: 0.5em 0;}
.prog:hover {color: #ffaa00; }
.track {vertical-align: middle; margin: 0.5em 0;}
.tr_left {position: absolute; width: 0.44em; height: 1em; background: transparent url(../images/slider/tr_left.png) no-repeat center left;}
.tr_right {width: 9em; height: 1em; background: transparent url(../images/slider/tr_right.png) no-repeat center right;}
.handle {width: 1.6em; height: 1.6em; cursor: move;}
.slider {float: left;}
img {border: none;}
a {text-decoration: none; }
a:focus {outline: none; }
.lk:link {color: #f0f0f0; font-weight: bold; } 
.lk:visited {color: #cccccc; font-weight: bold;} 
.lk:active {color: #ffaa00; font-weight: bold;} 
.lk:hover {color: #ffaa00; font-weight: bold;}
.nop:link, .nop:visited {opacity: 0.5;} 
.nop:hover, .nop:active {opacity: 1.0;}