body {
	padding: 0px;
	margin: 0px;
	background-color: #D8E5F7;
}

#page {
	height:100%;
	width: 100%;
}

h2 {
	text-align: center;
	margin-bottom: 40px;
}

#page,#upload,#auth,#footer,table {
        margin-left: auto;
        margin-right: auto;
}

#connexion {
	float:left;
	margin: 15px;
	border: 1px solid #CCCCCC;
}

#connexion ul {
	list-style-type: none;
	margin: 0px;
	width:100%;
	padding: 12px;
}

#connexion li {
	margin: 0px 0px 3px 0px;
	text-decoration: none;
}

#connexion a {
	text-decoration: none;
	color: blue;
}

#help {
	float:left;
	margin-left: 5px;
	border: 1px solid #CCCCCC;
	width: 400px;
	padding:12px;
}

#help ul {
	list-style-type: none;
	margin:0px;
	padding:12px;
}

#auth {
        margin-top: 100px;
	width: 520px;
}

#auth table {
	padding: 14px;
	text-align: left;
	border: 1px solid #cccccc;
}

.button {
	text-align: center;
	padding-top: 10px;
}

#upload {
        margin-top: 10px;
        margin-bottom: 20px;
	width: 1000px;
}

.rightalign {
	text-align: right
}

.centeralign {
	text-align: center
}

#filelist {
	margin: 20px auto 20px auto;
	padding: 10px 1px 10px 1px;
	width: 1100px;
	text-align: right;
}

#filelist table {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: transparent;
	text-align: left;
}

#filelist tr {
	background-color: white;
}

#filelist td {
	padding-left: 5px;
	padding-right: 5px;
}

#filelist th {
	background-color: #95bee7;
	text-align: center;
}

#invitlist {
	margin: 20px auto 20px auto;
	padding: 10px 1px 10px 1px;
	width: 1100px;
	text-align: right;
}

#invitlist table {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: transparent;
	text-align: left;
}

#invitlist tr {
	background-color: white;
}

#invitlist td {
	padding-left: 5px;
	padding-right: 5px;
}

#invitlist th {
	background-color: #95bee7;
	text-align: center;
}

#dlpwd {
	margin-top: 20px;
	margin-bottom: 20px;
}

#footer {
	margin-top:30px;
	bottom: 5px;
	width: 100%;
	text-align: center;
}

#footer a{
	text-decoration:none;
}

#footer table {
        margin-top: 10px;
        margin-bottom: 10px;
	border: 1px solid red;
	background-color: #e6e6e6;
	width: 1100px;
	padding: 5px;
}

#suppr_button {
	background: transparent url(./images/delete.png) no-repeat;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0px;
}

#suppr_button:hover {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

#suppr_button.hover {
	border: 3px dashed red;
}

#trans tr, #trans td {
	background-color: #D8E5F7;
}

#advert td {
	text-align: left;
}

#upload_speed, #upload_remaining {
    float:left;
    width:100px;
}
#upload_b_transfered {
    float:right;
    text-align:right;
}
.clear_both {
    clear:both;
}

#upload_progress_info {
    font-size:10pt;
}

#upload_error,#upload_abort {
    color:#aaa;
    display:none;
    font-size:10pt;
    font-style:italic;
    margin-top:10px;
}

#upload_status {
    color:#aaa;
    font-size:10pt;
    font-style:italic;
    margin-top:10px;
}

#upload_progress1 p {
        display: block;
        width: 240px;
        height: 10px;
        padding: 2px 5px;
        margin: 2px 0;
        border: 1px inset #446;
        border-radius: 5px;
	background-color:blue;
}

#upload_progress_box {
	border:1px solid black;
	width: 100px;
	height: 14px;
	display: none;
	border-radius: 5px;
	float: left;
}

#upload_progress {
    border:0px solid #ccc;
    display:none;
    float:left;
    height:14px;
    background:blue;
    border-radius: 5px;
}

#upload_progress_percent {
	display:none;
}

#upload_response {
    overflow: hidden;
    display: none;
}