@charset "utf-8";

/* Box Menu Page*/
.bubbleInfo {
	position:relative;
	width: 14em;
}
.trigger {
	position:absolute;
	width: 10em;
	height: 3em;
	color:#A00;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	cursor: pointer;
}
.popup {
	position:absolute;
	z-index: 50;
	opacity: 0;
	display: none;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	min-width: 47em;
}

.popup {
	border-collapse: collapse;
}

#box {
	padding: 0em;
	border:none;
	
	
}

.box1 {
	background:#FFF;
	background-image:url(images/crab.jpg);
	background-position:right;
	background-repeat: no-repeat;
	min-width: 42em;
}


.box3 {
	background:#FFF;
	min-width: 40em;
}

.popup td.corner {
	height: 23px;
	width: 25px;
}

.popup td#center {
	background:#FFF;
	width: 42em;
}

.popup td#tl {
	background:url(images/pop/tl.png);
	background-repeat:no-repeat;
	background-position: center;
}

.popup td#tr {
	background:url(images/pop/tr.png);
	background-repeat:no-repeat;
	background-position:center;
}

.popup td#bl {
	background:url(images/pop/bl.png);
	background-repeat:no-repeat;
	background-position:center;
}

.popup td#br {
	background:url(images/pop/br.png);
	background-repeat:no-repeat;
	background-position:center;
}

.popup td#t {
	background:url(images/pop/arrow.png);
	background-repeat: no-repeats;
	background-position:left;
}

.popup td#l {
	background:url(images/pop/l.png);
	background-repeat: repeat-y;
	background-position:center;
}

.popup td#r {
	background:url(images/pop/r.png);
	background-repeat: repeat-y;
	background-position:center;
}

.popup td#b {
	background:url(images/pop/b.png);
	background-repeat: repeat-x;
	background-position:center;
}


/* Box Home Page*/
.popup2 td#tl2 {
	background:url(images/pop/tl2.png);
	background-repeat:no-repeat;
	background-position: center;
}

.popup2 td#tr2 {
	background:url(images/pop/tr2.png);
	background-repeat:no-repeat;
	background-position:center;
}

.popup2 td#bl2 {
	background:url(images/pop/bl2.png);
	background-repeat:no-repeat;
	background-position:center;
}

.popup2 td#br2 {
	background:url(images/pop/br2.png);
	background-repeat:no-repeat;
	background-position:center;
}

.popup2 td#t2 {
	background:url(images/pop/t2.png);
	background-repeat: no-repeats;
	background-position:right;
}

.popup2 td#l2 {
	background:url(images/pop/l2.png);
	background-repeat: repeat-y;
	background-position:center;
}

.popup2 td#r2 {
	background:url(images/pop/r2.png);
	background-repeat: repeat-y;
	background-position:center;
}

.popup2 td#b2 {
	background:url(images/pop/arrow2.png);
	background-repeat: repeat-x;
	background-position:right;
}

.popup2 {
	position:absolute;
	z-index: 50;
	opacity: 0;
	display: none;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	min-width: 30em;
}

.popup2 {
	border-collapse: collapse;
}

.box2 {
	background:#FFF;
	min-width: 22em;
}

.popup2 td.corner {
	height: 23px;
	width: 23px;
}

.popup2 td#center {
	background:#FFF;
	width: 22em;
}

.bubbleInfo2 {
	position:absolute;
	width: 12.4em;
	right:0em;
}

.trigger2 {
	float:right;
	width: 6em;
	height: 2em;
	color:#A00;
	text-decoration:none;
	text-align:right;
	font-size:12px;
	padding: 1em 1em 0 0;
	cursor: pointer;
}