@media Screen, Projection {

    body { background: #eef; margin: .5em auto; text-align: center; width: 968px; }
    table, form { font: 13px/1.2 sans-serif; margin: 0; }
    table { border-collapse: collapse; }
    input, select { vertical-align: middle; }
    input { font: 11px/1.2 Arial,sans-serif; padding: 2px 5px; }
    a { text-decoration: none; }
    a:link, a:visited { color: #009; }
    ul { list-style: none; margin: 0; padding: 0; }
    li { margin: 0; padding: 0; }
    b, th, #head, #foot { color: #333; font-size: 11px; line-height: 1.2; font-family: Arial,sans-serif; }
    #head b, #foot b { color: #000; }
    #account, #tabs, #picker tr, #new tr, #brief { border: 1px solid #999; }
    #account, #wizard { margin: 4px 0; }
    #account, #new, #view, #modify { background: #fff; }
    #purchase, #tabs, #picker tr, #new tr, #brief { border: 1px solid #999; }
    #purchase, #wizard { margin: 4px 0; }
    #purchase, #new, #view, #modify { background: #fff; }	
    #details { margin: 8px; }
    #overview, #search, #accounts, #account-modify, #purchases, #purchase-modify { font: 12px/1.3 Arial,sans-serif; }
    .data { margin-bottom: 8px; }
    .error { background: #fcc; }
    .notice { background: #cfc; }
    .warning { background: #ffc; }
    #tabs { background: #eee; font: bold 13px/2 sans-serif; border-style: solid none; margin-bottom: 12px; }
    .disabled { color: #ccc; }
    #current { color: #900; }
    #frame { margin: 0 11px 12px; }
    #dialog { margin: 12px 11px; }

    #picker tr, #new tr { line-height: 20px; }
    #picker-todo { margin-bottom: 14px; }
    #picker-todo tr, #picker-comp tr { border: 1px solid #999; line-height: 20px; }
    #picker th, #picker td, #picker-todo th, #picker-todo td, #picker-comp th, #picker-comp td, #new th, #new td { line-height: 1.5; padding: 3px 10px; }
    #picker ul { height: 350px; overflow: auto; line-height: 1.3; }
    #picker-todo ul , #picker-comp ul { height: 152px; overflow: auto; }

    .important, #picker-todo a { color: #900; font-weight: bold; }

    #record { height: 319px; }
    #record tr { border: 0 none !important; }
    #record textarea { width: 27em; }

    #view tr, #modify tr { border: 1px solid #999; line-height: 20px; }
    #view th, #view td, #modify th, #modify td { line-height: 1.5; padding: 3px 10px; }
    #view div, #modify div { width: 80%; }

    #no-modify, #no-modify td, #no-modify br { height: 31px !important; }

    /* LOGIN */

    #login { width: 568px; }
    #access tr { line-height: 20px; }
    #access th, #access td { line-height: 1.5; padding: 3px 10px; }
    #user-login { font: 12px/1.3 Arial,sans-serif; }

    /* OVERVIEW */

    #callbacks-overview, #tasks-overview, #upcoming-overview, #stats-overview { margin-bottom: 15px; }
    #tasks-overview tr, #callbacks-overview tr, #upcoming-overview tr, #invoices-overview tr, #refresh-overview tr { border: 1px solid #999; }
    #stats-overview tr { line-height: 23px; }
    #tasks-overview td, #callbacks-overview td, #upcoming-overview th, #upcoming-overview td, #invoices-overview td { line-height: 1.5; padding: 3px 10px; }
    #tasks-overview th, #callbacks-overview th, #invoices-overview th { line-height: 1.9; padding: 4px 10px; }
    #tasks-overview ul, #callbacks-overview ul, #upcoming-overview ul, #invoices-overview ul { overflow: auto; line-height: 1.3; }
    #callbacks-overview ul { height: 105px; }
    #tasks-overview ul { height: 105px; }
    #upcoming-overview ul { height: 230px; }
    #upcoming-overview div { border-bottom: 1px solid #ccc; margin: .25em 1em .7em 0; }
    #upcoming-overview li { margin: 0 0 0 1em; }
    #upcoming-overview li b { color: #333; font: bold 12px/1.3 monospace; }
    #reminder-list { font: 11px/1.3 Arial,sans-serif; }
    #invoices-overview ul { height: 105px; }
    #refresh-overview { height: 70px; }

    #tasks-overview a, #callbacks-overview a, #upcoming-overview li b, #upcoming-overview a, #invoices-overview a { color: #900; font-weight: bold; }

    /* ACCOUNTS */

    #index tr { border: 1px solid #999; }
    #index tr { line-height: 20px; }
    #index th, #index td { line-height: 1.5; padding: 3px 10px; }
    #index ul { height: 479px; overflow: auto; line-height: 1.3; }
    #client { height: 448px; }
    #client tr { border: 0 none; }
    #client input { width: 22em; }
    #client textarea { width: 20em; }

    #caddr { height: 5em; }
    #cphone { height: 3.9em; }
    #account-add { font: 12px/1.3 Arial,sans-serif; }


    /* PURCHASES */

    #index tr { border: 1px solid #999; }
    #index tr { line-height: 20px; }
    #index th, #index td { line-height: 1.5; padding: 3px 10px; }
    #index ul { height: 479px; overflow: auto; line-height: 1.3; }
    #client { height: 448px; }
    #client tr { border: 0 none; }
    #client input { width: 22em; }
    #client textarea { width: 20em; }

    #caddr { height: 5em; }
    #cphone { height: 3.9em; }
    #purchase-add { font: 12px/1.3 Arial,sans-serif; }

    /* HOME */

    #callbacks { margin-bottom: 15px; }
    #tasks tr, #callbacks tr, #upcoming tr { border: 1px solid #999; }
    #stats tr { line-height: 23px; }
    #brief td, #tasks td, #callbacks td, #upcoming th, #upcoming td { line-height: 1.5; padding: 3px 10px; }
    #tasks th, #callbacks th { line-height: 1.9; padding: 4px 10px; }
    #brief div, #tasks ul, #callbacks ul, #upcoming ul { overflow: auto; line-height: 1.3; }
    #brief div { height: 54px; }
    #callbacks ul { height: 105px; }
    #tasks ul { height: 105px; }
    #upcoming ul { height: 230px; }
    #upcoming div { border-bottom: 1px solid #ccc; margin: .25em 1em .7em 0; }
    #upcoming li { margin: 0 0 0 1em; }
    #upcoming li b { color: #333; font: bold 12px/1.3 monospace; }
    #reminder-list { font: 11px/1.3 Arial,sans-serif; }

    #tasks a, #callbacks a, #upcoming li b, #upcoming a { color: #900; font-weight: bold; }

    /* CALLS */

    #csum, #cstime, #cetime, #cnote, #cback { margin-top: 2px; margin-bottom: 2px; }
    #csum { width: 29em; }
    #cdate, #cstime, #cetime { width: 7em; }
    #cnote { height: 14.7em; }
    .xspace { line-height: .1; }
    #call-add { font: 12px/1.3 Arial,sans-serif; }

    /* FILES */

    .push { font: bold 9px/1.3 Arial,sans-serif; }

    #fname { width: 29em; }
    #file-add { font: 12px/1.3 Arial,sans-serif; }

    /* WORK */

    #wsum { width: 27em; }
    #wsdate, #wedate { width: 7em; }
    #record #wnote { width: 25em; height: 11.7em; }
    #work-add { font: 12px/1.3 Arial,sans-serif; }

    /* SURVEY */

    #ssum { width: 29em; }
    #sdate { width: 7em; }
    #record #snote { height: 13em; }
    #survey-add { font: 12px/1.3 Arial,sans-serif; }

    /* EVENTS */

    #picker-date tr { border: 1px solid #999; }
    #picker-date tr { line-height: 20px; }
    #picker-date th, #picker-date td { line-height: 1.5; padding: 3px 10px; }
    #picker-date ul { height: 76px; overflow: auto; line-height: 1.3; }
    #calendar { font: bold 11px/1.2 Arial,sans-serif; border: 1px solid #999; }
    #calendar tr, #events tr { border: 0 none; }
    #calendar td { padding: 3px 5px; }
    #calendar a { display: block; }
    #calendar a:hover { background: #ccf; }
    .cday { background: #fcc; }
    .eday { background: #ccf; }

    #esum { width: 29em; }
    #estime, #eetime { width: 7em; }
    #record #enote { height: 13em; }
    #event-add { font: 12px/1.3 Arial,sans-serif; }

    /* INVOICES */

    #invoice-add { font: 12px/1.3 Arial,sans-serif; }

    /* NOTES */

    #nsum { width: 29em; }
    #ndate { width: 7em; }
    #record #nnote { height: 13em; }
    #note-add { font: 12px/1.3 Arial,sans-serif; }

    /* -------------------------------------------------------------------- */

    /*  CALL-VIEW */

    #view #cnote { width: 23em; height: 13em; overflow: auto; }
    #callback-options, #calls-done, #call-modify, #call-delete { font: 12px/1.3 Arial,sans-serif; }

    /*  WORK-VIEW */

    #view #wnote { width: 23em; height: 13em; overflow: auto; }
    #work-options, #work-done, #work-modify, #work-delete { font: 12px/1.3 Arial,sans-serif; }

    /*  SURVEY-VIEW */

    #view #snote { width: 23em; height: 13em; overflow: auto; }
    #surveys-done, #survey-modify, #survey-delete { font: 12px/1.3 Arial,sans-serif; }

    /*  EVENT-VIEW */

    #view #enote { width: 23em; height: 13em; overflow: auto; }
    #events-done, #event-modify, #event-delete { font: 12px/1.3 Arial,sans-serif; }

    /*  INVOICE-VIEW */

    #invoices-done, #invoice-options { font: 12px/1.3 Arial,sans-serif; }

    /*  NOTE-VIEW */

    #view #nnote { width: 23em; height: 13em; overflow: auto; }
    #notes-done, #note-modify, #note-delete { font: 12px/1.3 Arial,sans-serif; }

    /* -------------------------------------------------------------------- */

    /* CALLBACK-OPTIONS */

    #view #copts { height: 4.9em; }
    #callback-unmark, #call-view, #callback-add { font: 12px/1.3 Arial,sans-serif; }

    /*  FILE-OPTIONS */

    #view .fspace { height: 4em; }
    #view #fopts { height: 8.9em; }
    #files-done, #file-view, #file-delete { font: 12px/1.3 Arial,sans-serif; }

    /* WORK-OPTIONS */

    #view #wopts { height: 4.9em; }
    #work-mark, #work-view { font: 12px/1.3 Arial,sans-serif; }

    /*  INVOICE-OPTIONS */

    #view .ispace { height: 4em; }
    #view #iopts { height: 4.9em; }
    #invoice-view, #invoice-send, #invoice-send-duplicate, #invoice-modify, #invoice-delete { font: 12px/1.3 Arial,sans-serif; }

    /* -------------------------------------------------------------------- */

    /* CALLBACK ADD */

    #callback { margin: 10px 0 18px; }
    #callback tr { border: 0 none; }
    #callback .header { background: #eee; border: 1px solid #999; }
    #callback #onote { height: 54px; line-height: 1.3; overflow: auto; }
    #callback #cnote { width: 27em; }

    #callback-process { font: 12px/1.3 Arial,sans-serif; }

    /* INVOICE-ADD */

    #invoice { margin: 10px 0 18px; }
    #invoice tr { border: 0 none; }
    #invoice .line, #invoice .control, #invoice .sum { height: 3em; }
    #invoice .control { background: #eee; border: 1px solid #999; }
    #invoice .decimal { text-align: right; }
    #invoice .sum, #invoice label { font-weight: bold; }
    #invoices, #invoice-process { font: 12px/1.3 Arial,sans-serif; }

    /* -------------------------------------------------------------------- */

    /* ACCOUNT-MODIFY */

    #home, #account-update { font: 12px/1.3 Arial,sans-serif; }
	
    /* PURCHASE-MODIFY */

    #home, #purchase-update { font: 12px/1.3 Arial,sans-serif; }	

    /*  CALL-MODIFY */

    #call-view, #call-update { font: 12px/1.3 Arial,sans-serif; }

    /*  WORK-MODIFY */

    #work-view, #work-update { font: 12px/1.3 Arial,sans-serif; }

    /*  SURVEY-MODIFY */

    #survey-view, #survey-update { font: 12px/1.3 Arial,sans-serif; }

    /*  EVENT-MODIFY */

    #event-view, #event-update { font: 12px/1.3 Arial,sans-serif; }

    /* INVOICE-MODIFY */

    #modify .ispace { height: 4em; }
    #invoice-update { font: 12px/1.3 Arial,sans-serif; }

    /*  NOTE-MODIFY */

    #note-view, #note-update { font: 12px/1.3 Arial,sans-serif; }

    /* -------------------------------------------------------------------- */

    /*  ADMIN */

    #view .aspace { height: 2em; }
    #modify .aspace { height: .5em; }

    #admin-logo-update, #admin-tabs-update, #admin-user-add, #admin-fields-update,
    #admin-template-add, #admin-users, #admin-user-update, #admin-invoices,
    #admin-template-update { font: 12px/1.3 Arial,sans-serif; }

    #fspace  {padding: 6px 0px;}
  }

ul#blue { margin:0; padding:0; list-style-type:none; }

ul#blue li { position:relative; float:left; border-top:4px solid #efefef; margin-right: 15px; padding-right: 20px; padding-top: 5px;}

ul#blue .current { border-top:4px solid #3d496a;}

ul#blue li:hover { border-top:4px solid #3d496a;}

ul#blue li a { padding:2px 2px; text-decoration:none; font:bold 12px Verdana, Georgia, "Times New Roman", Times, serif; color:#68759c;}

ul#blue li a:hover { color:#8895b8; border:none; }

ul#blue li span{ display:none; position:absolute; top:20px; left:2px; width:160px; font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif; line-height: 15px; }

ul#blue li a:hover span {margin-top: 7px; display:block; color: #8895b8;}