body, html {
    font-family: Arial, Roman;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    background-color: #CCCCCC;
    text-align:center;
    height: 100%;
}
body {
    background-image: url(img/main-back.png);
    background-repeat: repeat-x;
    background-position: top left;
}
div {
    white-space: normal;
}
div.body {
    position: relative;
    margin: 0 auto;
    text-align: left;
    width: 816px;
    height: 100%;
}
div.windowcaption {
    position: absolute;
    top: 3px;
    margin: 0px 0px; 
    width: 100%;
    height: 150px;
    text-align: left;
    color: #FFFFFF;
    clear: both;
    background-color: #FFFFFF;
    background-image: url(img/main-capt-back.jpg);
    z-order: -100;
}

/* Common links */
a, a:link, a:visited {
    color: #386AA0;
    font-weight: bold;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}
a:active, a:hover, a:focus {
    color: #D42424;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #386AA0;
}

#masterfooter a, #masterfooter a:link, #masterfooter a:visited {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding: 0px;
    width: 100%;
    display: block;
    margin: 0px;
}
#masterfooter a:active, #masterfooter a:hover, #masterfooter a:focus {
    color: #FFFFFF;
    background-color: #386AA0;
    font-weight: bold;
    width: 100%;
    text-decoration: none;
    border: none;
}


