@charset "UTF-8";
@media all
{
    * { margin:0; padding: 0; }

    /* Correction: margin/padding reset caused too small select boxes. */
    option { padding: 0 0.4em 0 0.4em;}

    * html body * { overflow:visible; }
    * html iframe, * html frame { overflow:auto }
    html { height: 100% }
    html * { font-size: 100.01%;font-family: Arial, Verdana, Helvetica, sans-serif; }

    body {
        min-height: 95%;
        background: #fff;
        padding: 0 0 10px 0;
        text-align: left;
        font-size: 12px;
        color: #000;
    }

    /* Clear borders for <fieldset> and <img> elements */
    fieldset, img { border: 0 solid;}

    /*  standard values */
    h1 {
        font-size: 133.33%;
        color:#247C24;
        font-weight:normal;
        margin-bottom:8px;
        letter-spacing: 0.1em;
        border-bottom: 3px solid #247C24;
        padding: 3px 5px 3px 0;
    } /* 16px */
    h2 { font-size: 100%; color:#247C24; font-weight:normal;font-style:italic; margin-bottom:8px;} /* 12px */
    h3 { font-size: 100% }                        /* 12px */

    p { line-height: 2em; margin: 0 0 1em 0; }

    a, a:focus, a:active {color: #8A0000; text-decoration:none;}
    a:hover {color:#8A0000; text-decoration:none; background-color: #C4D976;}

    ul, ol, dl { margin: 0 0 1em 1em; }
    li { margin-left: 1.5em; line-height: 1.2em; }
    ol li {margin-bottom:10px;border-bottom:1px solid #A0A0A0;}

    /* Modifications */
    h1 span {
    font-size: 75%; color:#343436;
    font-weight: normal;
    font-style: normal;
    float:right;
    letter-spacing:0;
    }
    h1 span a {
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    }

    /* Format definitions for general input fields */
    form {
        border-width:0px;
        border-style:solid;
        border-color:#0061AF;
        margin-left:0px;
        margin-top:1px;
        margin-bottom:0px;
        margin-right:0px;
        padding:0px;
        width:inherit;
    }

    input,textarea {
        font-size : 9pt ;
        line-height:12pt;
        text-decoration : none;
        font-weight : normal ;
        font-family: Arial, helvetica, sans-serif ;
        text-align : left ;
        border-width:1px;
        border-style:solid;
        border-color:#999;
        margin:2px 5px 2px 0;
        padding:0;
        width : 95%;
        background-color:#FFFFFF;
    }

    input[type="checkbox"], input[type="radio"] {
        width:1em;
        height:1em;
        padding:0;
        margin:0 10px 5px 10px;
        border:0px;
        vertical-align:middle;
        text-align:left;
    }

    input[readonly] {
        padding:0;
        margin:0 10px 5px 0;
        border:0px;
        text-align:left;
    }

    select {
        height:auto;
    }

    button {
        background-color: #4AAE24;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#C4D976), to(#4AAE24));
        background-image: -webkit-linear-gradient(top, #C4D976, #4AAE24);
        background-image: -moz-linear-gradient(top, #C4D976, #4AAE24);
        background-image: -ms-linear-gradient(top, #C4D976, #4AAE24);
        background-image: -o-linear-gradient(top, #C4D976, #4AAE24);
        background-image: linear-gradient(top, #C4D976, #4AAE24);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#C4D976', endColorstr='#4AAE24');

        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;

        -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;

        border-width: 1px;
        border-style: solid;
        border-color: #247C24 #247C24 #247C24 #247C24;
        height: 30px;
        padding: 0 5px 0 5px;
        cursor: pointer;
        font-weight: bold;
        font-size: 13px;
        color: #FFFFFF;
    }

    button:hover {
        color:#444444;
    }

    button:disabled {
        background-color: #AAAAAA;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#DEDEDE), to(#AAAAAA));
        background-image: -webkit-linear-gradient(top, #DEDEDE, #AAAAAA);
        background-image: -moz-linear-gradient(top, #DEDEDE, #AAAAAA);
        background-image: -ms-linear-gradient(top, #DEDEDE, #AAAAAA);
        background-image: -o-linear-gradient(top, #DEDEDE, #AAAAAA);
        background-image: linear-gradient(top, #DEDEDE, #AAAAAA);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEDEDE', endColorstr='#AAAAAA');
    }

    button.red {
        background-color: #9A0000;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#F00000), to(#9A0000));
        background-image: -webkit-linear-gradient(top, #F00000, #9A0000);
        background-image: -moz-linear-gradient(top, #F00000, #9A0000);
        background-image: -ms-linear-gradient(top, #F00000, #9A0000);
        background-image: -o-linear-gradient(top, #F00000, #9A0000);
        background-image: linear-gradient(top, #F00000, #9A0000);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F00000', endColorstr='#9A0000');

        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;

        -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;

        border-width: 1px;
        border-style: solid;
        border-color: #247C24 #247C24 #247C24 #247C24;
        height: 30px;
        padding: 0 5px 0 5px;
        cursor: pointer;
        font-weight: bold;
        font-size: 13px;
        color: #FFFFFF;
    }

    button.red:hover {
        color:#444444;
    }

    input.fancy {
        height: 30px;
        background-color: #fff;
        border-color: #247C24;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #247C24 inset;
        -webkit-box-shadow: 0 0 0 1px #247C24 inset;
        box-shadow: 0 0 0 1px #247C24 inset;
        font-size: 13px;
        padding: 0 0 0 20px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;

    }

    table {
        border-collapse:collapse;
        empty-cells : show;
    }
    td {background-color:transparent; border-width:0;}
    td.tdRightAlign, th.tdRightAlign {text-align:right;}

    /* general layout definitions for side-by-side columns */
    .c50l, .c25l, .c33l, .c38l, .c63l, .c66l, .c75l, .c62l, .colmain, .colmainwide, .colleft, .colright {float: left; }
    .c50r, .c25r, .c33r, .c38r, .c37r, .c66r, .c75r, .c62r {float: right; }

    .colleft { width: 18%; overflow:hidden;}
    .colright { width: 18%; overflow:hidden; margin-top: 23px;}
    .colmain { width: 63.9%;}
    .colmainwide { width: 81.9%;}
    .c25l, .c25r { width: 25% }
    .c33l, .c33r { width: 33.333%; }
    .c37l, .c37r { width: 37.5% }
    .c50l, .c50r { width: 49.99%; }
    .c63l, .c63r { width: 62.5%; overflow:hidden; }
    .c66l, .c66r { width: 66.666%; }
    .c75l, .c75r { width: 75% }
    .c38l, .c38r { width: 38.2% }
    .c62l, .c62r { width: 61.8% }

    /* used as inner container in colleft, colright, colmain, etc */
    .leftmargin {margin: 0 0 0 10px;}

    #page {
        width: 1250px;
        margin: 0 auto;
        border: 1px #CDC1C5 solid;
        z-index:1; /* used if position:absolute to put under popout navigation */
    }
  /* for popup without navigation */
  #page_0_margins {
    width: 540px;
    margin: 0 auto;
    border: 1px #CDC1C5 solid;
    z-index:1; /* used if position:absolute to put under popout navigation */
  }

    #headerWrapper { height:85px; width: 100%; background-image: url('/images/logo.png'); background-repeat: no-repeat; }
    #header { height:20px; padding:10px; }

    #navmain { padding:0 10px 0 10px; height:40px; color: #aaa; }
    #navmain a { color: #000; font-weight: normal; padding: 0.5em 0.8em 0.5em 0.8em; margin:0 20px 0px 20px; text-decoration:none;}
    #navmain a:focus,
    #navmain a:hover,
    #navmain a:active  { color: #9AD4CC; text-decoration:underline; }

    #main {
        min-height:600px;
        display:block;
        text-align:left;
        border-top: 1px #CDC1C5 solid;
        padding:10px 10px 0 0;
    }

    #footer {
        height: 14px;
        clear:both;
        display:block;
        text-align:left;
        border-top: 1px #CDC1C5 solid;
        padding:10px;
        font-size: 10px;
        z-index:1;
    }
    #footer a { color: #AAA; background:transparent;}
    #footer a:focus,
    #footer a:hover,
    #footer a:active {color: #9AD4CC; background-color: transparent; text-decoration:underline;}

    .colmain h1 {font-size:12px;}
    .colmain h2 {font-size:12px;}
    .colright h1 {
        padding: 0 0 4px 0;
        border-bottom:2px solid #FFFFFF;
    }
    .colright h2 {font-size:12px; margin-left:5px;}

    table.tablePageNavigation {
        margin:10px 0 10px 0;
        width:100%;
    }

    /* style of filter area above lists */
    div.listFilter {
        overflow:hidden;
        background-color: #EFEFEF;
        border: 1px solid #99A1B0;
        border-radius: 4px ;
        padding: 6px 5px 6px 5px;
        height:60px;
    }
    div.listFilter h1 {
        font-size : 11px;
        border:0;
    }
    div.listFilter input {
        font-size : 11px;
        margin: 0 15px 5px 4px;
        height:15px;
    }
    div.listFilter select {
        font-size : 11px;
        margin: 0 15px 5px 4px;
    }
    div.listFilter input {
        padding:2px 0 0 0;
    }
    div.listFilter span {
        line-height:20px;
        vertical-align: top;
    }
    div.listFilter button {
        font-size : 11px;
        height:18px;
        width:25px;
        margin:0 5px 0 0;
        padding:0;
    }
    div.listFilter td {
        margin : 0;
        padding:0 2px 4px 0;
        font-size:10px;
        line-height:10px;
        height: 30px;
        vertical-align: middle;
    }
    div.listFilter input, div.listFilter select {
        margin : 0;
        padding:0;
    }
    div.listFilter .filterDiv1 {
        float: left;
        width: 100px;
        margin : 0;
        padding:0;
    }
    div.listFilter .filterDiv1a {
        float: left;
        width: 200px;
        height: 100%;
        margin : 0 20px 0 10px;
        padding: 0 5px 0 10px;
        border-left: 1px solid #99A1B0;
    }
    div.listFilter .filterDiv2 {
        float: left;
        width: 200px;
        height: 100%;
        margin : 0 20px 0 10px;
        padding: 0 5px 0 10px;
        border-left: 1px solid #99A1B0;
        border-right: 5px solid #99A1B0;
    }

    /* tables used on module details pages */
    table.detailTable {
        font-family: Arial, helvetica, sans-serif ;
        color : #000;
        font-size : 11px;
        width : 100%;
        padding : 0px ;
        margin : 0px;
    }
    table.detailTable th {
        padding:3px 0 3px 5px;
        background-color:#99A1B0;
        border-top: 1px solid #FFFFFF;
        border-width: 1px 0 1px 0;
        font-weight: normal;
        text-align: left;
    }

    table.detailTable td {
        padding:3px 0 3px 5px;
        border: 1px solid #A6B0B3;
    }
    table.detailTable td.blank {
        padding:3px 0 3px 5px;
        background-color:transparent;
        border: 0px solid #A6B0B3;
    }
    table.detailTable td.noError {
        background-color: #BED567;
    }
    table.detailTable td.error {
        background-color: #FF0000;
    }
    table.detailTable td.highLight {
        background-color: #BED567;
    }

    tr.odd {
        background-color: #DEDEDE;
    }
    tr.odd:hover, tr.t_odd.trhover
    {
        background-color: #F9DD55;
    }

    tr.even {
        background-color: #EFEFEF;
    }
    tr.even:hover, tr.t_even.trhover
    {
        background-color: #F9DD55;
    }


    /* tables used on module list pages */
    table.listTable {
        width : 100%;
        padding : 0px ;
        margin : 0px;
        border-collapse:collapse;
        empty-cells : show;
        table-layout:fixed;
    }
    table.listTable tr:hover {
        background-color:#C4D976;
    }

    table.listTable th {
        padding:2px 0 0px 5px;
        height:30px;
        font-size : 11px ;
        background-color:#99A1B0;
        font-weight:normal;
        border: 1px solid #FFFFFF;
        border-left: 2px solid #FFFFFF;
        border-bottom: 5px solid #FFFFFF;
    }
    table.listTable th.up {
        background-image: url("/images/up.png");
        background-position: 4px 0px;
        background-repeat:no-repeat;
    }
    table.listTable th.down {
        background-image: url("/images/down.png");
        background-position: 4px 0px;
        background-repeat:no-repeat;
    }

    table.listTable th img {
        margin:0 0 0 5px;
    }

    table.listTable th a {
        font-size : 11px;
    }

    table.listTable td {
        padding:2px 0 2px 2px;
        height:20px;
        font-size : 11px ;
        background-color:transparent;
        border: 1px solid #FFFFFF;
        border-left: 2px solid #FFFFFF;
        border-bottom: 2px solid #FFFFFF;
        overflow:hidden;
    }
    table.listTable td.listIcon {
        padding:2px 0 2px 0px;
        overflow:visible;
    }

    span.listTableNavigation {
        font-size : 11px ;
    }

    span.listTableNavigation a {
        font-size : 11px ;
    }
    /* used to color in the list tables based on status */
    /* the mapping is done in the files <moduleName>.<language>.php */
    .statusRed {
        background-color: #FFADAD;
    }
    tr.statusRed td{
        background-image: -moz-linear-gradient(top,#FFFFFF,#FF6161);
        background-color: #FFADAD;
    }

    .statusCheck {
        background-color: #FFD6AD;
    }
    tr.statusCheck td{
        background-image: -moz-linear-gradient(top,#FFFFFF,#7FBDDC);
        background-color: #FFD6AD;
    }

    .statusYellow {
        background-color: #FCFFAD;
    }
    tr.statusYellow td{
        background-image: -moz-linear-gradient(top,#FFFFFF,yellow);
        background-color: #FCFFAD;
    }
    .statusGreen {
        background-color: #C4D976;
    }
    tr.statusGreen td{
        background-color: #E9F1CB;
    }
    .statusDone {
        background-color: #EFEFEF;
    }
    tr.statusDone td{
        background-color: #EFEFEF;
    }
    tr.neutral td{
        background-color: #E9F1CB;
    }
    /* common hover color */
    table.listTable tr:hover td, table.listTable tr.trhover td{
        background: #C4D976;
    }
    table.detailTable td:hover, table.detailTable td.trhover {
        background: #C4D976;
    }

    /* used for status picture in detail pages */
    div.statusPicture {
        height: 30px;
        width:100%;
    }
    div.statusPicture div.statusBlank {
        width:20px;
        height:20px;
        background-color:#FFFFFF;
        border: 1px solid #99A1B0;
        float:left;
        margin:0 20px 0 0;
    }
    div.statusPicture div.statusRed {
        width:20px;
        height:20px;
        background-color:#9A0000;
        border: 1px solid #99A1B0;
        float:left;
        margin:0 20px 0 0;
    }
    div.statusPicture div.statusCheck {
        width:20px;
        height:20px;
        background-color:#FFD6AD;
        border: 1px solid #99A1B0;
        float:left;
        margin:0 20px 0 0;
    }
	div.statusPicture div.statusYellow {
        width:20px;
        height:20px;
        background-color:#9A9A00;
        border: 1px solid #99A1B0;
        float:left;
        margin:0 20px 0 0;
    }
    div.statusPicture div.statusGreen {
        width:20px;
        height:20px;
        background-color:#009A00;
        border: 1px solid #99A1B0;
        float:left;
        margin:0 20px 0 0;
    }
    div.statusPicture div.statusDone {
        width:20px;
        height:20px;
        background-color:#99A1B0;
        border: 1px solid #99A1B0;
        float:left;
        margin:0 20px 0 0;
    }

    #help {
        position: absolute;
        z-index:20;
        visibility:hidden;
        background-color:#FFFF99;
        border: 1px #82B4DF solid;
        width:180px;
        margin:20px 0 0 -20px;
        padding:10px;
        font-size:9px;
    }

    /* help Box */
    #helpBox {
        position: absolute;
        top: 120px;
        right: 0;
        background: #BED567;
        color:#000000;
        border:1px solid #111111;
        -moz-border-radius-topright: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-bottomright: 20px;
        -webkit-border-bottom-right-radius: 20px;
        width: 460px;
        height: auto;
        padding: 30px 30px 30px 0px;
        filter: alpha(opacity=90);
        opacity: .9;
        z-index: 90;
    }
    #helpBox #closeBox {
        position: relative;
        width: 120px;
        padding:26px 0 0 10px;
        height: 100%;
        float: left;
    }
    #helpBox #closeBox a {
        color: #FFFFFF;
        text-decoration: none;
    }
    #helpBox #contentBox {
        position: relative;
        width: 330px;
        float: right;
    }

    #helpBox h1{
        margin: 0 0 10px 0;
        padding: 0 0 5px 0;
        color: #444444;
        font-weight: 700;
        font-size: 116.67%;
        letter-spacing:0;
        border-color: #FFFFFF;
    }

    #helpBox h2{
        margin: 0;
        padding: 0;
        color: #000000;
        font-weight: 600;
        font-size: 100%;
    }

    #helpBox p{
        margin: 0 0 15px 0;
        padding: 0;
        color: #cccccc;
    }

    #helpBox a, #helpBox a:visited{
        margin: 0;
        padding: 0;
        color: #9FC54E;
        text-decoration: none;
        border-bottom: 1px solid #9FC54E;
    }

    #helpBox a:hover, #helpBox a:visited:hover{
        margin: 0;
        padding: 0;
        color: #ffffff;
        text-decoration: none;
        border-bottom: 1px solid #ffffff;
    }

    div.columnBox {
        overflow:hidden;
        background-color: #C4D976;
        border: 1px solid #99A1B0;
        border-radius: 4px ;
        padding: 6px 5px 6px 5px;
    }

    input.autocomplete {
        border: 1px solid #247C24;
        background-color: #D4E49E;
    }
    div.autocomplete {
        position:relative;
        background-color:white;
        margin:0;
        padding:0;
    }
    div.autocomplete ul {
        list-style-type:none;
        min-width:200px;
        margin:0;
        padding:0;
        border: 1px solid #99A1B0;
        background-color:white;
        z-index:999;
    }
    div.autocomplete ul li {
        list-style-type:none;
        background-color: #FFFFFF;
        border-bottom:1px solid #99A1B0;
        margin:0;
        padding:2px;
        cursor:pointer;
    }
    div.autocomplete ul li.selected { background-color: #BED567; color:#000000}

    /* tooltip stuff */
    a.tooltip {
        color: #000000;
        text-decoration: none;
        padding: 5px;
    }

    a.tooltip:hover {
        position: relative;
        text-decoration: none;
        padding: 5px;
    }

    a.tooltip span {
        display: none;
    }

    a.tooltip:hover span {
        display: block;
        position: absolute;
        top: -3px; left: 0px;
        margin: 0px;
        padding: 5px 5px 5px 30px;
        z-index: 1000;
        background: #BED567;
        border: 1px solid #111111;
        opacity: 0.9;
        text-align: left;
    }

    div.progressRed {
        background-color: red;
        height:10px;
    }
    div.progressYellow {
        background-color: blue;
        height:10px;
    }
    div.progressGreen {
        background-color: #247C24;
        height:10px;
    }

}