﻿.graph {
    position: relative; /* IE is dumb */
    border: 1px solid #FEE179;
    padding: 1px;
    margin-top: 3px;
    margin-bottom: 3px;
}

    .graph .bar {
        display: block;
        position: relative;
        background: #FEFFAA;
    }

        .graph .bar span {
            position: absolute;
            left: 2px;
        }

        .graph .bar .barpercent {
            font-weight: bold;
        }

        .graph .bar .baranswer {
            position: relative;
            left: 35px;
            white-space: nowrap;
        }

body {
    margin: 0px;
    background: #FED36B url(img/background_main.jpg) repeat-y center top;
    font-family: 'Times New Roman', Times, serif;
}

img {
    border: 0px;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0px 0px 0.4em;
}

h1 {
    font-size: 1.8em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.8em;
}

dt {
    font-weight: bold;
    font-size: 1.1em;
}

hr {
    display: block;
    border: none;
    height: 16px;
    background: url(img/rule-short.fw.png) no-repeat scroll center;
}

a {
    color: #755E32;
    text-decoration: none;
}

    a:visited {
        color: #755E32;
    }

    a:hover {
        color: #755E32;
        text-decoration: underline;
    }

thead, th {
    background-color: #FED36B;
}

th, td {
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 0.9em;
}

#Page {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 780px; /*     border-right: #C89F3D solid;     border-left: #C89F3D solid;     */
}

.Header {
    width: 780px;
    border-width: 0px;
    border-spacing: 0px;
    padding: 0px;
    border-collapse: collapse;
}

#pNotProduction {
    width: 705px;
    position: fixed;
    font-size: small;
    background-color: #FF9933;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 100;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-left: 1em;
}

#RandomBox {
    width: 124px;
    font-style: italic;
    text-align: center;
    float: left;
    line-height: 13px;
    padding-bottom: 3px;
}

#RandomBoxHead {
    background: url(img/NavBackground.jpg) repeat-x;
    color: #FFFF00;
}

#BannerBox {
    text-align: center;
}

.AutoComplete {
    visibility: hidden;
    border: 1px solid #C0C0C0;
    margin: 0px 0px 0px 0px;
    padding: 2px;
    list-style-type: none;
    background-color: #FFFFFF;
    z-index: 500000;
}

#LoginBanner {
    width: 144px;
    color: white;
    font-family: Arial;
    font-weight: bold;
    font-size: 0.7em;
    text-align: center;
    float: right;
}

#AnonymousLogin {
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 3px;
    padding-bottom: 15px;
    background-position: center bottom;
    background-image: url(img/LoginBanner.gif);
    background-repeat: no-repeat;
    float: left;
}

.LoggedIn {
    text-align: right;
}

.LoginLine {
    width: 98px;
    padding-bottom: 2px;
}

.LoginLine3 {
    font-size: 1em;
    color: yellow;
    width: 98px;
}

    .LoginLine3 a {
        font-size: 1em;
        color: yellow;
        width: 98px;
    }

.FloatRight {
    float: right;
}

.FloatLeft {
    float: left;
}

.Clear {
    clear: both;
}

.DeviceLeft {
    float: left;
    margin-right: 0em;
    margin-right: 1em;
    margin-bottom: 1em;
    margin-top: 0.9em;
}

.miniEditImage {
    margin-left: -14px;
}

#Nav {
    background: url(img/NavBackground.jpg) repeat-x;
    height: 25px;
    clear: both;
}

#BreadCrumb {
    font-size: 0.75em;
    height: 20px;
    clear: both;
}

#MessageAlert, .MessageAlert {
    border-style: outset;
    margin: 150px;
    padding: 25px;
    color: white;
    background-color: red;
    width: 330px;
    text-align: center;
    z-index: 1000;
    top: 100px;
    position: fixed;
}

#Alert, .Alert {
    color: red;
    font-weight: bold;
}

    #Alert a, .Alert a {
        color: red;
        font-weight: bold;
        text-decoration: underline;
    }


#LoginAlert, .LoginAlert {
    color: #FF9900;
    font-size: small;
}

h4 {
    color: black;
    background: url(img/NavBackground.jpg) repeat-x;
    padding-right: 5px;
    padding-left: 5px;
    margin-left: -8px;
    margin-right: -8px;
}

#Content {
}

#LeftContentPanel {
    float: left;
    width: 240px; /*position: relative; */
}

