body, input, select, textarea, .inProgress {
    font-family: Arial, Helvetica, sans-serif;
    color: #2e2e2e;
    font-size: 13px;
}
.solidbox {
    border: 1px solid #85868c;
}
.greybox {
    border: 1px solid #85868c;
}
.headerbox {
    border-left: 1px solid #85868c;
    border-right: 1px solid #85868c;
    border-bottom: 1px solid #85868c;
}
a, a.fixed, a.widget, a:hover, a:visited {
    color: #4663e6;
}
.header .smallheader {
    background: none;
    border: none;
}
.light {
    color: #85868c;
}
.smallheader {
    color: #2e2e2e;
}
.smallheader a {
    color: #2e2e2e;
    background: none;
    border: none;
}
.control {
    background: #f6f6f9;
}
.item {
    background: none;
}

.sortup {
    background: url("graphics/sortup.png") 7px center no-repeat;
}
.sortdown {
    background: url("graphics/sortdown.png") 7px center no-repeat;
}
.linedRow, tr.linedRow td, table.linedRow td, ul.linedRow li {
    color: #2e2e2e;
}
.linedRowSelectedCol, td.linedRowSelectedCol, table.linedRow td.linedRowSelectedCol {
    color: #2e2e2e;
}
.control {
    color: #2e2e2e;
}
.item {
    color: none;
}
.text {
    color: #2e2e2e;
    background: #fff;
}

#mainLogo {
    position: absolute;
    left: 8px;
    top: 15px;
}

/* Form styles. */
input, select, textarea {
    color: #2e2e2e;
    background: #ffffff;
    border: 1px solid #b1aeb8;
}
input:focus, textarea:focus {
    background: #fff;
}
input[type=checkbox] {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}
.button {
    background: url("graphics/button-bg.png");
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #85868c;
    height: 17px;
    line-height: 15px !important;
    padding: 0 7px;
    -moz-user-select: none;
    -webkit-user-select:none;
    -khtml-user-select: none;
    user-select: none;
    font-size: 11px;
    text-transform: lowercase;
}
.button:hover {
    background-position: 0 -19px;
    border: 1px solid #637cb7;
}
a.button {
    padding: 2px 9px;
    font-weight: normal;
    color: #2e2e2e;
}
input.button {
    height: 19px;
    padding: 0 5px;
    padding-bottom: 2px;
}

/* Alternating styles. item0, item1 are deprecated. */
.rowEven, .item0 {
    background-color: #f6f6f9;
}
.rowOdd, .item1 {
    background-color: #fff;
}

.selected {
    background: #dedfe8;
}

/* Various popup and status layers. */
.notice {
    color: #2e2e2e;
    background: #fdfcce;
    border: 1px solid #b1aeb8;
}
.tooltip, div.nicetitle {
    color: #2e2e2e;
    background: #fdfcce;
    border: 1px solid #2e2e2e;
}

/* Menu styles. */
#menu {
    background: #f6f6f9 url("graphics/menu.png") repeat-x;
}
#menu h1 {
    color: #2e2e2e;
}
#menu a {
    border: 1px solid transparent;
    color: #2e2e2e;
    padding: 3px 3px 0 3px;
    margin: 0;
}
#menu a:hover {
    border: 1px solid transparent;
    padding: 3px 3px 0 3px;
    margin: 0;
}
#menu a.current {
    border: 1px solid #b1aeb8;
    padding: 3px;
    margin: 0;
    background: url("graphics/menu-active.png") repeat-x;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#menuBottom {
    position: relative;
    top: -1px;
    background: #f6f6f9;
    border: 1px solid #85868c;
    border-right: none;
    border-top: none;
    padding-left: 6px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

/* Sidebar styles. */
#sidebarPanel {
    background: #f6f6f9;
    margin-right: .5em;
    border: 1px solid #85868c;
    border-left: none;
    border-top: none;
}
#sidebarPanel span, #sidebarPanel a {
    color: #2e2e2e;
    font-family: Arial, Helvetica, sans-serif;
}
#sidebarPanel a:hover {
    color: #2e2e2e;
}
#expandButton {
    margin-right: .5em;
}

