@charset "utf-8";
/* CSS Document by Riccardo Arrigoni*/

html, body {
	background-color:#E5E5E5;
	text-align:center;
}

body {
font: 12px/18px "Lucida Grande", Lucida, "Lucida Grande Unicode", Verdana, sans-serif;
color:#333;
overflow:scroll;
}

pre {
font: 12px/18px "Lucida Grande", Lucida, "Lucida Grande Unicode", Verdana, sans-serif;
color:#333;
text-align:justify !important;
white-space: pre-wrap; 
white-space: -moz-pre-wrap !important; 
white-space: -pre-wrap;
white-space: -o-pre-wrap;         
word-wrap: break-word;             
width:auto;
}


div {
	text-align:center;
}

.mainbox {
position:absolute;
top:0px;
left:50%;
width:900px;
min-height:600px;
margin-left:-450px;
background-color:white;
border-left:solid 1px black;
border-right:solid 1px black;
border-bottom:solid 1px black;
}

.upgrad {
position:absolute;
top:0px; 
left:0px;
width:100%;
height:100px;
background-color:#4c4e5a;
}

.upgrad p{
color: #a7abb0;
font: 12px/18px "Lucida Grande", Lucida, "Lucida Grande Unicode", Verdana, sans-serif;
text-shadow: rgba(0,0,0,0.41) 0 -1px 1px;
}

.dngrad {
position:absolute;
bottom:0px; 
left:0px;
width:100%;
height:40px;
background-color:#4c4e5a;
}

.dngrad p{
color: #a7abb0;
font: 12px/18px "Lucida Grande", Lucida, "Lucida Grande Unicode", Verdana, sans-serif;
text-shadow: rgba(0,0,0,0.41) 0 -1px 1px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/button a.png') no-repeat scroll top right;
    color: #CCC;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 34px;
    margin-right: 0px;
	margin-left:8px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/button span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 10px 0 10px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #999;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 10px 0 10px 18px; /* push text down 1px */
} 