﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}categories

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

DIV#rightside { 
    float: right; 
    width: 25em; 
    padding: .3em; 
}

div#rightside a
{
    font: bold 1.1em "Arial Narrow", "Franklin Gothic Medium", Arial; display: block;
    text-decoration: none; padding: .6em; color: #688899;
    border-bottom: 1px solid #ECF1F2;
}

div#rightside a.selected {background-color: #666; color: white;}

div#rightside a:hover {background-color: #CCC;}

div#rightside a.selected:hover {background-color: #666;}

DIV#leftside { 
    float: left; 
    width: 16em; 
    padding: .3em; 
}

div#leftside a
{
    font: bold 1.1em "Arial Narrow", "Franklin Gothic Medium", Arial; display: block;
    text-decoration: none; padding: .6em; color: #688899;
    border-bottom: 1px solid #ECF1F2;
}

div#leftside a.selected {background-color: #666; color: white;}

div#leftside a:hover {background-color: #CCC;}

div#leftside a.selected:hover {background-color: #666;}

div.itemDivider {
    border-top: 2px solid silver;
    padding: .5em 0 0 0; margin-top: 1em;
}

DIV.pager A { 
    font-size: 1.1em; 
    color: #666; 
    text-decoration: none;
    padding: 0 .4em 0 .4em; 
}

DIV.pager A:hover { 
    background-color: Silver; 
}

DIV.pager A.selected { 
    background-color: #353535; 
    color: White; 
}