@CHARSET "ISO-8859-1";

        body
        {
                font-family: "Arial", "Verdana", sans-serif;
                font-size: 10pt;
                line-height: 14pt;
                margin: 0px;
                color: #606060;

        }

        body.tabbed
        {
                background: white url(images/fauxc.gif) repeat-y left;
        }

        div#meta
        {
                position: absolute;
                background: transparent url(images/tweetwatch_idint.jpg) no-repeat left top;
                padding: 80px 0px 0px 0px;
                left: 0px;              /* Safari likes this */
                right: 0px;             /* and this */
        }

        /* demo bar */

        div#demobar
        {
                width: 100%;
                color: #fff;
                background: #fb852d;
                height: 20px;
                padding: 2px 0 2px 5px;
        }

        div#demobar div#demobar_right
        {
                position: absolute;
                top: 2px;
                right: 5px;
                display: inline;
        }

        div#demobar a,
        div#demobar form
        {
                display: inline;
        }

        div#demobar a
        {
                color: #fff;
                text-decoration: underline;
        }


        table
        {
                font-size: 10pt;
        }

        p
        {
                margin: 4px 0px;
        }

        h2
        {
                font-size: 18pt;
                font-weight: 100;
                /* color: #ffb70b; */
                /* border-bottom: 1px solid; */
                margin: 10px 0px 10px 0px;
        }

        h3
        {
                padding: 4px 0px;
                color: #2097BB;
                font-size: 12pt;
                font-weight: normal;
        }

        .clickable
        {
                cursor: pointer;
        }

        br.clear
        {
                height: 0px;
                clear: both;
        }

        input.generic_button
        {
                display: block;
                border: 0 none;
                margin: 4px 0px;
                cursor: pointer;
                color: white;
                width: 162px;
                height: 37px;
                background-image: url(images/generic_button.gif);
        }

        table.utility
        {
                margin: 20px 0px;
                padding: 10px;
                background: #2097BB;
                color: #C7E0E7;

        }

        table.utility th
        {
                padding: 5px;
        }

        table.utility td
        {
                padding: 5px;
                width: 170px;
        }

        /* --------------------------------
           editor / ext stuff
           --------------------------------*/



        div.popup
        {
                background: white;
        }

        div.buttons_bar
        {
                background: #002040 url(images/tabs/entity_actions.png) repeat-x;
                margin: 0px;
                padding: 0px 0px 2px 0px;
                text-align: right;
                color: white;
                padding: 4px;
        }


        /* --------------------------------
           splash pages / showcase
           --------------------------------*/

        body.fixed_width
        {
                background: #2097BB url(images/splash/faux.gif) repeat-y center;
        }

        div.fixed_width
        {
                width: 1000px;
                height: 500px;
                border-top: 1px solid #aaa;
                margin-left: auto;
                margin-right: auto;
        }

        div.showcase
        {
                margin: 40px 80px;
                padding: 20px 40px;
                border: 1px solid #3CBDE3;
                background: #A3D2E0;
        }

        div.showcase ul
        {
                list-style-position: inside;
                list-style-type: square;
                margin: 20px 0px 20px 60px;
        }


        div.showcase li
        {
                margin: 5px 0px;
        }

        /* --------------------------------
           modal divs
           --------------------------------*/



        /*
        div#overlay
        {
                position: fixed;
                top: 0pt;
                left: 0pt;
                right: 0pt;
                bottom: 0pt;
                height: 100%;
                width: 100%;
                background: #999;
                opacity: 0.5;
                z-index: 10;
        }
        */

        div#edit_box div#panel_form
        {
                padding: 50px 10px 10px 10px;
                border: 1px dashed #aaa;
                border-top: 0 none;
        }

        div#edit_box
        {

        }

        div#edit_box.loaded
        {
                background: transparent;
                bottom: 10px;
        }

        div#edit_box.loaded
        {
                background: transparent;
                bottom: 10px;
        }

        form#main_form
        {
                padding: 0px 0px 0px 10px;
        }


        /* --------------------------------
           navigation
           --------------------------------*/

        a
        {
                cursor: pointer;
                color: #2097BB;
        }

        /* main navigation tabs */

                                        /* new improved */

                                        div.main_nav
                                        {
                                                height: 60px;
                                        }

                                        div.main_nav a.tab
                                        {
                                                display: block;
                                                float: left;
                                                padding: 0px 4px;
                                                text-decoration: none;
                                                color: #ccc;
                                                height: 60px;
                                                width: 120px;
                                                margin-right: 2px;
                                                font-size: 11px;
                                                line-height: 12px;
                                                background: #777777 url(images/tabs/vtab_o.gif) repeat-x top;
                                        }

                                        div.main_nav a.selected
                                        {
                                                background: #005887 url(images/tabs/vtab_s.gif) repeat-x bottom;
                                                color: white;
                                        }

                                        div.main_nav h2
                                        {
                                                font-size: 12pt;
                                                margin: 7px 0px 11px 0px;

                                        }

        /* conventional
        div.main_nav
        {
                height: 27px;
        }

        div.main_nav a.tab
        {
                display: block;
                float: left;
                padding: 4px 10px;
                text-decoration: none;
                background: #eee;
                margin-right: 2px;
        }

        div.main_nav a.selected
        {
                background: #50a3cf;
                color: white;
        }
        */

        div#logged_in_as
        {
                position: absolute;
                top: 4px;
                right: 2px;
                font-size: 9pt;
                color: #50a3cf;
        }

        div.logged_in a.log_out
        {
                padding: 5px 10px;
                background: #eee;
        }

        div.logged_in a.report_bug
        {
                background: #eee;
                padding: 5px 10px;
                margin: 0 5px;
        }

        div.titlebar
        {
                /* background: #50a3cf; */
                background: #005887;
                padding: 5px;
                font-size: 14pt;
                color: white;
        }

        div.titlebar span
        {
                color: #C7E0E7;
        }

        div.tabs
        {
                float: left;
                background: #dddddd;
                width: 240px;
                padding: 0px;
        }

        div.tabs a
        {
                display: block;
                border-bottom: 1px solid white;
                padding: 10px;
                text-decoration: none;
                color: black;
                background: #C7E0E7 url(images/tabs/htab_o.gif) no-repeat right center;
                outline: none;
        }

        div.tabs a.selected
        {
                color: white;
                background: #2097BB url(images/tabs/tab_s.gif) no-repeat right center;
        }

        div.tabs div.tab_date
        {
                font-size: 10px;
                /* color: #606060; */
                line-height: 9px;
        }

        img.validation
        {
                position: relative;
                float: right;
                top: -1px;
        }

        div.placeholder
        {
                background: #C7E0E7;
                padding: 20px;
                width: 600px;
                text-align: center;
                font-size: 12pt;
                color: #2097BB;
        }

        div.placeholder h3
        {
                margin-bottom: 20px;
        }

        label input
        {
                margin-right: 5px;
                vertical-align: -10%;
        }


        /* --------------------------------
           entities
           --------------------------------*/

        input.long
        {
                width: 240px;
        }

        input.name
        {
                width: 120px;
        }

        input.short
        {
                width: 60px;
        }

        input.initial
        {
                width: 15px;
        }

        div.buttons_bar a,
        a.action
        {
                font-size: 8pt;
                padding: 0px 2px;
                color: white;
                margin-right: 5px;
                cursor: pointer;
        }

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

        /* tweak datetime display */
        div.inline_inputs div.x-form-field-wrap
        {
                float: left;
                margin-right: 5px;
        }

        div.noscript {
                text-align: center;
        }

        div.noscript h2 {
                font-size: 1.4em;
                font-weight: bold;
                margin: 10px;
        }

    ol.help
    {
            list-style-type: decimal;
            margin-left: auto;
            margin-right: auto;
            width: 440px;
            border: 1px solid green;
            text-align: left;
            border: 1px solid #999;
            background: #eee;
            padding: 20px;
    }

    ol.help li
    {
            margin-left: 30px;
    }

        /*

        /* fix lack of cursor in popups in firefox - this is flakey
        .x-window
        {
                position: fixed !important;
        }
        */
        .x-form-element {
                position: fixed;
        }

        /* styling for slide down alert message div */
        .msg .x-box-mc {
            font-size:14px;
        }
        #msg-div {
            position:absolute;
            left:35%;
            top:10px;
            width:250px;
            z-index:20000;
        }

        /* fax */
        table.fax tr td.check_col, table.fax tr th.check_col
        {
                width: 20px;
        }

        table.fax tr td.phone_col, table.fax tr th.phone_col
        {
        }

        table.fax tr td.phone_col, table.fax tr th.phone_col
        {
                width: 50px;
        }


        span.sent_success
        {
                color: green;
        }

        span.sent_failure
        {
                color: red;
        }

        div#errors
        {
                font-weight: bold;
        }

        span.ex
        {
                /* font-color: #eee; <-- you fail at css */
                color: #eee;      /* <-- correct */
                font-style: italic;
        }

        div.main_nav div.tab_message
        {
                float: right;
                padding-right: 20px;
        }

        /* case log popup */
        div.caselog {
                background: #fff;
                padding: 5px;
        }

        div.caselog h2 {
                color:#2097BB;
                font-size:14pt;
                padding: 3px 0 5px 0;
        }

        div.caselog h3 {
                font-size: 9pt;
        }

        div.caselog div.log_message {
                padding: 3px 0 3px 0;
                font-size: 8pt;
        }

        div.generation_failure {
            background: white;
            padding: 20px;
        }

        div.generation_failure h2 {
            font-size: 130%;
        }

        ul#doc_fail
        {
            list-style-type: disc !important;
            list-style-position: inside !important;
        }




        span.failed { color: red; font-weight: bold; }





/* beta signup */
div#beta_signup
{
    /* border: 1px solid rgb(60, 189, 227); */
    width: 500px;
    position: absolute;
    left: 20px;
    top: 140px;
    padding-left: 10px;
}

<<<<<<< HEAD:public/styles/screen.css


div.feed
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    margin-bottom: 1em;
    padding: 5px 5px 5px 10px;
}

div.feed span.feed_name
{
    font-weight: bold;
    font-size: 105%;
}

#feeds table tr td.controls
{
    width: 250px; 
    background: #FFFFD6; 
    padding: 5px;
}

#feeds  h2
{
    font-size: 110%;
    font-weight: bold;
}

/* empty text */
div.x-grid-empty {
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  width: 100%;
  color: #15428B;
}

#feeds table tr td.controls ul
{
    margin-top: 1em;
    margin-left: 20px;
    list-style-type: square;
}

.x-date-disabled a {
 color: #FF0000 !important;   
}