/* styles for the login page */
form#login > div.panel > div.inner > div.content > h3{
    color: white;
    border-bottom-color: rgb(95, 95, 95);
    margin-bottom: 1rem;
}

/* the user control panel headline */
h2.ucp-title{ color: white; }

/* the vertical menu of the user control panel */
div.cp-menu > div.navigation {
    padding-top: 1.5rem;
    transform: translateY(-1px);
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px){
    div.cp-menu > div.navigation {
        max-width: none;
    }

    div.cp-menu > div.navigation > ul > li > a{
        background: #181818 !important;
        color: grey;
        padding: 0.5rem;
        border-radius: 0;
    }

}

div.cp-menu > div.navigation > ul > li.active-subsection > a{
    background-color: grey;
    color: white;
}

div.cp-menu > div.navigation > ul > li > a{
    background: #181818;
    color: grey;
}

div.cp-menu > div.navigation > ul > li > a:hover{
    color: white !important;
}

/* the main content for each user control panel menu item 
 * Note that some styles relevant to cp-main are located in viewforum.css to not double up
 * forum style declarations */
div.cp-main > h2,
div.cp-main > form > h2 { color: white; border: none;}

div.cp-main fieldset dl{
    padding: 0.4rem 0.5rem;
}

div.cp-main fieldset input[type=text],
div.cp-main fieldset input[type=url],
div.cp-main fieldset textarea,
div.cp-main fieldset input[type=email],
div.cp-main fieldset input[type=password]{
    background-color: #121212 !important;
    border: none;
    padding: 0.5rem;
    border-radius: 0;
    color: white;
}

div.cp-main fieldset dl:nth-child(even){
    background-color: #232323;
}

div.cp-main fieldset dd{
    margin: 0 0 0 auto;
}

div.cp-main > div.panel, 
div.cp-main > form > div.panel{ 
    background: #181818; 
}

div.cp-main > div.panel p,
div.cp-main > form > div.panel p{ 
    padding: 0.5rem; 
}

div.cp-main > div.panel dt,
div.cp-main > form > div.panel dt{ color: white; }
div.cp-main > div.panel dd,
div.cp-main > form > div.panel dd{ color: grey; border-color: black; }

div.cp-main > div.panel > div.inner > ul.topiclist,
div.cp-main > form > div.panel > div.inner > ul.topiclist { border: none;  }

div.cp-main > div.panel h3,
div.cp-main > form > div.panel h3{ 
    color: white;
    height: 28px;
    background-image: url('./img/cellpic3.gif');
    background-color: black;
    display: flex;
    align-items: center;
    font-size: 1.1em;
    border: none;
    padding-left: 0.3rem;
    text-transform: capitalize;
}

div.cp-main > form a,
div.cp-main > div.panel a{ color: white; }