/* Tab styles. */
#topMenu {
    background: url("graphics/tabs-bg.png") repeat-x bottom;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 76px;
}

#tab-grid-1, #tab-grid-2, #tab-grid-3 {
    float: left;
    margin-top: 65px;
    height: 11px;
}

#tab-grid-1 {
    margin-left: 170px;
    background: url("graphics/tabs-desc.png") no-repeat;
    width: 15px;
}

#tab-grid-2 {
    margin-top: 54px;
}

#tab-grid-3 {
    background: url("graphics/tabs-asc.png") no-repeat;
    width: 15px;
}

#topMenu ul li {
    float: left;
    padding: 0px;
	list-style: none;
}

#portal {
    width: 24px;
}

#topMenu ul li:first-child a span {
    background: url("graphics/tab-left-first.png") no-repeat top left;
    padding: 0px 4px 0px 7px;
}

#topMenu ul li:last-child a {
    background: url("graphics/tab-right-last.png") no-repeat top right;
    padding-right: 3px;
}

#topMenu ul li.selected a {
    background: url("graphics/tab-right-selected.png") no-repeat top right;
    position: relative;
    z-index: 1000;
    margin-right: -2px;
    margin-left: -3px;
    padding-right: 7px;
}

#topMenu ul li.selected:first-child a span {
    background: url("graphics/tab-left-first-selected.png") no-repeat top left;
    padding: 0px 4px 0px 7px;
    margin-left: 3px;
    margin-right: -1px;
}


#topMenu ul li.selected:last-child a {
    background: url("graphics/tab-right-last-selected.png") no-repeat top right;
    margin-right: 0px;
}

#topMenu ul li.selected a span {
    background: url("graphics/tab-left-selected.png") no-repeat top left;
    padding: 0px 12px 0px 18px;
    color: #fff;
}

#topMenu ul li a {
    background: url("graphics/tab-right.png") no-repeat top right;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    display: block;
    height: 21px;
    padding-right: 4px;
}

#topMenu ul li a span {
    background: url("graphics/tab-left.png") no-repeat top left;
    padding: 0px 13px 0px 15px;
    display: block;
    height: 21px;
    line-height: 17px;
    color: #eadef4;
}

#topMenu ul li a:hover span {
    background-position: left bottom;
    color: #fff;
}

#topMenu ul li a:hover {
    background-position: right bottom;
}

#topMenu ul li a:hover {
	text-decoration: none;
}

#topMenu ul li div.Portal {
    display: none;
}

#globalMenu {
	position: absolute;
	right: 16px;
	top: 10px;
	color: #534b6e;
	z-index: 100;
	color: #b1aeb8;
}

#globalMenu a {
    display: inline;
	margin: 0 3px;
}

/* Upload Progress */
#upload_progress {
    width: 100px;
    height: 7px;
    display: inline-block;
    border: 1px solid #85868cea4;
    margin: 0 6px;
    padding: 1px;
    vertical-align: sub;
    background: #ffffff;
}

#upload_progress .bar {
    height: 100%;
    width: 0%;
    background: #a7b6f6;
}

/* Context Menus */
.context {
    min-width: 180px;
    max-width: 250px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    padding: 3px 0px;
    background: #f6f6f9;
    color: #2e2e2e;
    font-size: 11px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    border: 1px solid #85868c;
    margin-top: 1px;
}
.context a, .context a:visited {
    white-space: nowrap;
    display: block;
    padding: 3px;
    text-decoration: none;
    color: #2e2e2e;
}
.context a:hover, .context a.contextSubmenu.contextHover {
    background-color: #e9ecff;
    color: #2e2e2e;
    cursor: pointer;
    text-decoration: none;
}
.context div.sep {
    border-top: 1px solid #dedfe8;
    height: auto !important;
    line-height: 0;
    margin: 1px 0 0 0;
    padding: 0;
    margin: 3px 0;
}
.contextSubmenu {
    background: url("graphics/popright.png") 100% 50% no-repeat;
    padding-left: 16px;
}
.contextSelected, a.contextSelected:hover {
    background: #dcdeff;
}


