body {
	background:rgb(255,255,255);
	margin:0;
	padding:0;
}
p.focus{
	color:rgb(208,16,0);
}
#workspace div.label{
	position:absolute;
	top:1px;
	left:-35px;
	width: 40px;
	height:30px;
}
#workspace div.s_prawe div.label, #workspace div.s_lewe div.label{
	top:60px;
	left:12px;
}
#workspace div.s_transformatora div.label{
	top:20px;
	left:-35px;
}
#workspace div.label p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	margin:0;
	padding:0;
}
#line_up {
	background-color:#D01000;
	height:2px;
	margin:0;
	padding:0;
	width:100%;
}
#footer{
	width:950px;
	margin:0pt auto;
	position:relative;
	top:-40px;
}
#footer p, #footer p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
	color:rgb(180,180,180);
	text-align:right;
	margin: 5px 0;
	text-decoration:none;
}
#workspace #prev_button, #workspace #next_button{
	width:268px;
	height:43px;
	position:absolute;
	bottom:0;
	cursor:pointer;
}
#workspace #prev_button{
	left:0;
	background:transparent url('images/next_prev_nav/back_to_1.png') top left no-repeat;
}
#workspace #next_button{
	right:0;
	background:transparent url('images/next_prev_nav/go_to_2.png') top left no-repeat;
}
#main{
	/*width:1200px;*/
	margin:0pt auto;
}
#main_cont{
	width:950px;
	height:500px;
	border:1px solid rgb(200,200,200);
	margin:0pt auto;
	padding:20px;
	position:relative;
	top:-40px;
}
#konfigurator{
	width:950px;
	position:relative;
	margin:0;
	padding:0;
	border:1px dotted rgb(200,200,200);
	border-bottom:none;
}
#bottom_menu{
	width:950px;
	height:100px;
	float:left;
	border:1px dotted rgb(200,200,200);
	position:relative;
}
#bottom_menu div{
	height:100px;
	float:left;
}
#bottom_menu div.arrow{
	width:30px;
	cursor:pointer;
	z-index:10;
	position:absolute;
}
#bottom_menu div.left{
	left:0;
	top:0;
	background:transparent url('images/left_arrow.png') top left no-repeat;
}
#bottom_menu div.right{
	right:0;
	top:0;
	background:transparent url('images/right_arrow.png') top left no-repeat;
}
#bottom_menu div.left:hover{
	background:transparent url('images/left_arrow_hv.png') top left no-repeat;
}
#bottom_menu div.right:hover{
	background:transparent url('images/right_arrow_hv.png') top left no-repeat;
}
#bottom_menu div.main{
	width:910px;
	z-index:9;
}
#workspace, #toolbox, #konfigurator, #stage2toolbox{
	height:400px;
	float:left;
}
#konfigurator{
	overflow:hidden;
}
#toolbox{
	position:relative;
	z-index:100;
}
#workspace div.szkic div.sekcja div{
	z-index:1;
}
#workspace{
	width:799px;
	position:relative;
	background:transparent url('images/toolbox_bg.png') top left repeat-x;
}
#workspace div{
	background:none;
	margin:0;
	padding:0;
}
#workspace div.tor{
	width:180px;
	height:200px;
	background:transparent url('images/tor_bg.png') top left no-repeat;
	float:left;
	position:relative;
}
#workspace div.tor_gen{
	width:180px;
	height:200px;
	background:transparent url('images/tor_gen_bg.png') top left no-repeat;
	float:left;
	position:relative;
}
#workspace div.tor_empty{
	width:180px;
	height:200px;
	background:transparent url('images/tor_empty_bg.png') top left no-repeat;
	float:left;
	position:relative;
}
#workspace div.tor div.transformator, #workspace div.tor_gen div.transformator, #workspace div.tor_empty div.transformator{
	width:50px;
	height:74px;
	position:absolute;
	top:15px;
	left:65px;
}
#workspace div.tor div.transformator_highlight{
	background:transparent url('images/transformator_highlight.gif') top left no-repeat;
}
#workspace div.tor div.sprzeglo_highlight, #workspace div.tor_gen div.sprzeglo_highlight, #workspace div.tor_empty div.sprzeglo_highlight{
	background:transparent url('images/sprzeglo_highlight.gif') top left no-repeat;
}
#workspace div.tor div.s_transformatora, #workspace div.tor_gen div.s_transformatora, #workspace div.tor_empty div.s_transformatora{
	width:61px;
	height:61px;
	position:absolute;
	top:100px;
	left:60px;
}
#workspace div.tor div.s_lewe, #workspace div.tor_gen div.s_lewe, #workspace div.tor_empty div.s_lewe, #workspace div.tor div.s_prawe, #workspace div.tor_gen div.s_prawe, #workspace div.tor_empty div.s_prawe{
	width:61px;
	height:61px;
	position:absolute;
	bottom:-30px;
}
#workspace div.tor div.s_lewe, #workspace div.tor_gen div.s_lewe, #workspace div.tor_empty div.s_lewe{
	left:15px;
}
#workspace div.tor div.centerL, #workspace div.tor_gen div.centerL, #workspace div.tor_empty div.centerL{
	left:-30px;
}
#workspace div.tor div.s_prawe, #workspace div.tor_gen div.s_prawe, #workspace div.tor_empty div.s_prawe{
	right:15px;
}
#workspace div.tor div.centerR, #workspace div.tor_gen div.centerR, #workspace div.tor_empty div.centerR{
	right:-31px;
}
#workspace div.tor div.highlight, #workspace div.tor_gen div.highlight, #workspace div.tor_empty div.highlight{
	opacity:0.6;
	filter:alpha(opacity=60);
}
#workspace div.sekcja{
	height:200px;
	float:left;
	position:relative;
}
#workspace div.szkic{
	height:200px;
	position:absolute;
}
#workspace #workspace_przeslona{
	position:absolute;
	top:50px;
	left:0;
	width:799px;
	height:320px;
	background:transparent url('images/transparent_bg.png');
	z-index:200;
}
#workspace #workspace_przeslona div.simButton{
	width:40px;
	height:40px;
	cursor:pointer;
	position:absolute;
	top:1px;
}
#workspace #workspace_przeslona div.off{
	background:transparent url('images/sim_off.png');
}
#workspace #workspace_przeslona div.off:hover{
	background:transparent url('images/sim_off_h.png');
}
#workspace #workspace_przeslona div.on{
	background:transparent url('images/sim_on.png');
}
#workspace #workspace_przeslona div.on:hover{
	background:transparent url('images/sim_on_h.png');
}
#workspace #cHelpButton{
	background:transparent url('images/help_icon.png') top left no-repeat;
	width:32px;
	height:32px;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#workspace #cHelpButton:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
}
#toolbox{
	width:150px;
	border-left:1px dotted rgb(200,200,200);
	background:rgb(255,255,255) url('images/toolbox_bg.png') top left repeat-x;
}
#stage2toolbox{
	width:150px;
	position:absolute;
	top:0;
	left:0;
	background:rgb(255,255,255) url('images/toolbox_bg.png') top left repeat-x;
	z-index:199;
}
#stage2toolbox div.mMenu{
	margin:150px 0 0 0;
}
#stage2toolbox div.mItem{
	width:150px;
	margin:0 0 10px 0;
	cursor:pointer;
}
#stage2toolbox div.mItem:hover div.label p{
	text-decoration:underline;
}
#stage2toolbox div.mItem div{
	float:left;
}
#stage2toolbox div.s2checkbox{
	width:20px;
	height:20px;
	margin:0 10px;
	padding:0;
	background:transparent url('images/check.png') top left no-repeat;
}
#stage2toolbox div.checked{
	background:transparent url('images/checked.png') top left no-repeat;
}
#stage2toolbox div.label{
	width:110px;
	height:20px;
}
#stage2toolbox div.label p{
	margin:2px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#toolbox div{
	float:left;
}
#toolbox_tory, #toolbox_generatory, #toolbox_sprzegla{
	width:150px;
}
#toolbox_tory, #toolbox_generatory{
	min-height:74px;
}
#toolbox div.toolbox_label{
	width:150px;
	height:30px;
	position:relative;
}
#toolbox div.toolbox_label p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	position:absolute;
	bottom:0;
	margin:0 0 0 5px;
	padding:0;
}
div.toolbox_transformator, div.toolbox_generator{
	width:50px;
	height:74px;
}
div.toolbox_transformator:hover, div.toolbox_generator:hover, div.toolbox_sprzeglo:hover, div.tor_sprzeglo:hover{
	cursor:move;
}
#rzr_name{
	position:absolute;
	top:20px;
	left:20px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:italic;
	color:rgb(180,180,180);
}
#rzr_name.focus{
	color:rgb(208,16,0);
}