.Small {
    font-size: 0.8em;
}

.Tiny {
    font-size: 0.6em;
    line-height: normal;
}

.Big {
    font-size: 1.6em;
}

.Box {
    border-right: #fee179 1px solid;
    border-top: #fee179 1px solid;
    border-left: #fee179 1px solid;
    border-bottom: #fee179 1px solid;
    background-color: #FEED85;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.PeerBox, .PeerBoxDeceased {
    background-image: url(img/PeerBlank.gif);
    background-repeat: no-repeat;
    width: 180px;
    height: 30px;
    text-align: center;
    padding: 10px;
    padding-right: 45px;
}

.PeerBoxDeceased {
    background-image: url(img/PeerDeceased.gif);
}

    .PeerBoxDeceased a {
        color: #feff97;
    }

.LeftContent {
    margin-bottom: 10px;
    padding-bottom: 15px;
    vertical-align: top;
    background-position: 0% bottom;
    background-image: url(img/BannerBackground.gif);
    background-repeat: no-repeat;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
}

.LeftRoyalContent {
    margin-bottom: 10px;
    padding-bottom: 150px;
    vertical-align: top;
    background-position: 0% bottom;
    background-image: url(img/RoyalBanner.gif);
    background-repeat: no-repeat;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
}

    .LeftRoyalContent h3, .LeftRoyalContent h4 {
        margin: 0px 0px 5px;
        padding: 0px;
    }

#RightContentPanel {
    margin-left: 245px; /*position:relative; */
}

.RightContent {
    padding: 0.5em;
    margin-bottom: 0.5em;
    border-right: #fee179 1px solid;
    border-top: #fee179 1px solid;
    border-left: #fee179 1px solid;
    border-bottom: #fee179 1px solid;
    background-position: 0% 0%;
    background-attachment: scroll;
    background-repeat: repeat-y;
    background-color: #feffaa;
}

#Footer {
    color: #C89F3D;
    text-align: center;
    margin-top: 10px;
    font-size: 0.85em;
}

.SearchResults {
    background-color: #FEE77F;
    border-right: #fee77f thick solid;
    border-top: #fee77f thick solid;
    border-left: #fee77f thick solid;
    border-bottom: #fee77f thick solid;
}

.Dim {
    color: #CC9900;
}

.WaterMark {
    color: #CC9900;
}

.WaterMarkUserName, .WaterMarkPassword {
    color: White;
    text-indent: 2px;
    vertical-align: middle;
    text-align: right;
    margin-left: 2px;
    background-repeat: no-repeat;
}

.WaterMarkUserName {
    background-image: url(img/Login/UserName.png);
}

.WaterMarkPassword {
    background-image: url(img/Login/Password.png);
}

.none, .hide {
    display: none;
}

.AccordionContent {
    background-color: #FEE77F;
    padding-bottom: 10px;
}

.AspNet-GridView-Alternate {
    background-color: #FEE77F;
}


li.AspNet-TreeView-Root {
    padding-top: 5px;
}

    li.AspNet-TreeView-Root li {
        padding-left: 20px;
    }

.nsMenu ul.AspNet-Menu {
    z-index: 500;
    font-size: 12px;
}

    .nsMenu ul.AspNet-Menu ul /* Tier 2 */ {
        width: 175px;
        top: 100%;
        left: 0;
        background: transparent url(img/MenuBanner.gif) bottom center no-repeat;
        padding-bottom: 27px;
        z-index: 600;
    }

        .nsMenu ul.AspNet-Menu ul ul /* Tier 3+ */ {
            top: 0em;
            left: 175px;
        }


.nsMenu li /* all list items */ {
    /* width: 6em; */
}

.nsMenu ul.AspNet-Menu li li /* all list items */ {
    width: 175px;
}

.nsMenu li:hover, /* list items being hovered over */ .nsMenu li.AspNet-Menu-Hover {
    background: #000000;
}

.nsMenu a, .nsMenu span {
    color: Black;
    background: transparent url(img/arrowRight.gif) right center no-repeat;
    padding-right: 18px;
    padding-left: 6px;
    padding-bottom: 2px;
    padding-top: 4px;
}

.nsMenu li.MLf a, /* leaves */ .nsMenu li.MLf span {
    background-image: none !important;
}

