/* Common */

.notification h1 { 
  font-size: 190%;  
}
.notification {
  padding: 12px; 
  border: 2px solid #000; 
  margin-bottom: 14px; 
}
.success { 
  background-color: #e7f1ba; 
  color: #80a01b;
  border-color: #8ea824; 
}
.success h1 { 
  color: #333; 
}
.warning { background: #ffffd9; color: #726b00; border-color: #726b00; }
.warning h1 { color: #000; }
.failure { background: #AA0000; color: #F3A4A4; border-color: #F3A4A4; }
.failure h1 { color: white; }

.button-set  {
  margin-top: 0.5em;
  text-align: right;
}

/* Login boxes */
.loggedin, .not-loggedin {   
   padding: 5px;
   background-color: #eee;
   border: solid 1px #ddd;
}
.login-element .user-name {
  display: block;
}
.login-element .fieldset input {
  width: 96%;
}
#loginForm {
  margin: 1em 0;
  width: auto;  
  max-width: 200px;
}
.login-element .field {
  float: left;
  margin-right: 7px;
  width: 100%;  
}
.login-element .form-error {
   margin: 0.2em 0;
   color: red; 
   font-weight: bold; 
   display: none;   
}

.login-element .logoutButton,
.login-element .loginButton {
  float: right;
}
.login-element .forgotPasswordLink,
.login-element .myProfileLink {
  float: left;
}

.field {
    margin: 3px 0;
}
.field label {
   display:block; 
   margin-bottom: 2px; 
   font-weight: bold; 
}
label .required {
  color: red;
}
/* Common membership form attributes in main slot */
#col3 .membershipForm { text-align: justify; }

#col3 .tab .membershipForm { margin: 0px; }

#col3 .membershipForm { margin-bottom: 8px; }
#col3 .membershipForm p.headerIntro { margin-bottom: 20px; }
#col3 .membershipForm h2 { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
#col3 .membershipForm .membershipFormSection { margin-top: 15px; background: #e8ecd7; padding: 10px; border: 1px solid #E9E9E9; }

/* My Newslist */
.newsList {
    border: 4px solid #E8ECD7;
    margin: 12px 0 0 0;
}
.newsList .header {
    background-color: #E8ECD7;
    padding-bottom: 4px;
}
.newsList .content {
    padding: 8px;
}

.newsList .settings {
  background-color: #AAB18C;
  color: white;
  padding: 8px;
}
.newsList .settings .help {
  margin-bottom: 8px;
}
.newsList .settings label {
  white-space: nowrap;
}
.newsListButton {
        background-color: white;
        color: #494949;
        font-size: 13px;
        border: 1px solid #B2B2B2;
        padding: 2px 4px;
}
.newsList ul.categories {
  margin: 0 0 6px 0;
  padding: 0;
  float: left;
  width: 100%
}
.newsList .saveToolbar {
        margin-top: 12px;
        padding-top: 12px;
    border-top: 1px solid #E8ECD7;
}
.newsList ul.categories li {
  margin: 0 0 8px 0;
  width: 48%;
  float: left;
  overflow: hidden;
}
.newsList .header div {
  float: right;
  vertical-align: middle;
}
.newsList .button {
    background-color: rgb(142, 168, 36);
    padding: 2px;
    color: white;
    font-size: 11px;
    border-style: none;
}
.newsList .header h2 {
    font-size: 14px;
    font-weight: bold;
}
.newsList .settings {
    display: none;
}
.newsList .lists h2 {
    background-color: #f1f4e4;
    padding: 4px;
    border-top: 1px solid #E8ECD7;
    border-bottom: 1px solid #E8ECD7;
}
.newsList .lists ul {
    margin: 0;
    padding: 0;
}
.newsList .lists ul {
    list-style-type: disc;
    margin-left: 12px;
    padding: 8px;
}
.newsList .lists li {
    margin-left: 4px;
    line-height: 1.4;
    padding: 0;
    font-size: 12px;
}
.newsList .lists li a {
    color: #78971C;
}
.newsList .lists li a:hover {
    color: #88A72C;
}
.newsListError {
    background: #e8ecd7;
    color: red;
    margin: 2px;
    margin-bottom: 10px;
    padding: 4px
}
.password_strength_titel {
    cursor: pointer; 
    font-weight: normal;
}
.passwordStrength {
    margin-top: 2px;
    width: 328px;
    height: 6px;
    background-color:#CCCCCC;
}

/* Blog */
#col3 #blog_post_heading { 
        width: 650px; 
}

#userRegistration,
#resetPassword { 
	margin-bottom: 20px; 
}
p.intro { 
	margin-bottom: 20px; 
}

#passwordMismatch { color: red; margin-left: 5px;  }

#possibleError,
.possibleError { 
	color: red; 
	margin-bottom: 10px; 
}

#reg_captchaimg, .captcha_img { margin-bottom: 4px; }
#createBlogFormContainer { margin-top: 10px; }
.tab { margin-right: 14px; }

.membershipForm #createBlogToggle { float: right; padding: 0px; margin: 0px; }
.membershipForm #createBlogToggle .submit { margin: 0px; }
.selectedMonth { font-weight: bold; }