html, body, #wrapper {
    height:100%;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
}

#wrapper {
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
}

/* for borders */
#flash-bad { padding:5px; width:90%; height:40pt; margin:5pt auto; color:#fff; valign:center;font-size : 12pt;}
#flash-bad, #flash-bad .sb-inner { background:#ee0000; }

#flash-good { padding:5px; width:90%; height:40pt; margin:5pt auto; color:#fff; valign:center; font-size : 12pt;}
#flash-good, #flash-good .sb-inner { background:#7fff00; color:#000000; }

#information { padding:10pt; width:90%; margin:10pt auto; background:#fafafa; valign:top;text-align:justify;}
#information, #information .sb-inner { background:#fafafa;}



/* The following is just for making the page look "cool" - simply ignore it */
/* html { font-family:sans-serif; background:#444; color:#ddd; } */
/* html, body { margin:0; padding:0; } */
/* p { margin:5px 0; } */
/* .headfoot { text-align:right; padding:10px; margin:0; } */
/* .headfoot h1 { font-size:1.3em; padding:0; margin:0; } */
/* .headfoot a { color:#fff; } */
/* #content { background:url(back.jpg); padding:10px 0; } */

img
{
    border-style: none;
}


td.item_list_counter {
    color: #888888;
    font-size : 12pt;
}

td.hover {
    background:#ff0000;
}

table.fancy { margin: 2em; border-collapse: collapse; background:#EFEFEF; align:center; text-align:center; }
td.fancy, th.fancy { padding: .5em; border: 1px #ccc solid; align:center; text-align:center; }
thead.fancy { background: #fc9; align:center; text-align:center;}

td span {font-size:10pt;}

html, body
{
  height: 100%;
}

p {
    font-family:arial;

}

a {
    color:#000;
    font-family:arial;
    font-size:10pt;
}

.ghostTd {width:auto; height:auto; border:1px solid #000; position:absolute; font:normal 10px arial; background:#eee;}
.dragging {background:#eee; color:#000;padding: .5em; border: 1px #ccc solid;}
.hovering {background:#ccc; color:#555;padding: .5em; border: 1px #ccc solid;}

li.hover {background:#eee;}

#action {background:#eee; color:#000;padding: .5em; border: 1px #ccc solid;}
td.action {background:#eee; color:#000;padding: .5em; border: 1px #ccc solid;}


div.contactMail {
    font-size : 30px;
    text-decoration: underline;
    text-align: center;
}


* html .png,
* html img{
	behavior: expression(
		(
		this.origBg = this.origBg?
			this.origBg
			:
			this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','')
		),
		this.behaviorSet == undefined?
		(
				this.origBg.match(/.png$/) == null?
				(this.nodeName == "IMG" && this.src.match(/.png$/))?
				(
					this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
					this.src = "/img/spaceball.gif"
				)
				:
				null
			:
				this.origBg.match(/.png$/)?
				(this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='" + ((this.currentStyle.backgroundRepeat == "no-repeat")? "crop" : "scale") + "')",
				this.style.background = '/img/spaceball.gif'):null
		)
		:
		null
		,
		this.style.behavior='none',
		this.runtimeStyle.behavior='none',
		this.behaviorSet = true
	);
}