#backgroundLayer {
	width: 100%;
}

#headerLayer {
	width: 90%;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}

#contentLayer {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
    -ms-touch-action: none;
}

#contentLayerText {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #CCCCCC;
	background-image: url('content_bg-1.0.png');
	background-repeat: no-repeat;
	border-radius: 10px;
	padding: 5px;
}

iframe.tool_container {
	position:relative;
	right: 11px
}

h1 {
	color: #0000000;
	text-indent: 30px;
	font-family: Helvetica, Ariel, sans-serif;
}

body {
	background-color: #fff;
	font-size: 100%;
	font-family: Helvetica, Ariel, sans-serif;
		
	opacity: 0.0;
	
    /* Firefox */
    -moz-transition-property: opacity;
    -moz-transition-duration: 1s;
    /* WebKit */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1s;
    /* Standard */
    transition-property: opacity;
    transition-duration:1s;
}

body.faded
{
    opacity: 1.0;
}

img {
	border: none;
}

img:focus
{ 
    border:2px solid white;
}

table.base-content, table.base-content th, table.base-content td {
	background-color: #FFFFFF;
	border: 1px solid #333333;
	border-collapse: collapse;
	padding: 10px;
	
}

.drop-div {
	border-color: white;
	background-color: white;
}

.bg-image {
	border-radius: 20%;
}