/************************************************************
***** standrad page format ********************************** 
************************************************************/
body {
    width: 1010px;
    margin: 0 auto;
    color: #333333;
    font-family: Arial,Verdana;
    font-size: 100%;
    font-weight: normal;
}

h2 {
    margin-top: 2em;
}

/************************************************************
***** standard page structur ******************************** 
************************************************************/
#main {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 100%;
    float: left;
    text-align: center;
}

#footer {
    border: 1px solid #C5C5C5;
    background-color: #C5C5C5;
    clear: both;
}

#credits {
    padding: 7px 0 7px 1em;
    clear: both;
    text-align: left;
    font-size: 75%;
    color: #FFFFFF;
}

hr.seperator {
    border: 1px solid #C5C5C5;
    width: 30px;
}

.message {
    color: #148B1A;
}

.warning {
    color: #F59B00;
}

.error {
    color: #FF0000;
}

select.error,
input.error {
    border: 2px solid #FF0000 !important;
    color: #333333;
}

input.required {
    
}

div.message,
div.warning, 
div.error {
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 1em;
}

div.menu {
    height: 1em;
    padding: 5px 0 5px 0;
    border: 1px solid #C5C5C5;
    background-color: #C5C5C5;
    text-align: right;
}

div.content {
    padding-bottom: 3em;
    border: 1px solid #C5C5C5;
}

/************************************************************
***** formular styles *************************************** 
************************************************************/
form label {
    color: #333333;
    font-weight: bold;
    font-size: 1em;
    vertical-align: middle;
}

form input[type="text"],
form input[type="password"],
form input[type="checkbox"],
form select,
form textarea {
    color: #333333;
    background-color: #F6F6F6;
    font-size: 1em;
    border: 1px solid #C5C5C5;
    vertical-align: middle;
}

form input[type=submit] {
    color: #333333;
    background-color: #FFFFFF;
    font-size: 1em;
    border: 1px solid #333333;
    vertical-align: middle;
    font-weight: bold;
    padding: 5px;
}

form input.disabled,
form select.disabled {
    background-color: #C5C5C5;
}

form select option[disabled] {
    display: none;
}

div.form_actions {
    margin-top: 2em;
}

div.validation {
	 margin-top: 0.5em;
    font-weight: normal;
    text-align: left;
}

div.login {
    margin: 0 auto;
    width: 35%;
}

div.login form {
    margin: 0 auto;
    width: 100%;
}

div.login_formfield label {
    width: 15%;
    float: left;
    text-align: left;
    padding-right: 9%;
}

div.login_formfield input,
div.login_formfield select {
    width: 70%;
}

div.settings {
    width: 80%;
    margin: 0 auto;
}

div.settings form {
    margin: 0 auto;
    width: 100%;
}

div.setting_formfield {
    margin-bottom: 0.5em;
}

div.setting_formfield label {
    width: 60%;
    float: left;
    text-align: left;
    padding-right: 4%;
}

div.setting_formfield input,
div.setting_formfield select {
    width: 30%;
}

div.config {
    width: 80%;
    margin: 0 auto;
}

div.config form {
    margin: 0 auto;
    width: 100%;
}

div.config_formfield {
    margin-bottom: 0.5em;
}

div.config_formfield label {
    width: 40%;
    float: left;
    text-align: left;
    padding-right: 4%;
}

div.config_formfield input,
div.config_formfield select,
div.config_formfield textarea {
    width: 50%;
}

div.config_formfield textarea {
    height: 10em;	
}

div.user {
    width: 60%;
    margin: 0 auto;
}

div.user form {
    margin: 0 auto;
    width: 100%;
}

div.user_formfield {
    margin-bottom: 0.5em;
}

div.user_formfield label {
    width: 48%;
    float: left;
    text-align: left;
    padding-right: 1%;
}

div.user_formfield input,
div.user_formfield select,
div.user_formfield textarea {
    width: 50%;
}

div.user_overview {
    width: 90%;
    margin: 0 auto;
}

div.user_details {
    width: 60%;
    margin: 0 auto;
}

div.userprofile {
    width: 40%;
    margin: 0 auto;
}

div.userprofile form {
    margin: 0 auto;
    width: 100%;
}

div.userprofile_formfield {
    margin-bottom: 0.5em;
}

div.userprofile_formfield label {
    width: 45%;
    float: left;
    text-align: left;
    padding-right: 1%;
}

div.userprofile_formfield input,
div.userprofile_formfield select,
div.userprofile_formfield textarea {
    width: 50%;
}

div.password {
    width: 50%;
    margin: 0 auto;
}

div.password_formfield {
    margin-bottom: 0.5em;
}

div.password_formfield span.username {
    font-weight: bold;
}

div.password_formfield label {
    width: 45%;
    float: left;
    text-align: left;
    padding-right: 1%;
}

div.password_formfield input {
    width: 50%;
}

/************************************************************
***** table layout ****************************************** 
************************************************************/
table.wcat_settings {
    width: 100%;
}

table.wcat_settings th.parameter,
table.wcat_settings td.parameter {
    width: 85%;
    text-align: left;
    padding-bottom: 0.5em;
}

table.wcat_settings th.value,
table.wcat_settings td.value {
    padding-bottom: 0.5em;
}

table.site_config {
    width: 100%;
}

table.site_config th.parameter,
table.site_config td.parameter {
    width: 50%;
    text-align: left;
    padding-bottom: 0.5em;
    vertical-align: top;
}

table.site_config th.value,
table.site_config td.value {
    text-align: left;
    padding-bottom: 0.5em;
}

table.user {
    width: 100%;
}

table.user th,
table.user td {
    text-align: left;
    padding-bottom: 0.5em;
}

table.user_overview {
    width: 100%;
}

table.user_overview th,
table.user_overview td {
    text-align: left;
    padding-bottom: 0.5em;
}

table.user_details {
    width: 100%;
}

table.user_details th,
table.user_details td {
    text-align: left;
    padding-bottom: 0.5em;
}

table.userprofile {
    width: 100%;
}

table.userprofile th,
table.userprofile td {
    text-align: left;
    padding-bottom: 0.5em;
}

table.userprofile th.parameter,
table.userprofile td.parameter {
    width: 50%;
    text-align: left;
    padding-bottom: 0.5em;
}

table.userprofile th.value,
table.userprofile td.value {
    text-align: left;
    padding-bottom: 0.5em;
}

/************************************************************
***** link layout ******************************************* 
************************************************************/
a:link {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #333333;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
}

a:active {
    color: #333333;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
}

a:focus {
    color: #333333;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
}

a:link.menu {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

a:visited.menu {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

a:hover.menu {
    color: #333333;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
}

a:active.menu {
    color: #333333;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
}

a:focus.menu {
    color: #333333;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
}

a:focus.button,
a:visited.button,
a:hover.button,
a:active.button,
a:focus.button {
    color:  #333333;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    cursor: default;
}

a.button {
    background-color: #FFFFFF;
    font-size: 1em;
    border: 1px solid #333333;
    vertical-align: middle;
    padding: 5px;
    margin-top: 2em;
}

a.rightspace {
    margin-right: 2em;
}