/* ******************** */
/* ***   CONTENTS   *** */
/* ******************** */

h1 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 15px;
}

/* LOGINBAR */

.label {
    float: left;
    display: inline;
    font-size: 12px;
    margin-top: 14px;
}

.leftmargin {
    margin-left: 20px;
}

.loginbarbutton {
    margin-left: 10px;
    float: left;
    display: inline;
    height: 23px;
    margin-top: 10px;
    outline: 0px;
    cursor: pointer;
}

.loginbarbutton img {
    border: 0px;
}

.loginform .inputbox-145 {
    margin-top: 12px;
    margin-left: 5px;
}

/* INFOBAR */

.infobar {
    width: 880px;
    height: 189px;
    background-image: url('../img/infobar.gif');
    background-repeat: repeat-x;
}

.infobar .picture {
    float: left;
    display: inline;
    margin-top: 8px;
    margin-left: 9px;
}

.infobar .infotext {
    float: left;
    display: inline;
    width: 335px;
    height: 171px;
    background-image: url('../img/infobar-infobox.gif');
    background-repeat: repeat-x;
    margin-top: 8px;
    margin-left: 9px;
    color: #fafafa;
    padding-left: 10px;
    padding-right: 20px;
}

.infobar .infotext .heading {
    margin-top: 20px;
    margin-left: 10px;
    font-weight: bold;
}

.infobar .infotext .body {
    margin-top: 15px;
    margin-left: 15px;
}

.infobar .shortcut a {
    color: #f6e9ae;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 87px;
    float: left;
    display: inline;
}


/* ************************ */
/* ***   GUI ELEMENTS   *** */
/* ************************ */

.inputbox-55 {
    float: left;
    display: inline;
    background-image: url('../img/inputfield55.gif');
    background-repeat: no-repeat;
    width: 55px;
    height: 20px;
}

.inputbox-55 input {
    width: 48px;
    border: 0px;
    margin-top: 1px;    
    margin-left: 3px;
}

.inputbox-145 {
    float: left;
    display: inline;
    background-image: url('../img/inputfield145.gif');
    background-repeat: no-repeat;
    width: 145px;
    height: 20px;
}

.inputbox-145 input {
    width: 138px;
    border: 0px;
    margin-top: 1px;    
    margin-left: 3px;
}

.inputbox-205 {
    float: left;
    display: inline;
    background-image: url('../img/inputfield205.gif');
    background-repeat: no-repeat;
    width: 205px;
    height: 20px;
}

.inputbox-205 input {
    width: 198px;
    border: 0px;
    margin-top: 1px;    
    margin-left: 3px;
}

.messagearea {
    float: left;
    display: inline;
    background-image: url('../img/inputbox.gif');
    background-repeat: no-repeat;
    width: 360px;
    height: 160px;
}

.messagearea textarea {
    font-family: verdana;
    font-size: 11px;
    width: 350px;
    height: 150px;
    border: 0px;
    margin-top: 1px;    
    margin-left: 3px;
}

.inputseparator {
    float: left;
    display: inline;
    width: 5px;
    height: 1px;
}

.form-line {
    height: 25px;
}

.form-label {
    margin-top: 3px;
    width: 150px;
    float: left;
    display: inline;
}

.form-label-short {
    margin-top: 3px;
    width: 100px;
    float: left;
    display: inline;
}

.form-field {
    width: 100px;
    float: left;
    display: inline;
}

.form-field-wide {
    width: 280px;
    float: left;
    display: inline;
}

.form-field-suffix {
    margin-top: 3px;
    margin-left: 10px;
    float: left;
    display: inline;
}

.form-button {
    float: left;
    display: inline;
    cursor: pointer;
}

.form-button img {
    border: 0px;
}

/* ****************************** */
/* ***   Subscription table   *** */
/* ****************************** */

.subscriptions table {
    border-collapse: collapse;
}

.subscriptions th {
    text-align: center;
    border-bottom: 1px solid #454036;
}

.subscriptions td {
    border-bottom: 1px solid #454036;
    height: 18px;
}

.subscriptions .property-header {
    text-align: left;
    width: 100px;
    font-weight: bold;
}

.subscriptions .property {
    text-align: left;
    width: 375px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.subscriptions .property a {
    text-decoration: none;
}

.subscriptions .property a:hover {
    text-decoration: underline;
}

.subscriptions .value {
    text-align: center;
    width: 150px;
}

.subscriptions .property-narrow {
    text-align: left;
    width: 325px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.subscriptions .value-wide {
    text-align: center;
    width: 175px;
}

.subscriptions ul {
    padding-left: 15px;
}

.subscriptions li a {
    text-decoration: underline;
}

/* ************************* */
/* ***   Box signature   *** */
/* ************************* */

.box {
	background-color: white;
	padding: 20px;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 2px solid #dadada;
	border-right: 2px solid #dadada;
}

.box .signature {
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
}
