body 
{
    background-color:#45516f;
}

#OnionDirMenu
{
    font:14px Verdana;
    Width : 950px 	
}

#OnionDirMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f1f1f1;
    border: 1px solid #555;
}

#OnionDirMenu li {
    float: left;
}

#OnionDirMenu li a {
    display: block;
    color: black;
    padding: 15px 15px;
    text-decoration: none;
}

#OnionDirMenu li a:hover:not(.active) {
    background-color: #555;
    color: white;
}

#OnionDirMenu .active {
    background-color: #4CAF50;
    color: white;
}

#VerticalMenu
{
    font:12px Verdana;
    margin: 0;
}

#VerticalMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 180px;
    background-color: #f1f1f1;
    border: 1px solid #555;
    position: fixed;
    overflow: auto;
}

#VerticalMenu li a {
    display: block;
    color: #000;
    padding: 8px 8px;
    text-decoration: none;
}

#VerticalMenu li {
    text-align: center;
    border-bottom: 1px solid #555;
}

#VerticalMenu li:last-child {
    border-bottom: none;
}

#VerticalMenu li a.active {
    background-color: #4CAF50;
    color: white;
}

#VerticalMenu li a:hover:not(.active) {
    background-color: #555;
    color: white;
}

.website 
{
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    background: #dddddd;
    padding: 5px;
}

.website .preview 
{
    border: 2px solid black;
    height: 150px;
    width: 150px;
    margin-right: 20px;
    background:url("images/noimg.jpg") no-repeat center center;
}

.website .details 
{
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
}

.website-header
{
    display: flex;
    flex-direction: row;
    align-items: center;
    font:20px Verdana;
}

.website-content 
{
    flex: 1 0 0;
    padding-top: 10px;
    padding-bottom: 20px;
    text-overflow: ellipsis;
}

.website-footer 
{
    display: flex;
    flex-direction: row;
    padding-bottom: 10px;
}

.vote
{
    display: flex;
    flex-direction: row;
    margin-left: 10px;
}

.vote a
{
    padding-top: 3px;
    padding-bottom: 3px;
    position: relative;
}

.vote-pos:before
 {
    position :absolute;
    content: '';
    left: 2px;
    top: 28%;
    height: 32px;
    width: 32px;
    background: url('images/voteyes.png') no-repeat;
    margin-top: -10px;
}

.vote-neg:before 
{
    position: absolute;
    content: '';
    left: 2px;
    top: 28%;
    height: 32px;
    width: 32px;
    background: url('images/voteno.png') no-repeat;
    margin-top: -10px;
}

.vote-pos, .vote-neg 
{
    padding-left: 40px;
    padding-right: 10px;
    margin-right: 5px;
}

.opinion 
{
    margin-top: 30px;
}

.opinion-header 
{
    display: flex;
    flex-direction: row;
    position: relative;
}

.opinion-header .date 
{
   flex: 1 0 0;
   text-align: right;
}

.opinion-header .date span 
{
   padding: 2px 10px;
   border: 1px solid #dddddd;
   border-radius: 10px;
   background: #f1f1f1;
}

.opinion-content 
{
   padding-top: 20px;
}

.link
{
   font:13px Verdana;
}
.pagination 
{
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
}

.pagination a 
{
   padding: 4px;
   text-align: center;
   width: 30px;
   border: 1px solid #555;
   border-radius: 6px;
   margin: 1px;
   background: linear-gradient(to left, white, #555);
}

.ValidateFields
{
    margin:0 auto;
    padding:2px;
    text-align:center;
    direction:ltr;
    line-height:30px;
    background-color:red;
    font:16px Tahoma;
    color:white;
}

.WarningPanel
{
    margin:0 auto;
    padding:15px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    border-color:white;
    border-style:solid;
    border-width:2px;
    text-align:center;
    direction:ltr;
    line-height:30px;
    font:14px Verdana;
    background-color:#7e0e06;
    color:white;
    margin-left:22%;
}

.MovingPanel
{
    margin:0 auto;
    padding:15px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    border-color:#5c3505;
    border-style:solid;
    border-width:1px;
    text-align:center;
    direction:ltr;
    line-height:30px;
    font:14px Verdana;
    background-color:#fff8db;
    color:#5c3505;
}

.HeaderPanel
{
    margin:0 auto;
    padding:15px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-color:white;
    border-style:solid;
    border-width:2px;
    text-align:center;
    font-family:Tahoma;
    font-size:14px;
    color:black;
    background:#a07d1b;
    margin-left:22%;
}

.Container
{
    margin:0 auto;
    padding:15px;
    width:600px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    border-color:white;
    border-style:solid;
    border-width:2px;
    text-align:left;
    direction:ltr;
    line-height:30px;
    font:14px Verdana;
    table-layout:auto;
    color:black;
    background-color: #f1f1f1;
    margin-left:22%;
}

.DataPanel
{
    margin:0 auto;
    padding:15px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    border-color:white;
    border-style:solid;
    border-width:2px;
    text-align:left;
    direction:ltr;
    font:14px Verdana;
    background-color:#FFFBD6;
    color:black;
    margin-left:22%;
}

.Buttons
{
    text-align:center;
    font:16px verdana;
    color:Black;
    margin-bottom: 0px;
}

.TextBoxes
{
    font:14px verdana;
    color:Black;
}

.Labels
{
    text-align:right;
    font:14px verdana;
}