/* Rounded corners */
.roundedCorners {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* Images Sizes */
img.img120x150 {
    max-width: 120px;
    max-height: 150px;
}
img.img38x48 {
    max-width: 38px;
    max-height: 48px;
}
img.img60x60 {
    max-width: 60px;
    max-height: 60px;
}
img.img64x64 {
    max-width: 64px;
    max-height: 64px;
}
img.img42x42 {
    max-width: 42px;
    max-height: 42px;
}
img.img28x28 {
    max-width: 28px;
    max-height: 28px;
}
img.img16x16 {
    max-width: 16px;
    max-height: 16px;
}

/* Redbox styles. */
#RB_overlay {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100%;
    background-color: #2e2e2e;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6;
}
#RB_loading {
    z-index: 101;
    width: 66px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    padding-bottom: 66px;
    text-align: center;
    background: url("graphics/redbox_spinner.gif") no-repeat bottom center;
}
#RB_window {
    z-index: 10000;
    background: url("graphics/redbox-bg.png");
    display: block;
    text-align: left;
    overflow: hidden;
    margin: 0px auto;
    position: absolute;
    padding: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#RB_window > div {
    background: #ffffff;
    border: 1px solid #753f95;
    max-width: 800px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 17px;
}
#RB_window h2 {
    background: #f6f2fd;
    font: bold 16px Arial, sans-serif;
    color: #5d267a;
    line-height: 22px;
    margin: 0 -17px 10px -17px;
    padding: 5px 10px;
    border-bottom: 1px solid #f6f6f9;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#RB_window > p {
    margin: 10px 0 20px 0;
}
#RB_window .actions {
    background: #F6F2FD;
    margin: 15px -17px 0 -17px;
    padding: 5px;
    border-top: 1px solid #f6f6f9;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: right;
}
#RB_window .actions div {
    display: inline-block;
    float: none;
}
#RB_window p, #RB_window ul {
    margin: 0;
}
#RB_window > div > p {
    line-height: 21px;
}
#RB_confirm {
    width: 20em;
    padding: 1em;
    border: 1px solid #dedfe8;
    background: #fdfcce;
}
#RB_confirm input {
    margin: .2em;
}
#RB_confirm ul {
    margin-left: .5em;
}
#RB_info {
    width: 30em;
    padding: 1em;
    border: 1px solid #dedfe8;
    background: #bec3fb;
}
#RB_info input {
    margin: .2em;
}

/* Help styles. */
.help {
    color: #2e2e2e;
}
.help #sidebarPanel {
    border-top: 1px solid #85868c;
}

/* Source markup styles. */
table.lineNumbered {
    border: 1px solid #2e2e2e;
}

/* MIME styles. */
.download {
    background-image: url("graphics/download.png");
}

/* KeyNavList styling. */
.KeyNavList {
    background: #fff;
    border: 1px solid #b1aeb8;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2px 0;
    position: absolute;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    min-width: 152px;
    margin-top: 1px;
}
.KeyNavList ul {
    list-style-type: none;
    padding: 0;
}
.KeyNavList ul li {
    cursor: pointer;
    color: #2e2e2e;
    padding: 0 10px;
    white-space: nowrap;
    line-height: 19px;
    height: 21px;
}
.KeyNavList ul li.selected, .KeyNavList ul li.selected:hover {
    background: #dcdeff;
    color: #2e2e2e;
}
.KeyNavList ul li:hover {
    background: #e9ecff;
    color: #2e2e2e;
}
.KeyNavList ul li strong {
    color: #5d267a;
}
.KeyNavList.search {
    margin: 5px 0 0 -3px
}
.KeyNavList.spellcheck {
    max-height: 200px;
    margin: 2px 0 0 -1px;
    background: #f6f6f9;
    border: 1px solid #85868c;
}
#Growler {
    padding: 0 !important;
}

