html {
    background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #F5F5F5 50%, #E1E1E1 100%);
}

body {
	display: table;
	width:100%;
}

#spacer {
	height: 200px;
}

#center {
	width:500px;
	margin: 0 auto;
	text-align: center;
}

#divMessage {
	font-size: 150%;
	margin-bottom: 5px;
    color: rgb(145, 145, 148); /* the color from the "File" part of the logo text */
}

.error {
	color:red !important; /* class has lower specificity than id but we want to override the color */
}

.form {
	display: none;
}

.row {
	display: table-row;
}

.cell {
	display: table-cell;
	text-align: right;
}

input {
    margin: 2px;
}

#divCompany {
    display: none;
}

#pi {
    color: #a0a0a0;
    font-family: serif;
    position: absolute;
    right: 5px;
    bottom: 5px;
    cursor: default;
}

#flagHolder {
    overflow-y: visible;
    position: fixed;
    right: 0;
    top: 0;
    margin-right: 5px;
}

#flagHolder:hover #flagPopup {
    display: inline;
}

#flagPopup {
    display: none;
    position: absolute;
    z-index: 2147483647;
    top: 100%;
    left: 0;
}

#flagPopup:hover {
    display: inline;
}

#flagPopup ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#flagPopup ul li {
    display: block;
}

#flag {
    display: none;
}

.forgot {
    font-size: 75%;
    margin: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.modal-dialog {
    background-color: #444444 !important;
    border-color: #888888 !important;
}

.modal-dialog-title {
    background-color: #aaaaaa !important;
}

.modal-dialog-title-close {
    background-image: url('../img/editortoolbar.png') !important;

}

.goog-custom-button {
    background-image: url('../img/button-bg.png') !important;
}