/* BOTTOM MENU */
#bottom_menu, #bottom_menu div.main{
	overflow:hidden;
	float:left;
}
#bottom_menu div.main{
	position:relative;
	left:20px;
}
#bottom_menu div.main #bottom_menu_bar{
	height:100px;
	position:absolute;
	float:left;
	z-index:1;
}
#bottom_menu_bar div.bm_item{
	height:90px;
	width:150px;
	margin:5px;
	border:1px solid rgb(200,200,200);
	cursor:pointer;
	background:rgb(255,255,255) url('images/mini/bg.png') top left repeat-x;
	position:relative;
}
#bottom_menu_bar div.shade{
	opacity:0.4;
	filter:alpha(opacity=40);
}
#bottom_menu_bar div.selected{
	border:1px solid rgb(208,16,0);
}
#bottom_menu_bar div.bm_item:hover{
	background:rgb(255,255,255) url('images/mini/bg_hv.png') top left repeat-x;
}
#bottom_menu_bar div.bm_item div.glass{
	position:absolute;
	top:0;
	left:0;
	background:transparent url('images/mini/glass_effect.png') top left no-repeat;
	z-index:2;
	width:150px;
	height:52px;
	margin:0;
	padding:0;
}
#bottom_menu_bar div.bm_item div.tor{
	position:relative;
	width:37px;
	height:41px;
	top:24px;
	background:transparent url("images/mini/tor.png") top left no-repeat;
}
#bottom_menu_bar div.bm_item div.tor_gen{
	background:transparent url("images/mini/tor_g.png") top left no-repeat;
}
#bottom_menu_bar div.bm_item div.tor_null{
	background:transparent url("images/mini/tor_n.png") top left no-repeat;
}
#bottom_menu_bar div.bm_item div.tor div.transformator{
	position:absolute;
	top:3px;
	left:14px;
	width:9px;
	height:14px;
	background:transparent url("images/mini/transformator.png") top left no-repeat;
}
#bottom_menu_bar div.bm_item div.tor div.generator{
	position:absolute;
	top:3px;
	left:14px;
	width:9px;
	height:14px;
	background:transparent url("images/mini/generator.png") top left no-repeat;
}
#bottom_menu_bar div.bm_item div.tor div.wlacznik{
	position:absolute;
	top:22px;
	left:13px;
	width:11px;
	height:11px;
	background:transparent url("images/mini/wlacznik.png") top left no-repeat;
}
#bottom_menu_bar div.bm_item div.tor div.sprzeglo{
	position:absolute;
	width:11px;
	height:11px;
	z-index:50;
	background:transparent url("images/mini/sprzeglo.png") top left no-repeat;
}
#bottom_menu_bar div.bm_item div.tor div.sprzeglo_lewe{
	top:35px;
	left:3px;
}
#bottom_menu_bar div.bm_item div.tor div.sprzeglo_prawe{
	top:35px;
	right:3px;
}
#bottom_menu_bar div.bm_item div.tor div.sprzeglo_lewe_center{
	top:35px;
	left:-5px;
}
#bottom_menu_bar div.bm_item div.tor div.sprzeglo_prawe_center{
	top:35px;
	right:-6px;
}
#bottom_menu_bar div.bm_item div.tbl{
	width:150px;
	height:auto;
}
#bottom_menu_bar div.bm_item div.tbl div.tr{
	margin:0pt auto;
	height:11px;
}
#bottom_menu_bar div.bm_item div.tbl div.tr div.td{
	width:16px;
	height:11px;
	margin:0;
	padding:0;
	float:left;
}
#bottom_menu_bar div.bm_item div.tbl div.tr div.td p{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	text-align:center;
	color:rgb(0,0,0);
}
#bottom_menu_bar div.bm_item div.tbl div.tr div.hd p{
	font-weight:bold;
}