/* Growler notification styles. */
#Growler div.GrowlerNotice {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    zoom: 1;
    width: 500px;
    padding: 7px 10px 6px 35px;
    margin: 5px auto;
    text-align: left;
    display: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    min-height: 15px;
    line-height: 13px;
    border-width: 0px;
    border-style: solid;
    background-position: 10px 6px;
    background-repeat: no-repeat;
    color: #2e2e2e;
}
#Growler div.GrowlerNoticeHead {
    font-weight: bold;
}
#Growler div.horde-error, #GrowlerLog li.horde-error {
    background-image: url("graphics/alerts/error.png");
}
#Growler div.horde-error div.GrowlerNoticeBody {
    padding-right: 15px;
}
#Growler div.horde-message, #GrowlerLog li.horde-message {
    background-image: url("graphics/alerts/message.png");
}
#Growler div.horde-success, #GrowlerLog li.horde-success  {
    background-image: url("graphics/alerts/success.png");
}
#Growler div.horde-warning, #GrowlerLog li.horde-warning {
    background-image: url("graphics/alerts/warning.png");
}
#Growler div.horde-alarm, #GrowlerLog li.horde-alarm {
    background-image: url("graphics/alerts/alarm.png");
}
#Growler div.horde-error div.GrowlerNoticeBody {
    padding-right: 15px;
}
#GrowlerLog {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 200px;
    z-index: 10000;
    overflow-y: auto;
}
#GrowlerLog ul {
    overflow: auto;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#GrowlerLog ul li {
    color: #2e2e2e;
    font-size: 12px;
    list-style-type: none;
    overflow: hidden;
    padding: 10px 30px;
    border-bottom: 1px dotted;
    background-position: 3px center;
    background-repeat: no-repeat;
}
#GrowlerLog ul li:last-child {
    border: 0;
}
#GrowlerLog li.NoAlerts {
    font-weight: bold;
    background: #85868c;
}
#GrowlerLog span.alertdate {
    font-size: 90%;
    font-style: italic;
    padding-left: 10px;
}
div.GrowlerNoticeExit {
    float: right;
    font-weight: bold;
    cursor: pointer;
    color: transparent;
    width: 14px;
    height: 14px;
    background-position: 0 0;
}
div.GrowlerNoticeExit:hover {
    color: transparent;
    background-position: 0 -14px;
}

.horde-message, .horde-success, .horde-warning, .horde-error {
    border-color: #d5f8dc;
    background-color: #d5f8dc;
    color: #2e2e2e;
}
.horde-success {
    background-color: #d5f8dc;
    border-color: #d5f8dc;
}
.horde-success div.GrowlerNoticeExit {
    background-image: url("graphics/alerts/success-close.png");
}
.horde-error {
    background-color: #fde3dc;
}
.horde-error div.GrowlerNoticeExit {
    background-image: url("graphics/alerts/error-close.png");
}
.horde-warning {
    background-color: #fdfcce;
}
.horde-warning, #Growler div.horde-warning {
    color: #2e2e2e;
}
.horde-warning div.GrowlerNoticeExit {
    background-image: url("graphics/alerts/warning-close.png");
}
.horde-message {
    background-color: #cdeafc;
}
.horde-message div.GrowlerNoticeExit {
    background-image: url("graphics/alerts/message-close.png");
}
.horde-alarm {
    background-color: #fdfcce;
}

