*{
    margin:0;
    padding:0;
}
body{
    background:#ffffff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    width:7500px;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
}

.reference
{
    color:#000000;
	font-size:20px;
	margin: 20px;
}


        a{
            color:#fff;
            text-decoration:none;
        }
        a:hover{
            text-decoration:underline;
        }
        span.reference{
            position:fixed;
            left:10px;
            bottom:10px;
            font-size:13px;
            font-weight:bold;
        }
        span.reference a{
            color:#fff;
            text-shadow:1px 1px 1px #000;
            padding-right:20px;
        }
        span.reference a:hover{
            color:#ddd;
            text-decoration:none;
        }

    .plus {font-size: 50px}



.section{
    margin:0px;
    bottom:0px;
    width:2500px;
    float:left;
    height:100%;
    text-shadow:1px 1px 2px #7e8d35;
}

.section h1
{
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
    font-style: italic;  
}
.section h2{
    margin:50px 0px 30px 50px;
	padding-top:20px;
	color: #fa0611;
}
.section p{
	width:750px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}

img
{
border:1px solid #7c8f57;
padding:5px;
margin:10px 20px 20px 10px;

}
.black{
    color:#000;
   
    background:#fff url(../images/black.jpg) no-repeat top right;
}
.bg1{
    background: url(../images/bg1.png) repeat;
	width:800px;
	height:auto;
	padding: 0px 20px 40px 20px;
	margin-left: 40px;
	border-radius:20px; 
 -webkit-border-radius:20px; 
 -moz-border-radius:20px; 
 -khtml-border-radius:20px;
  box-shadow:1px 1px 2px #7e8d35;
 
}
.white{
    color:#000;
    background:#fff url(../images/white.jpg) no-repeat top right;
}

.section ul{
    list-style:none;
    margin:50px 0px 0px 250px;
}
.black ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.black ul li a{
    display:block;
    color:#222;
}
.black ul li a:hover{
    text-decoration:none;
    color:#fa0611;
}
.white ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.white ul li a{
    display:block;
    color:#222;
}
.white ul li a:hover{
    text-decoration:none;
    color:#fa0611;
}

.red{
    color:#000;
    background:#fff url(../images/red.jpg) no-repeat top right;
}

.red ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.red ul li a{
    display:block;
    color:#222;
}
.red ul li a:hover{
    text-decoration:none;
    color:#fa0611;
}



		.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
			line-height: 1.5em;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
			
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 2em; top: 2.5em; z-index: 99;
			margin-left: 0; width: 600px;
		}
		.tooltip:hover  img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		
		
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #f1f0dc; border: 1px solid #7c8f57;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }