﻿        body { background-color: #dee2e3; background-image: url(images/bg.png); background-repeat: repeat-x; margin: 0 auto; }
        #container { margin: 0 auto; text-align: center; background: url(images/container_shadow.png) repeat-y; width: 960px; padding-left: 9px; padding-right: 8px; }
        #header { width: 960px; height: 170px; background-image: url(images/header_sercc.jpg); }
        #header h1 { text-indent: -3000em; }
        #header h2 { text-indent: -3000em; }
        #mainNav { text-indent: 0; width: 960px; text-align: center; color: #fff; font-family: Georgia; margin-top: 70px; }
        #mainNav a { text-decoration: none; }
        #mainNav a:hover { text-decoration: underline; }
        #map { width: 635px; height: 398px; }
        #maincontent { padding: 5px; width: 950px; text-align: left; }
        #leftcontainer { float: left; }
        .leftbar { width: 290px; margin-left: 0; margin-right: 4px; margin-bottom: 5px; padding: 5px 4px 5px 4px; background-color: #73764f; font-family: Georgia; color: #b0b579; }
        .leftbar p { font-size: 0.8em; }
        #notifications { width: 270px; background-color: #3f412b; font-size: 90%; padding: 10px; margin-top: 5px; }
        .labelCol { color: #b4cd95; }
        td.labelCol { vertical-align: top; }
        .darkbg { background-color: #3f412b; }
        #stats table td { padding: 2px; }
        #stats table td { font-size: 80%; }
        .rightbar { width: 634px; padding: 5px; background-color: #73764f; float: right; font-family: Georgia; color: #b0b579; }
         .fullwidth { width: 940px; padding: 5px; background-color: #73764f; float: right; font-family: Georgia; color: #b0b579; }
        .rightbar p { font-size: 0.8em; }
        a { color: #fff; text-decoration: none; text-decoration: underline; }
        a:hover { text-decoration: underline; }
        span.username { color: #fff; }
        h1 { font-family: Verdana, helvetica; color: #fff; font-size: 1.2em; letter-spacing: -0.08em; margin-bottom: 0.2em; margin-top: 0; }
        h2 { font-family: Verdana, helvetica; color: #fff; font-size: 1.1em; letter-spacing: -0.08em; margin-bottom: 0.2em; margin-top: 0; }
        h3 { font-family: Verdana, helvetica; color: #fff; font-size: 1.0em; letter-spacing: -0.08em; margin-bottom: 0.2em; margin-top: 0; }
        p { margin-bottom: 0.2em; margin-top: 0.2em; }
        #search { width: 290px; height: 25px; background-image: url(images/search_bg.png); }
        #search input.query { background: transparent; border: none; font-family: verdana; font-size: 0.8em; width: 250px; margin: 2px; letter-spacing: 0; }
        .leftbartext { font-family: verdana; font-size: 0.8em; width: 280px; margin: 2px; letter-spacing: 0; }
        #search table { width: 288px; }
        img { border: none; padding: 0; margin: 0; vertical-align: middle; }
        table td { padding: 0; margin: 0; vertical-align: top; font-family: Lucida Sans Unicode, Lucida Grande; }
        div.jsonSuggestResults { position: absolute; border: 1px solid #CCC; padding: 0px; margin: 0px 2px; z-index: 100; }
        div.jsonSuggestResults div.resultItem { margin: 0px; padding: 5px; position: relative; height: auto; cursor: pointer; height: 29px; border-bottom: 1px solid #ddd; }
        div.jsonSuggestResults div.resultItem.odd { background-color: #fff; }
        div.jsonSuggestResults div.resultItem.even { background-color: #FFFFFF; }
        div.jsonSuggestResults div.resultItem.hover { background-color: #73764f; color: #fff; }
        div.jsonSuggestResults div.resultItem img { float: left; margin-right: 10px; }
        div.jsonSuggestResults div.resultItem p { margin: 0px; padding: 0px; }
        div.jsonSuggestResults div.resultItem p strong { font-weight: bold; text-decoration: underline; }
        div.jsonSuggestResults div.resultItem p.extra { font-size: x-small !important; position: absolute; bottom: 3px; right: 3px; }
        #popup_container { font-family: Arial, sans-serif; font-size: 12px; min-width: 300px; /* Dialog will be no smaller than this */ max-width: 600px; /* Dialog will wrap after this width */ background: #FFF; border: solid 5px #999; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
        #popup_title { font-size: 14px; font-weight: bold; text-align: center; line-height: 1.75em; color: #666; background: #CCC url(images/title.gif) top repeat-x; border: solid 1px #FFF; border-bottom: solid 1px #999; cursor: default; padding: 0em; margin: 0em; }
        #popup_content { background: 16px 16px no-repeat url(images/info.gif); padding: 1em 1.75em; margin: 0em; }
        #popup_content.alert { background-image: url(images/important.gif); }
        #popup_content.confirm { background-image: url(images/important.gif); }
        #popup_content.prompt { background-image: url(images/help.gif); }
        #popup_message { padding-left: 48px; }
        #popup_panel { text-align: center; margin: 1em 0em 0em 1em; }
        #popup_prompt { margin: .5em 0em; }
        /* Tabs
----------------------------------*/.ui-tabs { padding: .2em; zoom: 1; }
        .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
        .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; border: solid 1px #b4cd95; }
        .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; font-family: Lucida Sans Unicode, Lucida Grande; color: #eaecd0; }
        .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background-color: #3f412b; }
        .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; font-weight: bold; }
        .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
        /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
        .ui-tabs .ui-tabs-hide { display: none !important; }
        .tabdetail { width: 930px; color: #fff; border: solid 1px #b4cd95; background-color: #3f412b; }
        .tooltip { color: #73764f; }
        .tooltip a { color: #73764f; text-decoration: underline; font-weight: bold; }
        table#register td { padding: 2px; }
        .error { color: Red; font-weight: bold; border: solid 1px #fff; padding: 5px; background: #fff; }
        .bottombar { width: 940px; padding: 5px; background-color: #73764f; margin-top: 5px; font-family: Lucida Sans Unicode, Lucida Grande; }
        .bottombar p { font-size: 80%; }
        .selected { color: #3f412b; font-family: Lucida Sans Unicode, Lucida Grande; font-weight: normal; }
        .footer { margin-top: 10px; font-size: 60%; width: 940px; padding: 5px; background-color: #3f412b; font-family: Lucida Sans Unicode, Lucida Grande; color: #73764f; text-align: right; }
        .paneldropdown { padding: 10px; border: solid 1px #3f412b; background: #73764f; color: #3f412b; font-family: Lucida Sans Unicode, Lucida Grande; text-align: right; z-index: 1000; }
        .paneldropdown a { display: block; padding: 5px; color: #eaecd0; }
        .lefthalf { width: 467px; float: left; }
        .righthalf { width: 467px; float: right; }
        .accordion { width: 467px; padding: 0; border: solid 1px #b4cd95; margin-top: 4px; }
        .accordion .header { width: 463px; padding: 2px; height: 17px; border-bottom: solid 1px #b4cd95; font-family: Verdana, helvetica; color: #fff; font-size: 1em; letter-spacing: -0.04em; margin-top: 0; font-weight: bold; background-image: url(images/detail_header_open.png); cursor: pointer; }
        .accordion div.closed { background-image: url(images/detail_header_closed.png) !important; }
        .accordion .content { padding: 10px; background-color: #616642; color: #fff; font-family: Lucida Sans Unicode, Lucida Grande; }
        .inneraccordion .content { padding: 10px; background-color: #616642; color: #fff; font-family: Lucida Sans Unicode, Lucida Grande; }
        .inneraccordion .innerheader { width: 463px; padding: 2px; height: 17px; border-bottom: none; font-family: Verdana, helvetica; color: #616642; text-transform: uppercase; font-size: 0.8em; letter-spacing: -0.04em; font-weight: bold; background-image: url(images/detail_header_inner_open.png); cursor: pointer; text-indent: 20px; margin-top: 1px; }
        .inneraccordion div.closed { background-image: url(images/detail_header_inner_closed.png) !important; }
        .inneraccordion .innercontent { background-color: #616642; }
        .actionTitle { width: 410px; float: left; overflow: hidden; height: 1.2em; color: #b4cd95; font-weight: normal; }
        .action { height: 1.4em; font-size: 90%; }
        .actionDetails { background-color: #475030; border-top: solid 1px #b4cd95; border-bottom: solid 1px #b4cd95; }
        .actionDetails .actionTitle { color: #fff; font-size: 90%; }
        .actionDetails .number { color: #fff; font-size: 90%; }
        .actionDetails table { margin-top: 4px; margin-left: 30px; }
        .actionDetails table td { font-size: 80%; }
        .subtle { background: transparent; border: none; color: #fff; width: 100%; width: 280px; font-family: Lucida Sans Unicode, Lucida Grande; overflow: hidden; font-size: 1em; margin-left: 8px;  border: solid 1px #b4cd95;}
        .subtle.disabled { border: solid 1px #475030 !important;}
        
        .edit { border: solid 1px #b4cd95; }
        .action a { color: #b4cd95; text-decoration: none; }
        .action a:hover { text-decoration: underline; }
        .number { float: left; width: 50px; font-weight: bold; color: #4b4d33; text-indent: 18px; }
        /* skinned select */div.skinned-select { background: transparent; height: 21px; }
        div.skinned-select { margin-left:8px; margin-bottom:2px; background: url('images/dropdown.png') no-repeat scroll 0pt 100%; }
        div.skinned-select.disabled { background: transparent !important;}
        div.skinned-select select { opacity: 0; filter: alpha(opacity = 0); moz-opacity: 0; position: relative; z-index: 100; }
        div.skinned-select .select-text { color: #fff; position: absolute; text-indent: 10px; line-height: 20px; width: 253px; z-index: 1; font-size: 1em; overflow:hidden; height:21px;}
        
        div.skinned-select select, div.skinned-select select option { width: 253px; font-size: 1em; }
        /* non javascript version select */.my-skinnable-select select { width: 253px; font-size: 1em; border: solid 1px #b4cd95; }
        .newAction { width:440px; text-align:right; margin-top:-20px; font-size:90%; line-height:20px;}
        
        .flatbutton { border: solid 1px #b4cd95; background-color:#616642; color:#eee; padding:2px 5px 2px 5px; font-family:Lucida Sans Unicode, Lucida Grande; font-size:0.9em;}
        .flatbutton:hover {  background-color:#475030; color: #fff;}
        .reportCheckList { height:100px; overflow:auto; width:400px; padding:5px; border: solid 1px #b4cd95; margin-bottom:10px;}
        
        #filterdropdown { padding:5px;}