/* Registration */
#signupContent {
    background: url("graphics/bg-signup.png") repeat-x;
    padding: 30px 30px 60px 30px;
}
#form_signup {
    width: 750px;
}
#form_signup .logo {
    width: 179px;
    height: 37px;
    margin-bottom: 65px;
}
#form_signup .row > *,
#form_signup #recaptcha_response_field,
#form_signup #custom_theme_widget .errorIcon {
    float: left;
}
#form_signup .row {
    float: left;
    clear: left;
    line-height: 15px;
    margin-bottom: 12px;
    width: 750px;
}
#form_signup .column {
    width: 400px;
    float: left;
}
#form_signup .column.description {
    width: 270px;
    color: #b1aeb8;
    margin-top: 25px;
}
#form_signup .column.secret {
    margin-top: 18px;
}
#form_signup .section {
    border-top: 1px solid #dedfe8;
    padding-bottom: 15px;
}
#form_signup .section.info {
    border-top: 0px;
    margin-bottom: 10px;
}
#form_signup .section.info .notices {
    margin: 20px 0 0 0;
}
#form_signup label {
    display: inline-block;
    color: #4a4a4b;
    width: 165px;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
}
#form_signup input {
    width: 200px;
}
#form_signup .row.error input,
#form_signup .row.error select {
    border: 1px solid #fde3dc;
    background: #fde3dc;
}
#form_signup .row .errorIcon,
#form_signup #emailAvailable {
    width: 17px;
    height: 17px;
    margin: 1px 3px;
}
#form_signup #emailAvailable {
    margin-left: -20px;
}
#form_signup .row.error .errorIcon {
    background: url("graphics/alerts/error.png") top right no-repeat;
}
#form_signup #emailAvailable {
    background: url("graphics/alerts/success.png") top right no-repeat;
}
#form_signup .row.error div.error {
    clear: left;
    float: left;
    color: #fde3dc;
    width: 225px;
    margin-left: 175px;
    line-height: 17px;
}
#form_signup #birthdateDay,
#form_signup #birthdateMonth,
#form_signup #birthdateYear {
    width: 66px;
    margin-right: 3px;
}
#form_signup #birthdateYear {
    margin-right: 0;
}
#form_signup #advice-required-username,
#form_signup #advice-validate-specialchars-username,
#form_signup #advice-validate-portugalmail-username {
    width: 375px;
}
#form_signup #emailSuggestions {
    margin-left: 175px;
    margin-top: 5px;
}
#form_signup #emailSuggestions ul {
    list-style: none;
}
#form_signup #emailSuggestions input {
    vertical-align: text-bottom;
    width: auto;
    margin-right: 2px;
}
#form_signup .error .choice {
    font-weight: bold;
}
#form_signup h1 {
    color: #5d267a;
    font-size: 18px;
    font-family: Arial, sans-serif;
    margin-bottom: 11px;
}
#form_signup h2 {
    color: #5d267a;
    font-size: 11px;
    margin-bottom: 18px;
    line-height: 20px;
}
#form_signup p {
    margin: 0;
}
#form_signup #passwordStrength {
    background-image: url("graphics/password-strength.png");
    background-repeat: no-repeat;
    height: 12px;
    padding-left: 70px;
    height: 12px;
    margin: 4px 7px 0 7px;
    line-height: 10px;
    color: #b1aeb8;
    font-style: italic;
}
#form_signup #passwordStrength span {
    display: none;
}
#form_signup #passwordStrength.invalid span.invalid,
#form_signup #passwordStrength.weak span.weak,
#form_signup #passwordStrength.fair span.fair,
#form_signup #passwordStrength.strong span.strong,
#form_signup #passwordStrength.verystrong span.verystrong {
    display: inline;
}
#form_signup #passwordStrength.invalid { background-position: 0 0; }
#form_signup #passwordStrength.weak { background-position: 0 -12px; }
#form_signup #passwordStrength.fair { background-position: 0 -24px; }
#form_signup #passwordStrength.strong { background-position: 0 -36px; }
#form_signup #passwordStrength.verystrong { background-position: 0 -48px; }
#form_signup span.required {
    color: #5d267a;
    margin-right: 5px;
}
#form_signup .checkbox {
    vertical-align: text-bottom;
    margin-right: 2px;
    width: auto;
}
#form_signup .checkbox:last-child {
    margin-left: 10px;
}
#form_signup span.atsign {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 15px;
    margin: 0 5px;
    width: 17px;
    color: #4a4a4b;
    text-align: center;
}
#form_signup #honeypot {
    display: none;
}

#form_signup #custom_theme_widget input,
#form_signup #custom_theme_widget #recaptcha_image,
#form_signup #advice-required-recaptcha_response_field,
#form_signup #advice-validate-recaptcha-recaptcha_response_field {
    margin-left: 42px;
}
#form_signup #custom_theme_widget label {
    width: auto;
    margin-bottom: 10px;
}
#form_signup #recaptcha_image {
    border: 1px solid #4a4a4b;
    margin-bottom: 10px;
}
#form_signup #recaptcha_response_field {
    width: 298px;
}
#form_signup .section.captcha,
#form_signup .section.submit {
    padding-top: 25px;
}
#form_signup .section.submit .column.description {
    line-height: 25px;
}

#form_signup #emailLoading {
    background: url("graphics/loadinganim.gif") 0 2px no-repeat;
    padding-left: 35px;
    height: 12px;
    color: #b1aeb8;
    margin: 5px 0 10px 175px;
    font-style: italic;
}
#form_signup #submit.button {
    clear: left;
    border: 1px solid #5d267a;
    color: #FFF;
    font-weight: bold;
    background: #8f63b0;
    height: 28px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: none;
    line-height: 26px !important;
}

/* Login Page */
#horde_login_container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f6f6f9;
}
#horde_login_header .content {
    width: 900px;
    margin: 0 auto;
}
#horde_login_header {
    background: #f6f6f9;
    border-bottom: 1px solid #f6f6f9;
    height: 90px;
}
#horde_login {
    display: block;
    background: #f4f9f7;
    padding: 40px 0;
}
#horde_login > table {
    width: 900px;
    margin: 0 auto;
}
#horde_login td {
    vertical-align:top;
}
#horde_login_logo {
    margin-top: 25px;
}
#horde_login h1 {
    font-family: Tahoma, Geneva, Verdana;
    color: #4a4a4b;
    margin: 0;
    margin-bottom: 30px;
    height: 33px;
    font-size: 21px;
    background: url("./graphics/login-h1-bg.png") 0 28px repeat-x;
    float: left;
}
#horde_login .content {
    width: 900px;
    margin: 0 auto;
}
#horde_login_signup {
    width: 210px;
    height: 250px;
    border-left: 1px solid #c0c1cd;
    text-align: center;
    padding: 10px 20px;
}
#horde_login_signup span {
    color: #4a4a4b;
    font-family: Tahoma, Geneva, Verdana;
    font-size: 16px;
    font-weight: bold;
}
#horde_login_signup .button {
    font-family: Tahoma, Geneva, Verdana;
    font-size: 16px;
    border: none;
    width: 155px;
    height: 37px;
    margin: 10px auto;
    background: url("./graphics/signup-button.png");
    display: block;
    padding: 0;
    line-height: 37px !important;
    text-transform: none;
}
#horde_login label {
    font-family: Tahoma, Geneva, Verdana;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 4px;
    color: #4a4a4b;
}
#horde_user, #horde_pass, #new_lang {
    height: 24px;
    font-size: 15px;
    width: 200px;
}
#horde_login label,
#horde_user, #horde_pass, table .hint {
    float: left;
    clear: left;
}
table .hint {
    color: #85868c;
    margin-top: 5px;
}
#horde_user {
    width: 280px;
}
#horde_login tr.leftFloat {
    margin-right: 15px;
}
#new_lang {
    height: 20px;
    width: 204px;
}
#login_button {
    font-family: Georgia, Times New Roman, serif;
    font-size: 14px;
    height: 28px;
    background: #fdfcce;
    font-weight: normal;
    margin: auto;
    margin-top: 19px;
    overflow: visible;
    border: 1px solid #fdfcce;
    color: #4a4a4b;
    text-transform: capitalize;
}
#horde_login_footer {
    background: #f6f6f9;
    border-top: 1px solid #f6f6f9;
    padding: 30px 0;
    color: #4a4a4b;
    font-family: Georgia,Times New Roman,serif;
    font-size: 16px;
}
#horde_login_footer .content {
    width: 900px;
    margin: 0 auto;
}
#horde_login .notices {
    width: 900px;
    margin: 0 auto;
    margin-bottom: 30px;
}
#horde_login .notices li {
    width: 600px;
    padding: 0px 15px;
    line-height: 35px;
    text-align: center;
    border: none;
}