div.panelRb {
    background-image: url(img/overlay-red.png);
    color: #FFFFFF;
    font-size:0px;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
div.panelRRb {
    color: #FFFFFF;
    font-size:0px;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: #D42424;
}
table.topband {
    width: 100%;
    height: 24px;
    margin: 0px;
    border-collapse: collapse;
    background-image: url(img/overlay-red.png);
    border-bottom: 1px solid #FFFFFF;
    
}
table.topband td {
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
}
    table.topband a, table.topband a:link, table.topband a:visited {
        color: #FFFFFF;
        text-decoration: none;
        padding: 0px;
        padding-left: 0px;
        border: none;
        font-weight: normal;
    }
    table.topband a:active, table.topband a:hover, table.topband a:focus {
        color: #FFFF80;
        padding: 0px;
        padding-left: 0px;
        border: none;
        font-weight: normal;
    }

table.topband td.fill {
    width: 100%;
}
h1.topband {
    margin-top: 0px;
    color: #FFFFFF;
    padding: 5px;
    font-size: 24px;
    text-align: right;
    background-image: url(img/overlay.png);
}
h2.redheading {
    height: 24px;
    margin: 0px;
    /*background-image: url(img/overlay-red.png);*/
    background-color: #D42424;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}
h3.redheading {
    height: 16px;
    margin: 0px;
    /*background-image: url(img/overlay-red.png);*/
    background-color: #D42424;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}


div.window {
    position: absolute;
    top: 140px;
    margin: 0px 0px; 
    width: 100%;
    text-align: left;
    color: #FFFFFF;
    clear: both;
}

div.panelWh {
    text-align: center;
    padding: 0px;
}
    
div.panelW {
    background-color: #202020;
    color: #FFFFFF;
    text-align: left;
}
div.panelWb {
    background-color: #202020;
    color: #FFFFFF;
    font-size:0px;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}

div.panelWWh {
    text-align: center;
    padding: 0px;
}
div.panelWW {
    color: #A0A0A0;
    text-align: left;
    background-color: #000000;
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
    padding-left: 5px;
    padding-right: 5px;
    background-image: url(img/footer-back.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
div.panelWWb {
    background-color: #000000;
    color: #A0A0A0;
    font-size:0px;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
}
div.panelWWbt {
    background-color: #A0A0A0;
    color: #A0A0A0;
    font-size:0px;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
}

div.content {
    position: relative;
    background-color: #FFFFFF;
    width: 200px;
    clear: both;
    height: 100%;
    overflow-y: auto;
    color: #000000;
}

/* Panels for #404040 background */
div.panel1h {
    text-align: left;
    padding: 0px;
}
div.panel1b {
    background-color: #FFFFFF;
    color: #000000;
    font-size:0px;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
div.panel1bt {
    background-color: #FFFFFF;
    color: #000000;
    font-size:0px;
    border-left: 2px solid #C0C0C0;
    border-right: 2px solid #C0C0C0;
    border-top: 2px solid #C0C0C0;
    margin-bottom: 0px;
    margin-top: 0px;
}
div.panel1bb {
    background-color: #FFFFFF;
    color: #000000;
    font-size:0px;
    border-left: 2px solid #C0C0C0;
    border-right: 2px solid #C0C0C0;
    border-bottom: 2px solid #C0C0C0;
}
div.panel1 {
    background-color: #FFFFFF;
    color: #000000;
    text-align: left;
}

div.panelR {
    background-color: #FFFFFF;
    color: #000000;
    text-align: left;
    border-left: 1px solid #C40024;
    border-right: 1px solid #C40024;
}
div.panelR1b {
    background-color: #FFFFFF;
    color: #000000;
    font-size:0px;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    border-left: 1px solid #C40024;
    border-right: 1px solid #C40024;
}

div.panel3b {
    background-color: #CCCCCC;
    color: #000000;
    font-size:0px;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
div.panel3bt {
    background-color: #666666;
    color: #000000;
    font-size:0px;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
div.panel3 {
    background-color: #CCCCCC;
    color: #000000;
    text-align: left;
    background-image: url(img/main-back.png);
    background-repeat: repeat-x;
    background-position: top left;
}





ul.mainMenu {
    display: block;
    height: 44px;
    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
    list-style-type: none;
    list-style-position: inside;
    padding: 0px;   
    border-bottom: 1px solid #E0E0E0;
}
    ul.mainMenu li {
        float: left;
        display: block;
        height: 44px;
        width: 151px;
        padding: 0px;
        text-align: center;
        background: #202020 url(img/BlackBtn154.png) no-repeat -1px 0px;
    }
    ul.mainMenu li.barnicat {
        float: left;
        display: block;
        height: 44px;
        width: 50px;
        padding: 0px;
        text-align: center;
        background: url(img/barnicat.png) no-repeat -15px 0px;
    }
    ul.mainMenu li.barnicat:hover {
        float: left;
        display: block;
        height: 44px;
        width: 50px;
        padding: 0px;
        text-align: center;
        background: url(img/barnicat.png) no-repeat -15px 0px;
    }
    ul.mainMenu li:hover {
        float: left;
        display: block;
        height: 44px;
        width: 151px;
        padding: 0px;
        text-align: center;
        background: #202020 url(img/BlackBtn154-withlight.png) no-repeat -1px 0px;
    }
    
    ul.mainMenu li a, ul.mainMenu li a:link, ul.mainMenu li a:visited {
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
        display: block;
        padding: 0px;
        height: 30px;
        width: 100%;
        padding-top: 14px;
    }
    ul.mainMenu li a:active, ul.mainMenu li a:hover, ul.mainMenu li a:focus {
        color: #FFFF80;
        font-weight: bold;
        width: 100%;
        text-decoration: none;
        border: none;
    }
    ul.mainMenu li a:active,  ul.mainMenu li a:focus {
        background: url(img/BlackBtn154-press.png) no-repeat -1px 0px;
        border: none;
    }
    
    ul.mainMenu li.active {
        float: left;
        display: block;
        height: 44px;
        width: 151px;
        padding: 0px;
        text-align: center;
        background: #202020 url(img/BlueBtn154.png) no-repeat -1px 0px;
    }
    ul.mainMenu li.active:hover {
        float: left;
        display: block;
        height: 44px;
        width: 151px;
        padding: 0px;
        text-align: center;
        background: #202020 url(img/BlueBtn154-withlight.png) no-repeat -1px 0px;
    }
    
    ul.mainMenu li.active a, ul.mainMenu li.active a:link, ul.mainMenu li.active a:visited {
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
        display: block;
        padding: 0px;
        height: 30px;
        width: 100%;
        padding-top: 14px;
    }
    ul.mainMenu li.active a:active, ul.mainMenu li.active a:hover, ul.mainMenu li.active a:focus {
        color: #FFFF80;
        font-weight: bold;
        width: 100%;
        border: none;
        text-decoration: none;
    }
    ul.mainMenu li.active a:active,  ul.mainMenu li.active a:focus {
        background: url(img/BlueBtn154-press.png) no-repeat -1px 0px;
        border: none;
    }
    

ul.leftMenu {
    /*border: 1px solid #404040;*/
    list-style: none;
    margin: 0px;
    margin-left: 5px;
    padding: 2px;
    padding-right: 0px;
    font-weight: bold;
    
    /* background-color: transparent; */
}
    ul.leftMenu li {
        list-style: none;
        padding-left: 5px;
        margin: 0px;
        color: #FFFFFF;
        white-space: normal;
    }
    ul.leftMenu a, ul.leftMenu a:link, ul.leftMenu a:visited {
        color: #D42424;
        text-decoration: none;
        padding: 2px;
        padding-left: 5px;
        display: block;
    }
    ul.leftMenu a:active, ul.leftMenu a:hover, ul.leftMenu a:focus {
        display: block;
        color: #FFFFFF;
        padding: 2px;
        padding-left: 5px;
        background-color: #386AA0;
        border: none;
    }
    ul.leftMenu a.selected, ul.leftMenu a.selected:link, ul.leftMenu a.selected:visited {
        color: #FFFFFF;
        display: block;
        padding: 2px;
        padding-left: 5px;
        text-decoration: none;
        background-color: #D42424;
    }
    ul.leftMenu a.selected:active, ul.leftMenu a.selected:hover, ul.leftMenu a.selected:focus {
        padding: 2px;
        padding-left: 5px;
        display: block;
        border: none;
    }
    ul.leftMenu li span.subtext {
        font-weight: normal;
        font-size: 10px;
        padding-left: 10px;
        color: #808080;
    }

    

    
/* Elements inside the content part of the page - general purpose and home page */    

table.bodyContent {
    width: 100%;
    height: 600px;
    border-collapse: collapse;
    margin: 0px;
}
table.bodyContent td {
    white-space: normal;
    vertical-align: top;
    text-align: left;
}
table.bodyContent td.midcolumn {
    padding-left: 10px;
    padding-right: 1px;    
}
table.bodyContent td.left {
    width: 300px;
}
table.bodyContent td.right {
    padding-right: 5px;
    
}
table.bodyContent td.index {
    width: 200px;
    padding: 0px;
    border-right: 2px solid #D42424;
}
table.bodyContent td.payload {
    padding: 0px;
    padding-right: 5px;
    vertical-align: top;
}
div.payloadh {
    padding: 0px;
    margin: auto;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    width: 594px;
}
div.payload1 {
    background-color: #FFFFFF;
    color: #FFFFFF;
    font-size:0px;
    margin: auto;
    height: 1px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 588px;
}
div.payload2 {
    background-color: #FFFFFF;
    color: #FFFFFF;
    font-size:0px;
    margin: auto;
    height: 1px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 590px;
}
div.payload3 {
    background-color: #FFFFFF;
    color: #FFFFFF;
    font-size:0px;
    margin: auto;
    height: 1px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 592px;
}
div.payload {
    background-color: #FFFFFF;
    padding: 2px;
    margin: auto;
    width: 590px;
    color: #000000;
}


h2.portal {
    color: #000000;
    font-size: 12px;
    margin: 0px;
    padding: 2px;
    text-align: center; 
    background-color: #CCCCCC;
}    
div.portal2frame {
    
    background-color: #404040;
    border: 2px solid #D42424;
}    
h3.portal2 {
    color: #FFFFFF;
    font-size: 14px;
    margin: 0px;
    padding: 4px;
}
div.portal2c {
    background-color: #C08040;
    padding:0px;
    margin:0px;
    font-size:0px;
}
div.portal2 {
    margin: 0px;
    margin-bottom: 2px;
    padding: 0px;
}
div.portal2 div.briefcontent {
    padding: 4px;
}
div.portal2 h4 {
    /* background-color: #C08040; */
    color: #C08040;
    font-size: 12px;
    margin: 0px;
    padding: 2px;
}

div.portal3 {
    margin: 0px;
    margin-bottom: 2px;
    padding: 0px;
    padding-right: 10px;
    
}    
div.portal3 div.portalpict {
    border: 2px solid #FFFFFF;
}
div.portal3 div.portalpict:hover {
    border: 2px solid #D42424;
}

table.portalL {
    width:100%;
    margin: 0px;
    border-collapse: collapse;    

}
table.portalL td {
    text-align: left;
    vertical-align: top;
    padding: 0px;
}
table.portalL th {
    text-align: left;
    vertical-align: top;
    padding: 0px;
    height: 20px;
    padding-left: 10px;
    font-size: 12px;
    border-bottom: 1px solid #CCCCCC;
}
table.portalL td.text {
    background-color: transparent;
    padding: 2px;
    
}
table.portalL td.image {
    padding: 0px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    
}


table.minithumbs {
}
table.minithumbs td.thumb {
    border: 1px solid #808080;
    background-color: #C0C0C0;
    width: 40px;
    text-align: center;
    vertical-align: middle;
}
/* BBCode texts */
li.bbcode {
    margin-top: 0px;
    margin-bottom: 0px;
}
/* common entries display styles */
span.dateposted {
    color: #808080;
    font-size: 12px;
    font-weight: bold;
}
span.categories {
    color: #804000;
    font-size: 12px;
}
h2.miscCapt {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    background-color: #CCCCCC;
    border-bottom: 4px solid #000000;
}
h4.attCapt {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background-color: #CCCCCC;
    border-bottom: 2px solid #000000;
    margin: 0px;
    margin-top: 5px;
}

/* Common controls */

    .edittb {
        background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
        position: relative;
    }
    .edittb table.palette {
        display: none;
        position: absolute;
        border-collapse: collapse;
        top: 28px;
        left: 0px;
        background-color: #FFFFFF;
        border: 2px solid #404040;
    }
    .edittb table.dialog {
        display: none;
        position: absolute;
        border-collapse: collapse;
        top: 28px;
        left: 0px;
        color: #000000;
        background-color: #FFFFFF;
        border: 2px solid #404040;
    }
    .edittb table.dialog .textbox {
        width: 250px;
        border: 1px solid #000000;
        background-color: #E8E8E8;
        color: #000000;
        margin: 1px;
    }
    .edittb table.palette td {
        width: 16px;
        height: 16px;
        cursor: pointer;
        color: #000000;
    }

    /* Basic controls */
    .InputButton, .edittb .button, .insertbbcodebuttton {
        border: 0px;
        height: 28px;
        font-size: 12px;
        font-weight: bold;
        margin: 0px;
        vertical-align: middle;
        padding: 0px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        color: #FFFFFF;
        background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
        cursor: pointer;
    }
    .InputButtonPress {
        border: 0px;
        height: 28px;
        font-size: 12px;
        font-weight: bold;
        margin: 0px;
        vertical-align: middle;
        padding: 0px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        color: #FFFFFF;
        background: #202020 url(img/BlueBtn-Bar-press.png) repeat-x center center;
        cursor: pointer;
    }
    .InputButton:hover, .edittb .button:hover, .insertbbcodebuttton:hover {
        border: 0px;
        height: 28px;
        font-weight: bold;
        font-size: 12px;
        padding: 0px;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0px;
        background: #202020 url(img/BlackBtn-Bar-hover.png) repeat-x center center;
        cursor: pointer;
    }
    .InputButton:active, .InputButton:focus, .edittb .button:active, .edittb .button:focus, .insertbbcodebuttton:active, .insertbbcodebuttton:focus  {
        border: 0px;
        height: 28px;
        font-weight: bold;
        font-size: 12px;
        padding: 0px;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0px;
        background: #202020 url(img/BlackBtn-Bar-press.png) repeat-x center center;
        cursor: pointer;
    }
    .InputText {
        border: 1px solid #000000;
        background-color: #E8E8E8;
        color: #000000;
        margin: 1px;
    }
    .ErrorInpClass {
        border: 1px solid #C02020;
        background-color: #C08080;
        color: #FFFFFF;
    }
    select {
        width: auto;
        font-size: 11px;
        background-color: #404040;
        color: #FFFFFF;
    }

/* LanguageSwitch */

.UCLanguage {
    padding: 0px;
    margin: 0px;
    background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
}
    .UCLanguage td {
        vertical-align: middle;
        padding: 0px;
        margin: 0px;
    }
    .UCLanguage td.nonselected {
        text-align: center;
        opacity: 0.5;
        filter: alpha(opacity=50);
        padding-left: 4px;
        padding-right: 4px;
    }
    .UCLanguage td.selected {
        text-align: center;
        background: #202020 url(img/BlueBtn-Bar.png) repeat-x center center;
        /* background-image: url(usercontrols/panelcontrols-resources/white/panel-back2.png);
        background-repeat: repeat-x; */
        background-image: none;
        padding-left: 2px;
        padding-right: 2px;
        border: 1px solid #000000;
    }

/* Language text boxes */
table.UCMulitLang {
    background-color: #404040;
    border: 1px solid #000000;
    color: #FFFFFF;
}
.FieldLangSwitch {
    padding: 0px;
    margin: 0px;
    border: none;
    border-collapse: collapse;
    background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
    width: 100%;
    
}
    .FieldLangSwitch td {
        vertical-align: middle;
        padding: 0px;
        margin: 0px;
        background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
    }
    .FieldLangSwitch td.nonselected {
        text-align: center;
        opacity: 0.5;
        filter: alpha(opacity=50);
        padding-left: 4px;
        padding-right: 4px;
        vertical-align: middle;
    }
    .FieldLangSwitch td.nonempty {
        text-align: center;
        opacity: 1;
        filter: alpha(opacity=100);
        padding-left: 4px;
        padding-right: 4px;
        background-color: #A8A8A8;
        vertical-align: middle;
    }
    .FieldLangSwitch td.selected {
        text-align: center;
        background-image: none;
        background-color: #404040;
        padding-left: 4px;
        padding-right: 4px;
        vertical-align: middle;
        background: #202020 url(img/BlueBtn-Bar.png) repeat-x center center;
    }
    
    .MulitLangField {
        background-color: #E8E8E8;
        border: 1px solid #000000;
        width: 100%;
        font-size: 12px;
        font-family: Arial, Roman;
    }      
    

/* User controls */
div.UCLogin, div.UCErrorMessages {
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px;
}
    div.UCLogin table.formHorizontal {
        background-color: #D42424;
        width: 100%;
        margin: 0px;
        border-collapse: collapse;
    }
    div.UCLogin a, div.UCLogin a:link, div.UCLogin a:visited {
        color: #FFFFFF;
        text-decoration: none;
        padding: 0px;
        padding-left: 0px;
        border: none;
        font-weight: normal;
    }
    div.UCLogin a:active, div.UCLogin a:hover, div.UCLogin a:focus {
        color: #FFFF80;
        padding: 0px;
        padding-left: 0px;
        border: none;
        font-weight: normal;
    }
    
table.UCErrorMessages {
    width: 100%;
    border: 1px solid #000000;
    background-color: #FFFFC0;
}
    table.UCErrorMessages td.image {
        vertical-align: top;
        color: #800000;
        font-style: italic;
        width: 40px;
    }
    table.UCErrorMessages td {
        vertical-align: top;
        color: #800000;
        font-style: italic;
    }
    

/* Selector bars with combo box */    
input.PanelImageButton {
    padding: 0px;
    margin: 0px;
    height: 20px;
}
.SelectorBar {
    width: 100%;
    border-collapse: collapse;
    height: 20px;
    margin: 0px;
    padding: 0px;
}
select.SelectorBar {
    width: auto;
    font-size: 11px;
    background-color: #C0C0C0;
}
    .PanelSelect {
        height: 20px;
        font-size: 10px;
    }
    .SelectorBar img.pixel {
        width: 5px;
    }
    .SelectorBar img.border {
        width: 2px;
    }
    .SelectorBar td {
        background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
        padding: 0px;
        margin: 0px;
        color: #FFFFFF;
    }
    .SelectorBar td:hover {
        background: #202020 url(img/BlackBtn-Bar-hover.png) repeat-x center center;
        padding: 0px;
        margin: 0px;
    }
    .SelectorBar td:active {
        background: #202020 url(img/BlackBtn-Bar-press.png) repeat-x center center;
        padding: 0px;
        margin: 0px;
    }
    .SelectorBar td.panelButton {
        padding: 0px;
        background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
        margin: 0px;
    }
    .SelectorBar td.panelButton:hover {
        padding: 0px;
        background: #202020 url(img/BlackBtn-Bar-hover.png) repeat-x center center;
        margin: 0px;
    }
    .SelectorBar td.leftSide {
        width: 5px;
        padding: 0px;
        background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
    }
    .SelectorBar td.rightSide {
        width: 5px;
        padding: 0px;
        background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
    }
    .SelectorBar td.border {
        width: 2px;
        padding: 0px;
        background-image: url(usercontrols/panelcontrols-resources/white/panel-border.png);
        background-repeat: no-repeat;
    }
.SelectorBarActive {
    width: 100%;
    border-collapse: collapse;
    height: 20px;
}
    .SelectorBarActive img.pixel {
        width: 5px;
    }
    .SelectorBarActive img.border {
        width: 2px;
    }
    .SelectorBarActive td {
        background: #202020 url(img/BlueBtn-Bar.png) repeat-x center center;
    }
    .SelectorBarActive td:hover {
        background: #202020 url(img/BlueBtn-Bar-hover.png) repeat-x center center;
    }
    .SelectorBarActive td:active {
        background: #202020 url(img/BlueBtn-Bar-press.png) repeat-x center center;
    }
    .SelectorBarActive td.panelButton {
        padding: 0px;
        background: #202020 url(img/BlueBtn-Bar.png) repeat-x center center;
        margin: 0px;
    }
    .SelectorBarActive td.panelButton:hover {
        padding: 0px;
        background: #202020 url(img/BlueBtn-Bar-hover.png) repeat-x center center;
        margin: 0px;
    }
    .SelectorBarActive td.leftSide {
        width: 5px;
        padding: 0px;
        background: #202020 url(img/BlueBtn-Bar.png) repeat-x center center;
    }
    .SelectorBarActive td.rightSide {
        width: 5px;
        padding: 0px;
        background: #202020 url(img/BlueBtn-Bar.png) repeat-x center center;
    }
    .SelectorBarActive td.border {
        width: 2px;
        padding: 0px;
        background-image: url(usercontrols/panelcontrols-resources/white/panel-border.png);
        background-repeat: no-repeat;
    }    
    
.PanelListForm {
    width: 100%;
}    


table.form {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}
    table.form td {
        padding: 0px;
    }
    table.form th.formCaption, table.form th.caption {
        font-weight: bold;
        color: #FFFFFF;
        text-align: right;
        font-size: 14px;
    }
    table.form th.subcaption {
        font-weight: bold;
        text-align: right;
        font-size: 12px;
    }
    table.form th.formLabel, table.form th.label {
        font-weight: bold;
        vertical-align: top;
        text-align: left;
    }
    table.form td.formField, table.form td.field {
        font-weight: normal;
        /* width: 100%; */
        text-align: left;
        vertical-align: top;
        padding-left: 2px;
    }
    table.form td.formButtons, table.form td.buttons {
        text-align: right;
        padding: 0px;
        background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
        white-space: nowrap;
        vertical-align: middle;
    }
    table.viewPanel {
        width: 100%;
    }
    
div.BlueForm > table.form {
    background-color:#386AA0;
    border: 4px solid #386AA0;
    color: #FFFFFF;
}    
div.BlueForm > table.form th.caption {
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
    font-size: 14px;
    background-color: #386AA0;
}
div.BlackForm > table.form {
    background-color:#404040;
    color: #FFFFFF;
}
div.BlackForm > table.form th.caption, div.BlackForm > table.form th.formCaption {
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
    font-size: 14px;
    background-color: #000000;
}
    
div.WhiteForm table.form {
    background-color:#404040;
    color: #FFFFFF;
}

/* Image controls */

    table.ImageIconViewSelect, table.ImageListViewSelect {
        width: 100%;
        border-collapse: collapse;
        padding: 0px;
        background-color: #404040;
        color: #FFFFFF;
    }
    table.ImageBrowserfilter {
        width: 100%;
        border-collapse: collapse;
        padding: 0px;
        background-color: #404040;
    }
    table.ImageBrowserfilter th, table.ImageBrowserfilter td {
        text-align: left;
        vertical-align: top;
    }
    table.ImageBrowserfilter td.buttons, table.ImageBrowserfilter th.buttons {
        text-align: left;
        vertical-align: top;
        background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
    }
    table.ImageIconViewSelect td.element {
        width: 25%;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #808080;
        border-bottom: none;
    }
    table.ImageIconViewSelect td.element:hover {
        width: 25%;
        background-color: #000000;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #808080;
        border-bottom: none;
    }
    table.ImageIconViewSelect td.elementtext {
        width: 25%;
        text-align: left;
        padding-left: 20px;
        vertical-align: top;
        border: 1px solid #808080;
        border-top: none;
    }
    table.ImageIconViewSelect td.selected {
        width: 25%;
        background-color: #000000;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #808080;
        border-bottom: none;
    }
    table.ImageIconViewSelect td.selectedtext {
        width: 25%;
        background-color: #000000;
        padding-left: 2px;
        vertical-align: top;
        border: 1px solid #808080;
        border-top: none;
    }
    
    table.ImageListViewSelect td.element {
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #808080;
    }
    table.ImageListViewSelect td.elementtext {
        width: 100%;
        text-align: left;
        vertical-align: top;
        border-bottom: 1px solid #808080;
    }
    table.ImageListViewSelect td.elementtext:hover {
        width: 100%;
        text-align: left;
        vertical-align: top;
        background-color: #000000;
        border-bottom: 1px solid #808080;
    }
    table.ImageListViewSelect td.selected {
        background-color: #000000;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #808080;
    }
    table.ImageListViewSelect td.selectedtext {
        width: 100%;
        background-color: #000000;;
        vertical-align: top;
        border-bottom: 1px solid #808080;
    }

/* Tree selector */
    blockquote.treeBranch {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 16px;
    }
    div.dropDownSelector {
        /* width: 100%; */
        background-color:#FFFFFF;
        border: 2px solid #386AA0;
        border-collapse: collapse;
        padding: 0px;
        color: #000000;
        position: absolute;
        z-index: 100;
    }
    .TreeItem {
        font-weight: normal;
        font-style: normal;
        
    }
    .TreeItemSelected {
        font-weight: bold;
        font-style: normal;
    }

/* Grids */
    
.UCSimpleGrid {
    border: 1px solid #808080;
    border-collapse: collapse;
    width: 100%;
    background-color: #404040;
    white-space: nowrap;
    margin: 0px;
    color: #FFFFFF;
    /* background-image: url(img/imageframe.jpg); */
}
    .UCSimpleGrid tr.heading  {
        /* background-color: #C08080; */
        color: #000000;
        text-align: left;
    }
    .UCSimpleGrid tr.heading th {
        color: #000000;
        text-align: left;
        background-image: url(usercontrols/panelcontrols-resources/white/panel-back.png);
        background-repeat: repeat-x;
        font-weight: normal;
    }
    .UCSimpleGrid tr.heading th:hover {
        color: #000080;
        text-align: left;
        background-image: url(usercontrols/panelcontrols-resources/white/panel-back2.png);
        background-repeat: repeat-x;
        font-weight: normal;
    }
    .UCSimpleGrid tr.filter  {
        background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
        color: #000000;
        text-align: left;
        height: 20px;
    }
    .UCSimpleGrid tr.panel  {
        /* background-color: #C08080; */
        color: #000000;
        background-color: #FFFFFF;
        text-align: left;
        font-weight: normal;
    }
    /*.UCSimpleGrid tr.filter input, .UCSimpleGrid tr.SimpleGrid select {
        background-color: #404040;
        color: #FFFFFF;
    }*/
    .UCSimpleGrid tr.pager th {
        background: #202020 url(img/BlackBtn-Bar.png) repeat-x center center;
        color: #FFFFFF;
        text-align: left;
        border-top: 1px solid #208020;
    }
    .UCSimpleGrid tr.odd th.rownumber, .UCSimpleGrid tr.even th.rownumber {
        border-right: 1px solid #208020;
    }
    .UCSimpleGrid tr.odd {
        background-color: #404040;
        text-align: left;
    }
    .UCSimpleGrid tr.selected {
        background-color: #D42424;
        text-align: left;
    }
    .UCSimpleGrid tr.even {
        background-color: #000000;
        text-align: left;
    }
    .UCSimpleGrid tr.even:hover {
        background-color: #386AA0;
        text-align: left;
    }
    .UCSimpleGrid tr.odd:hover {
        background-color: #386AA0;
        text-align: left;
    }
    .UCSimpleGrid tr.selected:hover {
        background-color: #D42424;
        text-align: left;
    }
        /*
        .SimpleGrid td.ordered {
            background-color: #F0FFC0;
        }
        */
    .UCSimpleGrid .FilterControl {
        background-color: #404040;
        color: #FFFFFF;
    }
/* Items and attachments */  
    
div.attGallery {
    width: 100%;
}
div.attGallery div.thumbnail {
    border: 2px dotted #C0C0C0;
    background-color: #E0E0E0;
    width: 125px;
    height: 140px;
    margin: 5px;
    overflow-y: hidden;
}

div.attGallery div.thumbnail p {
    color: #404040;
    font-size: 10px;
    margin-top: 0px;
}

div.itemGalleryEntry {
    border: 4px solid #404040;
    width: 170px;
    height: 230px;
    overflow-y: hidden;
    margin: 5px;
    text-align: center;
    color: #FFFFFF;
    background: #000000 url(img/upperlight.png) no-repeat left top;
    
}
div.itemGalleryEntry h3 {
    margin: 0px;
}
img.itemImage {
    width: 550px;
    text-align: center;
}    


/* calendar */
div.UCCalendar {
    width: 250px;
    position:relative;
}
div.UCCalendar .timeHour, div.UCCalendar .timeMin {
    width: 30px;
    font-family: Arial;
    font-size: 11px;
    border: 1px solid #000000;
}
div.UCCalendar input.calendarChange, div.UCCalendar input.calendarMonth {
    color: #808080;
    font-weight: normal;
    background-color: #C0C0C0;
    border: none;
    width: 20px;
    margin: 0px;
    cursor: pointer;
    border: 1px outset #C0C0C0;
}
div.UCCalendar input.calendarChange:hover, div.UCCalendar input.calendarMonth:hover {
    background-color: #E0E000;
}
div.UCCalendar select.calendarYear, div.UCCalendar select.calendarMonth {
    font-family: Arial;
    font-size: 11px;
    border: 1px solid #000000;
    background-color: #C0C0C0;
}
table.calendar {
    border: 1px outset #808080;
    border-collapse: collapse;
    padding: 0px;
    width: 250px;
    background-color: #C0C0C0;
    position: absolute;
    z-order: 50;
}    
table.calendar td {
    padding: 0px;
    margin: 0px;
}
table.calendar td.dayname {
    text-align: center;
    font-size: 11px;
    color: #202040;
}
div.UCCalendar td.controls, div.UCCalendar td.time {
    /* padding: 0px;
    margin: 0px;
    border: 1px outset #C0C0C0; ; */
    padding-left: 20px;
    text-align: left;
}

div.UCCalendar .btnForeign {
    color: #808080;
    font-weight: normal;
    background-color: #C0C0C0;
    border: none;
    width: 100%;
    margin: 0px;
    cursor: pointer;
}
div.UCCalendar .btnForeign:hover {
    background-color: #E0E000;
}
div.UCCalendar .btnWorkday {
    color: #000000;
    background-color: #E0E0FF;
    font-weight: bold;
    border: none;
    width: 100%;
    margin: 0px;
    cursor: pointer;
    border: 1px outset #E0E0FF;
}
div.UCCalendar .btnWorkday:hover {
    background-color: #E0E000;
}
div.UCCalendar .btnHoliday {
    color: #800000;
    background-color: #E0E0FF;
    font-weight: bold;
    border: none;
    width: 100%;
    margin: 0px;
    cursor: pointer;
    border: 1px outset #E0E0FF;
}
div.UCCalendar .btnHoliday:hover {
    background-color: #E0E000;
}
div.UCCalendar .btnToday {
    color: #000000;
    background-color: #C0FFC0;
    font-weight: bold;
    text-decoration: underline;
    border: none;
    width: 100%;
    margin: 0px;
    cursor: pointer;
    border: 1px outset #C0FFC0;
}
div.UCCalendar .btnToday:hover {
    background-color: #E0E000;
}