/* ---------------------------------------------------------

	BOXTYPE 1 - Stylesheet



--------------------------------------------------------- */
.box1 {
	margin: 5px 0px 0px 0px;
	width: 160px;
	border-style: solid;
	border-width: 1px;
	border-color: #d0d0d0;
	background-color: #f5f5f5;
}

.box1 .boxhead {
	font-size: 11px;
	font-weight: bold;
	padding: 4px 2px 4px 4px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #c0c0c0;
	background: url('headbg.png');
	color: #000000;
}

.box1 .boxcont {
	margin: 0px;
	padding: 0px;
}

.box1 .boxcont .item, 
.box1 .boxcont .itemsel {
   position: relative;
   display: block;
   font-size: 11px;
   text-decoration: none;
   border-style: solid;
   border-width: 0px 0px 1px 0px;
}

.box1 .boxcont .item, 
.box1 .boxcont .itemsel {
   padding: 5px;
   border-color: #e0e0e0;
   color: #414d76;
}

.box1 .boxcont .item {
	background-color: #f8f8f8;
}

.box1 .boxcont .itemsel {
   border-width: 0px 0px 1px 0px;
	background: url('boxbg.png');
   border-color: #b0b0b0;
	color: #000000;
}

.box1 .boxcont .item img,
.box1 .boxcont .itemsel img {
	margin-right: 4px;
	position:relative;
}

.box1 .boxcont .itemsub img, 
.box1 .boxcont .itemsubsel img {
	margin-right: 4px;
	position:relative;
}

.box1 .boxcont .item:hover {
	background: url('boxbg.png');
}

.box1 .boxcont .itemsub, 
.box1 .boxcont .itemsubsel {
   position: relative;
   display: block;

	padding: 0px;
	margin-left:0px;
	margin-right:0px;

   font-size: 11px;
   text-decoration: none;

   border-style: solid;
   border-width: 1px 0px 1px 0px;
	border-color: #f5f5f5 #f0f0f0 #eeeeee #f0f0f0;

	background-color: #ffffff;
	color: #505050;
}

.box1 .boxcont .itemsub {
	border-color: #ffffff #f0f0f0 #f5f5f5 #f0f0f0;
}

.box1 .boxcont .itemsubsel {
	border-color: #dddddd #f0f0f0 #dddddd #f0f0f0;
}

.box1 .boxcont .itemsubsel,
.box1 .boxcont .itemsub:hover {
	color: #000000;
	background: url('boxbg.png');
}




/* ---------------------------------------------------------

	BOXTYPE 2 - Stylesheet



--------------------------------------------------------- */
.box2 {
	margin: 5px 0px 0px 0px;
	width: 170px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #d0d0d0;
	background-color: #f5f5f5;
}

.box2 .boxhead {
	font-size: 11px;
	font-weight: bold;
	padding: 4px 2px 4px 4px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #c0c0c0;
	background: url('headbg.png');
	color: #000000;
}

.box2 .boxcont {
	margin: 0px;
	padding: 0px;
}

.box2 .boxcont .item, 
.box2 .boxcont .itemsel {
   position: relative;
   display: block;
   font-size: 11px;
   text-decoration: none;
   border-style: solid;
   border-width: 0px 0px 1px 0px;
}

.box2 .boxcont .item, 
.box2 .boxcont .itemsel {
   padding: 5px;
   border-color: #e0e0e0;
   color: #414d76;
}

.box2 .boxcont .item {
	background-color: #f8f8f8;
}

.box2 .boxcont .itemsel {
   border-width: 0px 0px 1px 0px;
	background: url('boxbg.png');
   border-color: #b0b0b0;
	color: #000000;
}

.box2 .boxcont .item img,
.box2 .boxcont .itemsel img {
	display: none;
	position:relative;
}

.box2 .boxcont .itemsub img, 
.box2 .boxcont .itemsubsel img {
	display: none;
	position:relative;
}

.box2 .boxcont .item:hover {
	background: url('boxbg.png');
}

.box2 .boxcont .itemsub, 
.box2 .boxcont .itemsubsel {
   position: relative;
   display: block;

	padding: 0px;
	margin-left:0px;
	margin-right:0px;

   font-size: 11px;
   text-decoration: none;

   border-style: solid;
   border-width: 1px 0px 1px 0px;
	border-color: #f5f5f5 #f0f0f0 #eeeeee #f0f0f0;

	background-color: #ffffff;
	color: #505050;
}

.box2 .boxcont .itemsub {
	border-color: #ffffff #f0f0f0 #f5f5f5 #f0f0f0;
}

.box2 .boxcont .itemsubsel {
	border-color: #dddddd #f0f0f0 #dddddd #f0f0f0;
}

.box2 .boxcont .itemsubsel,
.box2 .boxcont .itemsub:hover {
	color: #000000;
	background: url('boxbg.png');
}




/* ---------------------------------------------------------

	BOXTYPE 3 - Stylesheet



--------------------------------------------------------- */
.box3 {
	text-align: center;
	margin: 5px 0px 0px 0px;
	width: 170px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #216426;
	background-color: #9bcf9b;
}

.box3 .boxhead {
	font-size: 11px;
	font-weight: bold;
	padding: 4px 2px 4px 4px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #c0c0c0;
	background-color: #216426;
	color: #c0c0c0;
}

.box3 .boxcont {
	margin: 0px;
	padding: 0px;
}

.box3 .boxcont .item, 
.box3 .boxcont .itemsel {
   position: relative;
   display: block;
   font-size: 11px;
   text-decoration: none;
   border-style: solid;
   border-width: 0px 0px 1px 0px;
}

.box3 .boxcont .item, 
.box3 .boxcont .itemsel {
   padding: 5px;
   border-color: #e0e0e0;
   color: #414d76;
}

.box3 .boxcont .item {
	background-color: #f8f8f8;
}

.box3 .boxcont .itemsel {
   border-width: 0px 0px 1px 0px;
	background: url('boxbg.png');
   border-color: #b0b0b0;
	color: #000000;
}

.box3 .boxcont .item img,
.box3 .boxcont .itemsel img {
	position:relative;
}

.box3 .boxcont .itemsub img, 
.box3 .boxcont .itemsubsel img {
	position:relative;
}

.box3 .boxcont .item:hover {
	background: url('boxbg.png');
}

.box3 .boxcont .itemsub, 
.box3 .boxcont .itemsubsel {
   position: relative;
   display: block;

	padding: 0px;
	margin-left:0px;
	margin-right:0px;

   font-size: 11px;
   text-decoration: none;

   border-style: solid;
   border-width: 1px 0px 1px 0px;
	border-color: #f5f5f5 #f0f0f0 #eeeeee #f0f0f0;

	background-color: #ffffff;
	color: #505050;
}

.box3 .boxcont .itemsub {
	border-color: #ffffff #f0f0f0 #f5f5f5 #f0f0f0;
}

.box3 .boxcont .itemsubsel {
	border-color: #dddddd #f0f0f0 #dddddd #f0f0f0;
}

.box3 .boxcont .itemsubsel,
.box3 .boxcont .itemsub:hover {
	color: #000000;
	background: url('boxbg.png');
}




