﻿
.blocks ul li
{
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	display: inline;
	float: left;
	padding-left: 5px;
	padding-right: 5px; /*border: solid 1px red;*/
	cursor: pointer;
	background-color: White;
	white-space: nowrap;
}

.blocks ul li.first
{
	border-left: 1px solid #666666;
}

.blocks ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

.blocks ul li.active, .blocks ul li.unfilled:hover
{
	background-color: #EC008C;
	color: #FFFFFF;
}

.blocks ul li.filled
{
	font-weight: bold;
	cursor: default;
	background-color: #C0C0C0;
}

.blocks ul li.future
{
	cursor: default;
	color: #999999;
}

.lsbtn, .lsbtn2
{
	color: #EC008C;
	border: solid 1px #BDBEC0;
	background-color: #E7E8E9;
	font-weight: bold;
	padding: 5px;
}

.lsbtn2
{
	padding-top: 1px;
	padding-bottom: 1px;
}

.infomsg
{
	color: #EC008C;
	font-weight: bold;
	margin-bottom: 20px;

	padding: 20px;
	
	background-color: #E7E8E9;
	border: solid 1px #BDBEC0;
	
	font-size: 1.3em;
}

.infomsg b
{
	color: Black;	
}

.imgxs
{
	float: left;
	margin: 3px;
	border: solid 2px black;
	cursor: pointer;
}

.blocks
{
	/*float: right; 		width: 550px; 		border: solid 1px red; 		*/
}

#tree
{
	width: 810px;
	border-collapse: collapse;
}

#tree tr.ax > td
{
	border: solid 1px White;
}

#tree tr.ax:hover > td
{
}

#tree .fc .msg
{
	float: right;
	color: Red;
}


#tree .fc
{
	color: #EC008C;
}

#tree tr.ax .fc
{
	color: black;
}

#tree tr.ax .fc.level0
{
	color: Black;
}

#tree tr.ax td.fc
{
	cursor: pointer;
}

#tree tr.ax td.fc:hover
{
	color: Gray;
	background-color: #f4f4f4;
}

#tree tr.wa td.fc
{
	font-weight: bold;
	color: Black;
}

/*
	#tree tr.wa td.fc.level0
	{
		color: #EC008C;
	}
*/

#tree td.level0
{
	padding-left: 15px;
}

#tree td.level1
{
	padding-left: 30px;
}

#tree td.level2
{
	padding-left: 45px;
}

#tree td.level3
{
	padding-left: 60px;
}

#tree td.level4
{
	padding-left: 75px;
}

#tree td.action
{
	width: 17px;
}

#tree tr.ax:hover td.action
{
	border: solid 1px White;
}

#tree td.action
{
	background-color: #E7E8E9;
	border: solid 1px #BDBEC0;
	cursor: pointer;
	color: #898B8F;
	text-align: center;
}

#tree td.action:hover
{
}

#tree td.action.sel
{
	background-color: #EC008C;
	color: White;
}

#tree.w2 tr.wa:hover td.fc
{
	background-color: #f4f4f4;
}

#tree .rf1
{
	height: 50px;
	font-size: 42px;
	color: #BDBEC0;
}

#tree .rf2
{
	height: 20px;
}

#tree .sx0, #tree .sx4, #tree .sx8, #tree .sx12
{
	border-left: solid 1px #BDBEC0;
}

#mapdiv
{
	height: 400px;
	margin: 5px;
}