/* Settings */
#appswitch {
    position: absolute;
    left: 0;
    right: 0;
    height: 75px;
}
#appswitch .header {
    background: url("./graphics/header-bg.png") repeat scroll 0 0 transparent;
    height: 34px;
}
#appswitch .title {
    background: url("./graphics/settings.png") no-repeat 4px -4px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 32px;
    padding-left: 40px;
}
#appswitch .actions {
    background: url("./graphics/backhead_s2.png") repeat scroll 0 0 transparent;
    height: 35px;
    line-height: 35px;
    padding-left: 7px;
}
#appswitch .actions input {
    margin: 7px 0 0 7px;
    height: 21px;
}
#appswitch .actions select {
    margin: 7px 0 0 7px;
    height: 19px;
}
#prefs .prefsContainer {
    background: #ffffff;
}
.prefsOverview,
.prefsContainer {
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    padding: 0 25px;
    padding-top: 20px;
}
#services_prefs #app {
    font-weight: normal;
}
#services_prefs .header ul {
    float: right;
    text-align: right;
    font-size: 100%;
}
#services_prefs .header li {
    list-style: none;
    display: inline;
}
#services_prefs #app {
    font-weight: bold;
}
.prefsOverview div {
    float: left;
}
.prefsOverview > div {
    border-left: 1px #eadef4 solid;
    border-right: 1px #eadef4 solid;
    margin-left: -1px;
}
.prefsOverview > div:first-child {
    border-left: none;
    margin-left: 0;
}
.prefsOverview > div:last-child {
    border-right: none;
}
.prefsOverview div div {
    padding-left: 10px;
    width: 95%;
}
.prefsOverview h2 {
    font-size: 18px;
    font-weight: normal;
    color: #5D267A;
    margin-bottom: 25px;
}
.prefsOverview dt a {
    display: block;
    padding: 0px;
    font-weight: bold;
    border: none;
    background: none;
}
.prefsOverview dd {
    padding: 0px;
    margin-bottom: 15px;
    color: #2e2e2e;
    background: #fff;
    border: none;
}
.prefsContainer label {
    display: inline-block;
    margin-bottom: 5px;
}
.prefsContainer label:last-child {
    vertical-align: top;
}
.prefsContainer input,
.prefsContainer select,
.prefsContainer textarea {
    display: inline-block;
    margin-bottom: 15px;
}
div.prefsContainer {
    padding: 1em;
}
div.prefsContainer p {
    padding-top: 1em;
}
img.prefsLinkImg {
    padding-right: 1px;
}
span.prefsAdvanced {
    padding: 3px 10px 0 0;
    font-size: 80%;
}
#save_options {
    font-weight: bold;
}
#prefs_return {
    background: none;
    color: #4663e6;
    border: none;
    margin: 0;
    padding: 0;
}
#prefs_return:hover {
    text-decoration: underline;
}

/* Others */
.loadingImg {
    background: url("graphics/loadinganim.gif") no-repeat;
    height: 12px;
    font-style: italic;
    color: #85868c;
    font-size: 11px;
    line-height: 12px;
    padding-left: 35px;
}
.loadingImgBig {
    z-index: 1000;
    background: #fff url("graphics/loadinganim-big.gif") no-repeat top center;
    width: 200px;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    margin-top: -12px;
    font-style: italic;
    color: #85868c;
    font-size: 11px;
}
.loadingImgPopUp {
    background-position:0 3px;
    display: inline-block;
    height: 20px;
    line-height: 19px;
}