body, div, table, td, input, select, textarea {
    font-family:          Verdana, Arial, Helvetica, sans-serif;
    color:                #000000;
}

img {
    border:               none;
}

/* JS Validation */

span.validate-failed-root {
    position: relative;
    width: 0;
    height: 0;
    border: none;
    margin: 0;
    padding: 0;
    clear: none;
}

div.validate-failed {
    position: absolute;
    top: 18px;
    right: -20em;
    border: 1px solid black;
    background-color: white;
    width: 300px;
    white-space: normal;
    z-index: 10000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

div.validate-failed-closebox {
    text-decoration: underline;
    background-color: white;
    color: #8888ff;
    float: right;
    cursor: pointer;
    z-index: 10001;
    margin-right: 2px;
}

/* Forms ------------------------------- */

form {
    margin:             0px;
}

td.java-menu select, select.java-menu, td.java-menu input {
    font-size:          10px;
}

td.java-menu  {
    background-color:   #EAEDF2;
}

input {
    font-style:         inherit;
    font-family:        inherit;
    font-size:          inherit;
    font-weight:        inherit;
    color:              inherit;
}

input.small {
    font-size:          9px;
    font-weight:        normal;
}


/* Links -------------------------------- */

a {
    color:              #0A1835;
    font-weight:        bold;
    text-decoration:    none;
}

a.toggle-filter:link    { color: #0a1835;  border-left: 0px;                border-right: 0px;                padding: 1px 2px; }
a.toggle-filter:visited { color: #0a1835;  border-left: 0px;                border-right: 0px;                padding: 1px 2px; }
a.toggle-filter:hover   { color: red;      border-left: 1px solid #1a001a;  border-right: 1px solid #1a001a;  padding: 1px 1px; }
a.toggle-filter:active  { color: red;      border-left: 1px solid #1a001a;  border-right: 1px solid #1a001a;  padding: 1px 1px; }

a.normlink {
    font-weight:        bold;
    font-size:          12px;
    color:              #000033;
    font-family:        Arial, Helvetica, sans-serif;
}

a.misc {
    font-size:          9px;
    color:              #323C65;
    font-weight:        normal;
}

a.colored {
    color:       blue;
    font-weight: normal;
}

a.pages, .pages {
    font-size:          9px;
    color:              #990000;
}

a:hover, a.misc:hover, a.colored:hover, a.lg_links:hover {
    color:              #757D8F;
}

a.normlink:hover {
    color:              #009900;
}


/* Text -------------------------------- */

.alert, td.alert, span.alert, a.alert {color:#f00; font-weight:bold;}
.blue-alert, td.blue-alert, span.blue-alert, a.blue-alert {color:#00f; font-weight:bold;}
.magenta-alert, td.magenta-alert, span.magenta-alert, a.magenta-alert {color:#f0f; font-weight:bold;}

.pageheader, .sectionheader, .infospecial, .infosmall, .infoalert, .error,
.tableheader, .tablefooter, .label, .report-titles, .report-titles-medium,
table.calendar .date, .whatis, .user, .detail-title, .splashbody, a.splashbody,
.splashbodyblue, .splashheaderbg, .splashtitle, .simple-dr-head, .toptitles {
    font-weight:        bold;
}

.pageheader {
    font-size:          14pt;
}

.sectionheader {
        font-size:          11pt;
}

.tableinfo, .reportheading .title, .reportheading .value {
    font-size:          7pt;
        font-weight:        normal;
}

.whatis {
    font-size:          18px;
}

.splashheaderbg, .toptitles {
    font-size:          15px;
}

.report-titles, .splashtitle {
    font-size:          14px;
}

.report-titles-medium, .detail-title, .simple-dr-head, div.toptitles, a.popup, a.lg_links, #theme {
    font-size:          12px;
}

.user, .detail-body, .splashtitle-small {
    font-size:          11px;
}

.infospecial, .tableheader, .tablefooter, .report-options, .splashbody,
a.splashbody, .splashbodyblue, .splashbodydk, .logintext, .logintextbox,
div.logincopyright, td.logincopyright, .loginbody, .loginbox, .simple-dr-body,
tr.toptitles td span.studio, tr.toptitles td, div.toptitles-date, .disclaimer {
    font-size:          10px;
}

.info, .infosmall, .infoalert, .error, .tabledata1, .tabledata2, .label,
table.calendar td.current, table.calendar td.notcurrent, td.calheader,
tr.calrow, .copyrighttext, .splashbodysm, .logintextsm {
    font-size:          9px;
}

.tabledata1, .tabledata2, .report-options, .splashtitle-small, tr.toptitles td span.studio {
    font-weight:        normal;
}

.reportheading .value, .whatis {
    font-style:         italic;
}

.whatis, .splashtitle, .splashtitle-small, a.splashbody, .toptitles, tr.toptitles a, a.popup, a.lg_links {
    color:              #000033;
    text-decoration:    underline;
}

a.splashbody, .splashbody {
    color:              #666666;
}

.report-titles, .report-titles-medium, .report-options {
    color:              #0A1835;
}

.tableheader, .tableheader a, .tablefooter, .user, .simple-dr-head {
    color:              #FFFFFF;
}

.simple-dr-body {
        color:              #333333;
}

.tableheader a:hover {
    color:              #BCC1CC;
}

.infoalert, .error {
    color:              #FF0000;
}

.infosmall, a.splashbody:hover, .splashheaderbg {
    color:              #990000;
}

.splashbodysm {
    color:              #111111;
}

.logintext, td.logintext div{
    color:              #666666;
}

.sectionheader {
    font-family:        Helvetica, Verdana, Arial;
}

.splashtitle, .splashtitle-small {
    font-family:        Arial, Helvetica, sans-serif;
}

.projectionText {
    color:              #00008B;
    font-style:         italic;
}

.import-status {
    font-weight:        bold;
}
.status-error {
    color:              red;
}
.status-received {
    color:              purple;
}
.status-processed {
    color:              green;
}
.status-expecting {
    color:              gray;
}
.status-pastdue {
    color:              orange;
}

/* Layout ------------------------------ */

td {
    empty-cells:        show;
}

@media screen {
body { margin: 0; }
.bodyposition {
    position:           absolute;
    left:               0px;
    top:                0px;
}
}

td.tableheader, td.tablefooter {
    background-image:   url("/shared/images/new_layout/dataset_tableheader_back.gif");
    background-repeat:  repeat-x;
    border-bottom:      solid 1px #0A1835;
}

td.tablefooter {
    border-bottom:      none;
}

td.tableheader {
    padding:            5px 4px 2px 4px;
}

td.tablefooter {
    padding:            1px 2px 1px 2px;
}

.tableinfo {
    padding:            0em .25em 0em .25em;
}

.tabledata1, .tabledata2 {
    padding:            1px 4px 1px 4px;
}

.splashtitle {
        padding:            3px 0 5px 6px;
}

.splashbody, a.splashbody, .splashbodyblue, .splashbodydk {
    padding-right:      3px;
    padding-left:       5px;
}

.splashbodysm {
    padding-right:      2px;
    padding-left:       2px;
}

.splashtitle-small {
    padding-top:        3px;
    padding-bottom:     5px;
}

tr.toptitles td, td.toptitles {
    padding-left:         5px;
    padding-top:          10px;
}

.toptitles {
    padding-bottom:       10px;
}

.disclaimer {
    padding-bottom:       20px;
    width:                100%;
}

td.label-cell {
    background-repeat:  repeat-x;
}

.hidden-divs {
    display:            none;
}

tr.toptitles td {
    vertical-align:     top;
}

tr.calrow td {
    text-align:         center;
    vertical-align:     top;
    padding-bottom:     5px;
    height: 100px;
}

.user {
    text-align:         right;
    vertical-align:     top;
}

.detail-title {
    padding-right:      5px;
    vertical-align:     top;
}

.loginheader {
    height:             125px;
    width:              750px;
    position:           absolute;
    left:               0px;
    top:                2px;
}

div.logincopyright {
    width:              720px;
    position:           absolute;
    left:               0px;
    top:                490px;
    padding-top:        5px;
    padding-left:       32px;
}

.loginbody {
    width:              379px;
    text-align:         left;
    position:           absolute;
    left:               30px;
    top:                145px;
}

.loginvertline {
    height:             230px;
    width:              1px;
    position:           absolute;
    left:               420px;
    top:                220px;
}

.loginbox {
    background-image:   url("/shared/images/new_layout/login.gif");
    background-repeat:  no-repeat;
    height:             160px;
    width:              250px;
    position:           absolute;
    left:               460px;
    top:                210px;
}

.logintextbox {
    width:              120px;
}

td.logincopyright {
    padding-top:        5px;
    padding-left:       20px;
}

.simple-dr-head {
    padding:            5px;
}

.simple-dr-body {
    padding:            2px 5px 2px 5px;
        vertical-align:     top;
}

.splashtitle-small, .disclaimer {
    text-align:         center;
}


/* Backgrounds ------------------------- */

td.tabledata1, .page-bg {
    background-color:   #FFFFFF;
}

td.tabledata2 {
    background-color:   #E6E7EA;
}

td.tableerror {
    font-size:          12px;
    font-weight:        normal;
    padding:            4px 4px 8px 4px;
    background-color:   #ecc;
/* FIXME: get aao to fix the styling */
/*    background-color:   #cce; */
/*    border-bottom:      1px solid black; */
}

td.colsectheader1, td.colsectheader2 {
    font-size: 10px;
    background-color: #ccc;
    border-right: #000000 1px solid;
    padding-right: 4px;
    font-weight: bold;
}

td.colsectheader2 {
    background-color: #eee;
}

.datasettable {
    background-color:     #EAEDF2;
}

.boxart {
    background-color:   #F1F3FA;
}

.error {
    background-color:   #FFFF00;
}

.loginvertline {
    background-color:   #0C1A37;
}

.simple-dr-head, .notcurrent {
        background-color:   #535B6E;
}

.notcurrent {
    color:              #FFFFFF;
}

.titleback2 {
    background-image:   url("/shared/images/new_layout/title_back2.gif");
    background-repeat:  repeat-x;
    height:             90px;
}

.copyright {
    background-image:   url("/shared/images/new_layout/copyright_bar.gif");
}

.loginheader {
    background-image:   url("/images/header.jpg");
}

div.logincopyright, td.logincopyright {
    background-image:   url("/shared/images/new_layout/copyright_bar.gif");
}

.loginback {
    background-image:   url("/images/header_back.gif");
    background-position:center top;
}

.loginbox {
    background-image:   url("/shared/images/new_layout/login.gif");
}

.loginbox, .loginback, div.logincopyright, td.logincopyright, .loginheader,
.copyright {
    background-repeat:  no-repeat;
}

.top-left {
    background-image:     url("/shared/images/new_layout/top_left_dataset.gif")}

.top-right {
    background-image:     url("/shared/images/new_layout/top_right_dataset.gif")}

.bot-left {
    background-image:     url("/shared/images/new_layout/bot_left_dataset.gif")}

.bot-right {
    background-image:     url("/shared/images/new_layout/bot_right_dataset.gif")}

td.comments {
    background-image:     url("/shared/images/comments.gif");
    background-repeat:    no-repeat;
}


/* Borders ------------------------------ */

table.calendar td.current, td.calheader {
    border-top:         2px solid #FFFFFF;
    border-left:        2px solid #FFFFFF;
    border-bottom:      1px solid #666666;
    border-right:       1px solid #666666;
}

table.calendar td.notcurrent {
    border-top:         2px solid #666666;
    border-left:        2px solid #666666;
    border-bottom:      1px solid #FFFFFF;
    border-right:       1px solid #FFFFFF;
}

.splashtableborder {
    border-right:       2px solid #000033;
    border-top:         1px solid #CCCCCC;
    border-left:        1px solid #CCCCCC;
    border-bottom:      2px solid #000033;
}

.splashborder {
    border-top:         3px none #0A1835;
    border-right:       3px solid #0A1835;
    border-bottom:      3px solid #0A1835;
    border-left:        3px none #0A1835;
    background-color:   #EAEDF2;
}

.tableborder, .boxart {
    border:             1px solid #0A1835;
}

.simple-dr-border, tr.toptitles img {
        border:             1px solid #00224F;
}

.datasetrenderer-current-page {
    color:              #600;
    text-decoration:    underline;
}

.datasettabletop, td.toptitles-bd {
        border-top:         1px solid #0A1835;
}

.datasettableright {
        border-right:       3px solid #0A1835;
}

.datasettablebot {
        border-bottom:      3px solid #0A1835;
}

.datasettableleft {
        border-left:        1px solid #0A1835;
}

.datasettablerightleft {
    border-right:       3px solid #0A1835;
    border-left:        1px solid #0A1835;
}
.scrolltable {
    behavior: url(/shared/js/ScrollTable.htc);
}

div.status-notes {
    font-size: 11px;
    border:1px solid #c00;
    width: 550px;
    margin-bottom: 10px;
}

div.status-notes h1 {
    font-size: 13px;
    margin: 0;
    background-color:#c00;
    color:#fff;
    padding:2px 0 2px 4px;
}

div.status-notes p {
    margin: 4px;
}

#commentEmailer {
    margin:             10px 0 0 10px;
    font-size:          11px;
    width:              417px;
    height:             155px;
    border:             1px solid #000000;
    text-align:         left;
}

#commentEmailerForm {
    margin:             10px 0 0 10px;
    width:              397px;
}

/* Tree filter ------------------------------ */

#treeOptionDiv {
  position:absolute;
  visibility:hidden;
  z-index:10000;
  background-color:#fff;
  font-size:11px;
  padding:5px 60px 5px 5px;
  border:1px solid #A5ACB2;
}
#treeOptionDiv a {font-size:11px; font-weight:normal;}
#treeOptionDiv p {margin-top:5px; margin-bottom:3px;}

#treeFilter {
  background-color:#fff;
  font-size:10px;
  padding:2px 25px 2px 4px;
  cursor:default;
}
#treeFilter a {font-weight:normal; color:#000; cursor:default;}

div.moz-win   {background:url(/shared/images/drop_down_mozwin.gif) right no-repeat; margin-top:0;  border:1px solid #A5ACB2;}
div.moz-lin   {background:url(/shared/images/drop_down_mozlin.gif) right no-repeat; margin-top:0; border-top:2px solid #7F7F7F; border-left:2px solid #7F7F7F; border-bottom:1px solid #fff; border-right:1px solid #fff;}
div.ie-win    {background:url(/shared/images/drop_down_iewin.gif) right no-repeat; margin-top:1px; border:1px solid #7F9DB9;}
div.opera-win {background:url(/shared/images/drop_down_operawin.gif) right no-repeat; margin-top:0; border:1px solid #B3B9C3;}
div.ie-mac    {background:url(/shared/images/drop_down_iemac.gif) right no-repeat; margin-top:1px; border:1px solid #0A1835; padding:1px 60px 1px 5px;}
div.saf-mac   {background:url(/shared/images/drop_down_safmac.gif) right no-repeat; margin-top:0; border:none; border-left:1px solid #888; padding:0 60px 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:9px;}

/* Report2 */
body.popupbody {
    background: #EAEBF6;
}

.zoomlink {
    position:relative;
    left:-10px;
    top: 12px;
}

#ajax-loading {
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    background: yellow;
    z-index: 107;
    padding: 6px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
}

/* Page Loader */
#loader-container {
    margin:40px auto 50px auto;
    width:650px;
    height:204px;
    background:url(/shared/images/loader/back_container_blue.jpg) repeat-x;
}

#loader-container #left-container {
    width:62px;
    height:204px;
    background:url(/shared/images/loader/left_container_blue.jpg) repeat-x;
}

#loader-container #right-container {
    width:68px;
    height:204px;
    background:url(/shared/images/loader/right_container_blue.jpg) repeat-x;
}

#loader-container h1 {
    font-size:12px;
    color:#fff;
    margin:7px 0 0 0;
    padding:0;
    width:520px;
}

#loader-detail {
    margin:42px 0 20px 0;
    font-size:12px;
    font-weight:bold;
    color:#6A6A6A;
    line-height:16px;
    text-align:left;
    float:left;
}

#loader-email {
    font-size:12px;
    font-weight:bold;
    width:280px;
}

#spinner {
    float:left;
    margin:43px 12px 20px 0;
    padding-left:100px;
    width:47px;
    height:47px;
}

div.float-left, div.float-right {
    float:left;
    margin:0;
    height:204px;
}
div.float-right {float:right;}
div.clear       {clear:both; display:block;}

.alert, span.alert, span.alert-padded, p.alert, td.alert, a.alert {color:#f00; font-weight:bold;}