.nsMenu li:hover a, /* hovered text */ .nsMenu li:hover span, .nsMenu li.AspNet-Menu-Hover a, .nsMenu li.AspNet-Menu-Hover span, .nsMenu li:hover li:hover a, .nsMenu li:hover li:hover span, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .nsMenu li:hover li:hover li:hover a, .nsMenu li:hover li:hover li:hover span, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .nsMenu li:hover li:hover li:hover li:hover a, .nsMenu li:hover li:hover li:hover li:hover span, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .nsMenu li:hover li:hover li:hover li:hover li:hover a, .nsMenu li:hover li:hover li:hover li:hover li:hover span, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span {
    color: #FFCC33;
    background: transparent url(img/activeArrowRight.gif) right center no-repeat;
}

.nsMenu li:hover li a, /* the tier above this one is hovered */ .nsMenu li:hover li span, .nsMenu li.AspNet-Menu-Hover li a, .nsMenu li.AspNet-Menu-Hover li span, .nsMenu li:hover li:hover li a, .nsMenu li:hover li:hover li span, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span, .nsMenu li:hover li:hover li:hover li a, .nsMenu li:hover li:hover li:hover li span, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span, .nsMenu li:hover li:hover li:hover li:hover li a, .nsMenu li:hover li:hover li:hover li:hover li span, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .nsMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span {
    color: Black;
    background: transparent url(img/arrowRight.gif) right center no-repeat;
}

.nsMenu .Ms {
    /*border: solid 1px #00ff00 !important;*/
    font-weight: bold;
}

.nsMenu .McS /* a tier below this one is selected */ {
    /*border: solid 1px #ff0000 !important;*/
}

.nsMenu .MpS /* a tier above this one is selected */ {
    /*border: solid 1px #0000ff !important;*/
}

/*CollapsiblePanel*/
.collapsePanel {
    background-color: #FEE77F;
    overflow: hidden;
    margin-bottom: 10px;
}

.collapsePanelHeader {
    width: 100%;
    background-color: #FEFF97;
    font-weight: bold;
    margin-bottom: 3px;
}

.KingdomImages {
    width: 95px;
    padding-bottom: 15px;
}

#AutoComplete {
    width: auto !important;
    overflow: visible !important;
}

    #AutoComplete div {
        font-size: x-small !important;
    }

.AutoCompleteTextBox {
    font-size: 0.8em;
}


.CalendarDropdown td {
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
}

.CalendarDropdown .ajax__calendar_body {
    height: 112px;
}

.CalendarDropdown .ajax__calendar_month, .CalendarDropdown .ajax__calendar_year {
    height: 35px;
}

.CalendarDropdown .ajax__calendar_container {
    background-color: white;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}




/* mouseover row style */
.row-over {
    background-color: #FFFCBF;
}

/* mouseover row style */
.row-select {
    background: #FED36B;
}

.cell-over {
    background-color: #FED36B;
}

.cell-select {
    background-color: #FFFCBF;
}




.alternatingrowstyle {
    background-color: #f9f9f9;
}

.headerstyle {
    background-color: #e5e5e5;
    height: 23px;
}

    .headerstyle th {
        border: 1px solid #bbbbbb;
        padding-left: 5px;
        text-align: left;
    }

    .headerstyle a {
        color: black;
    }

.sortalternatingrowstyle {
    background-color: #e5e5e5;
}

.sortrowstyle {
    background-color: #f0f0f0;
}

.sortascheaderstyle {
    background: #c5c5c5 url(Img/sort_asc.gif) no-repeat scroll right center;
    padding-left: 5px;
}

.sortdescheaderstyle {
    background: #c5c5c5 url(Img/sort_desc.gif) no-repeat scroll right center;
    padding-left: 5px;
}

.pagerstyle {
    color: #444444;
    background-color: #e5e5e5;
    font-size: x-small;
    text-align: right;
}

    .pagerstyle select {
        font-size: x-small;
    }

.previous {
    background: transparent url(Img/previous.gif) no-repeat scroll center;
    height: 1.3em;
    width: 16px;
}

.next {
    background: transparent url(Img/next.gif) no-repeat scroll center;
    height: 1.3em;
    width: 16px;
}

.gotopage {
    font-size: x-small;
    width: 20px;
}

.x {
    display: block;
    color: #00FF00;
}

legend {
    color: #FF0000;
}

fieldset {
    position: relative;
}