/*MAIN MENU*/
#main_menu{
	position:absolute;
	left:0;
	bottom:0;
	width:150px;
	cursor:pointer;
	z-index:1001;
}
#menu_head{
	width:150px;
	height:14px;
	background:transparent url('images/menu_unactive_bg.png') top left no-repeat;
}
#menu_head:hover{
	background:transparent url('images/menu_active_bg.png') top left no-repeat;
}
#menu_head.down{
	background:transparent url('images/menu_unactive_bg_down.png') top left no-repeat;
}
#menu_head.down:hover{
	background:transparent url('images/menu_active_bg_down.png') top left no-repeat;
}
#menu_body{
	width:150px;
	background:transparent url(images/toolbox_bg.png) repeat-x scroll left top;
}
#menu_body a{
	display:block;
	height:25px;
	width:140px;
	margin:5px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0 0 0;
	font-variant:small-caps;
	background:transparent url('images/menu_separator.png') top center no-repeat;
}
#menu_body a:first-child{
	background:none;
}
#menu_body a:hover{
	font-weight:bold;
}

#link_window, #help_window, #contact_window, #alert_window, #algorytm_window, #simple_alert_window{
	width:600px;
	height:100px;
	border:1px solid rgb(200,200,200);
	background:rgb(255,255,255) url('images/msg_bg.png') top left repeat-x;
	z-index:999;
	margin:0pt auto;
	position:absolute;
	opacity:0.9;
	filter:alpha(opacity=90);
}
#link_window.unactive, #help_window.unactive, #contact_window.unactive, #algorytm_window.unactive, #simple_alert_window.unactive{
	background:rgb(255,255,255) url('images/msg_bg_8bit.png') top left repeat-x;
}
#algorytm_window div.tbl{
	
}
#algorytm_window div.tbl div.tr{
	
}
#algorytm_window div.tbl div.tr div.td:first-child{
	border-bottom:1px solid transparent;
	border-right:1px solid transparent;
}
#algorytm_window div.tbl div.tr div.hd:first-child{
	border-right:1px solid rgb(200,200,200);
}
#algorytm_window div.tbl div.tr div.td{
	width:25px;
	height:16px;
	float:left;
	border-bottom:1px solid rgb(200,200,200);
	border-right:1px solid rgb(200,200,200);
}
#algorytm_window div.tbl div.tr div.hd{
	background:none;
	border-right:1px solid transparent;
	border-bottom:1px solid rgb(200,200,200);
}
#algorytm_window div.tbl div.tr div.hd p{
	color:rgb(208,16,0);
}
#algorytm_window div.tbl div.tr div.td p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	margin:0;
	padding:0;
}
#help_window{
	height: 500px;
	width:700px;
}
#link_window p, #help_window p, #simple_alert_window p{
	color:rgb(130,130,130);
	font-family:Arial, Helvetica, sans-serif;
	margin:0 10px;
	padding: 10px 0 0 0;
	cursor:default;
	text-align:justify;
}
#link_window input, #contact_window input#c_title, #contact_window textarea#c_body{
	margin:15px 10px 10px 10px;
	width:576px;
}
#contact_window textarea#c_body{
	height:300px;
	margin-top:5px;
	overflow:hidden;
}
#contact_window input#c_sender{
	margin:5px 10px 10px 10px;
	width:300px;
}
#contact_window{
	height:440px;
}
#link_window div.header, #help_window div.header, #alert_window div.header, #algorytm_window div.header, #contact_window div.header, #simple_alert_window div.header{
	float:left;
	height:25px;
	width:550px;
	width:100%;
	cursor:move;
	background:url('images/transparent_bg.png') top left repeat;
}
#simple_alert_content img{
	margin:0pt 5px;
	padding:10px;
	border:1px solid rgb(200,200,200);
}
#help_window div.header{
	width:650px;
}
#link_window div.header p, #help_window div.header p, #alert_window div.header p, #algorytm_window div.header p, #contact_window div.header p, #simple_alert_window div.header p{
	color:rgb(196,14,14);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:3px 10px;
	padding: 0;
	cursor:move;
	text-align:left;
}
#alert_window p{
	color:rgb(255,0,0);
	margin:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
#alert_window button{
	text-align:center;
	margin:0pt auto;
}
#alert_window{
	height:130px;
}
div.close_btn{
	width:45px;
	height:17px;
	padding:0;
	margin:0 5px 8px 0;
	float:left;
	background:transparent url('images/close_btn.png') top left no-repeat;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
}
div.close_btn:hover{
	background:transparent url('images/close_btn_hover.png') top left no-repeat;
}
#dead_field{
	background:transparent url('images/dark_transparent_bg.png');
	position:absolute;
	top:0;
	left:0;
	z-index:1010;
}
#workspace #cClearButton{
	width:32px;
	height:35px;
	cursor:pointer;
	background:transparent url('images/kosz.png') top left no-repeat;
	position:absolute;
	top:8px;
	right:50px;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#workspace #cClearButton:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
}
