body {
    font-family: Arial, "MS Trebuchet", sans-serif;
    background-color:#000;
    color:white;
}

#wrapper {
    width:800px;
    background: url(grfx/header2008.jpg) no-repeat;
    margin:auto;
    background-color:#333;
}

.invisible {
    display:none;
}

#installsteps {
    display:block;
    margin:0;
    padding:0;
}


.gray {
    color:#777;
}

#jswarn {
    border:2px solid red;
    background-color:#D8B272;
    text-align:center;
    font-weight:bold;
    padding:10px;
}
h1 {
    font-size:19px;
    padding-top:98px;
}

#footer {
    width:800px;
    height:80px;
    background: url(grfx/footer.png);
    margin:auto;
}

#header {
    padding:25px;
}
#body {
    padding:0 25px 0 25px;
}

#lang_sel, #layer_sel {
    padding-top:50px;
    padding-left:130px;
}
.lang, .layer {
    display:block;
    height:90px;
    width:150px;
    float:left;
}

.lang {
    margin-right:20px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    height: 20px;
    padding: 35px 0;
    cursor: pointer;
    border-radius: 2px;
    
    background: -moz-linear-gradient(90deg, rgba(54,177,55,1) 0%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(2%, rgba(0,0,0,1)), color-stop(100%, rgba(54,177,55,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, rgba(54,177,55,1) 0%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, rgba(54,177,55,1) 0%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, rgba(54,177,55,1) 0%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%); /* ie10+ */
	background: linear-gradient(0deg, rgba(54,177,55,1) 0%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#36B137',GradientType=0 ); /* ie6-9 */
}

.lang:last-child {
	margin-right: 0;
}

#mysql {
    margin-right:20px;
    background: url(grfx/mysql.jpg);
}


.gpl {
    font-size:11px;
    color:#555;
    padding:5px;
    background-color:white;
    border:1px solid black;
    height:250px;
    width:740px;
    overflow:auto;
    
}

.ok {
    background: url(grfx/check.gif) 0 -22px no-repeat;
    padding-left: 20px;
    color:#0F0;
}
.fail {
    background: url(grfx/check.gif) 0 2px no-repeat;
    padding-left: 20px;
    color:#F00;
}
.arrow {
    background: url(grfx/check.gif) 0 -40px no-repeat;
    padding-left: 20px;
    color:#F00;
}

.note {
    padding-left:20px;
}

span.lab {
    width:200px;
    height:20px;
}

#progressbar {
    width:300px;
    height:15px;
    display:block;
    float:right;
    margin-top:115px;
}

#progressbar span {
    display:block;
    width:10px;
    height:10px;
    border:1px solid #FFF;
    float:left;
    margin-right:2px;
}

.step_nope {
    background-color:#555;
    color:#555;
}

.step_yap {
    background-color:#0F0;
    color:#0F0;
}

.logindata {
    padding:10px;
    border:4px solid green;
    background-color:#555;
    margin-bottom:10px;
}

#caution {
    font-weight:bold;
    color:#f00;
}