/* Global css */

html, body { height:100%;position:relative;}
body {
	background:#4e4f52 url(../images/layout/bg_body.gif) repeat-x;
	font: normal 13px Arial, Helvetica, sans-serif;
	color:#fff;
	xtext-align:justify;
}
ul {
	list-style:square outside;
	margin: 10px 0 0 15px;
}
li {
	margin: 2px 0 2px 0;
}
li a:link, li a:visited, li a:active {
	color:#fff;
	text-decoration:none;
}
li a:hover {
	text-decoration:underline;
}
p {
	margin: 0 0 5px 0;
	xfont: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	xcolor:#333;
	xtext-align:justify;
}
a:link, a:visited, a:active {
	color:#fff;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
p a:link, p a:visited, p a:active {
	color:#fff;
	text-decoration:underline
}
p a:hover {
	text-decoration:none;
}


/* Bubble pop-up */
.bubbleInfo {
            position: relative;
            xtop: 150px;
            xleft: 100px;
            xwidth: 500px;
			
        }
        .trigger {
            position: absolute;
			top: 83px;
			left: 284px;
        }
		
.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
	right: 500px;
	margin:0;
	width:200px;
}

.popup td {
	padding:0;
	
}

.popup td.corner {
	height: 15px;
	width: 19px;
}

.popup td#topleft { background-image: url(../images/popup/bubble-1.png); }
.popup td.top { background-image: url(../images/popup/bubble-2.png); text-align: center;}
.popup td.top img { display: block; margin: 0 auto -8px; }
.popup td#topright { background-image: url(../images/popup/bubble-3.png); }
.popup td.left { background-image: url(../images/popup/bubble-4.png); }
.popup td.right { background-image: url(../images/popup/bubble-5.png); }
.popup td#bottomleft { background-image: url(../images/popup/bubble-6.png); }
.popup td.bottom { background-image: url(../images/popup/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(../images/popup/bubble-8.png); }
.popup td.center { background-color: #fff; }

.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	}

table.popup-contents th {
	text-align: right;
	text-transform: lowercase;
	}

table.popup-contents td {
	text-align: left;
	background-color:#fff;
	}