@charset "UTF-8";

@media all {
    
    /*--- Fonts -----------------------------------------------------------------------------------------*/
    
    html * {
        font-size: 100.01%;
    }
    
    textarea {
        font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
    }
    
    body {
        font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
        font-size: 75.00%;
    }
    
    /*--- Headings -----------------------------------------------------------------------------------------*/
    
    h1,h2,h3,h4,h5,h6 {
        font-family: "Times New Roman", Times, serif;
        font-weight: normal;
        color: #222;
        margin: 0 0 0.25em 0;
    }
    
    h1 {
        font-size: 230%;
    }
    
    h1 span {
        color: #3a78c6;
        font-size: 70%;
    }
    
    h2 {
        font-size: 200%;
        border-bottom: 2px solid #DDDDDD;
        padding-top: 1em;
    }
    
    h2 span {
        color: black;
        font-size: 70%;
        font-weight: normal;
    }
    
    h3 {
        font-size: 150%;
    }
        
    h4 {
        font-size: 133.33%;
    }
    
    h5 {
        font-size: 116.67%;
    }
    
    h5 span {
        color: #3a78c6;
        font-size: 90%;
        font-weight: normal;
    }
    
    h6 {
        font-size: 116.67%;
    }

    /*--- Lists -----------------------------------------------------------------------------------------*/
    
    ul, ol {
        line-height: 1.5em;
        margin: 0 0 1em 1em;
    }
    
    ul {
        list-style-type: disc;
    }
    
    ul ul {
        list-style-type: circle;
        margin-bottom: 0;
    }

    ol {
        list-style-type: decimal;
    }
    
    ol ol {
        list-style-type: lower-latin;
        margin-bottom:0;
    }

    li {
        margin-left: 0.8em;
        line-height: 1.5em;
    }
    
    /*--- general text formatting -----------------------------------------------------------------------------------------*/
    
    p {
        line-height: 1.5em;
        margin: 0 0 1em 0;
    }
    
    strong, b {
        font-weight: bold;
    }
    
    strong.highlight {
        color: green;
    }
    
    em, i {
        font-style: italic;
    }

    hr {
      color: #fff;
      background: transparent;
      margin: 0 0 0.5em 0;
      padding: 0 0 0.5em 0;
      border: 0;
      border-bottom: 1px #eee solid;
    }

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

    a {
        background: transparent;
        text-decoration: none;
    }
    
    a:focus, a:hover, a:active {
        text-decoration: underline;
    }

    #footer a, #header a {
        color: #aac;
        background: transparent;
        font-weight: bold;
    }
    
    #footer a:focus, #footer a:hover, #footer a:active, #header a:focus, #header a:hover, #header a:active {
        color: #fff;
        background-color: transparent;
        text-decoration: underline;
    }
    
    #topnav a {
        color: #fff;
        font-weight: bold;
        background: transparent;
        text-decoration: none;
    }
    
    #topnav a:focus, #topnav a:hover, #topnav a:active {
        text-decoration: underline;
        background-color: transparent;
    }

    /*--- Generic content classes -----------------------------------------------------------------------------------------*/
    
    .note {
        background: #efe;
        color: #040;
        border: 2px #484 solid;
        padding: 10px;
        margin-bottom: 1em;
    }
        
    .warning {
        background: #fee;
        color: #400;
        border: 2px #844 solid;
        padding: 10px;
        margin-bottom: 1em;
    }
    
    .paragraph {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .float_left {
        float: left;
        display: inline;
        margin-right: 1em;
        margin-bottom: 0.15em;
    }
    
    .float_right {
        float: right;
        display: inline;
        margin-left: 1em;
        margin-bottom: 0.15em;
    }
    
    .center {
        text-align: center;
        margin: 0.5em auto;
    }
    
    .right {
        text-align: right;
    }
    
    .left {
        text-align: left;
    }
    
    .tiny {
        font-size: 0.9em;
    }
    
    .yel_back {
        background-color: #ffffc1;
    }
    
    .whi_back {
        background-color: #ffffff;
    }
    
    .grey_background {
        background: grey;
    }
    
    /*--- Form -----------------------------------------------------------------------------------------*/
    
    div.label {
        color: #00448D;
        font-weight: bolder;
        margin-bottom: 3px;
    }
    
    span.label {
        color: #00448D;
        font-weight: bolder;
    }

    .fieldWithErrors input, .fieldWithErrors select {
        padding: 2px;
        border: 2px solid red;
    }
    
    #errorExplanation {
        width: 400px;
        border: 2px solid red;
        padding: 7px;
        padding-bottom: 12px;
        margin-bottom: 20px;
        background-color: #f0f0f0;
    }
    
    #errorExplanation h2 {
        text-align: left;
        font-weight: bold;
        padding: 5px 5px 5px 15px;
        font-size: 12px;
        margin: -7px;
        background-color: #c00;
        color: #fff;
    }
    
    #errorExplanation p {
        color: #333;
        margin-bottom: 0;
        padding: 5px;
    }
    
    #errorExplanation ul li {
        font-size: 12px;
        list-style: square;
    }
    
    /*--- Table -----------------------------------------------------------------------------------------*/

    table {
        width: auto;
        border-collapse: collapse;
        margin-bottom: 0.5em;
    }
    
    th,td {
        padding: 0.5em;
    }
    
    thead th {
        background: #444;
        color: #fff;
    }
    
    thead.sub th {
        background: grey;
        color: #fff;
    }
    
    tbody th {
        background: #ccc;
        color: #333;
    }
    
    td.attribute_name {
        color: #00448D;
        font-weight: bolder
    }
    
    table.full {
        width: 100%;
    }
    
    table.fixed {
        table-layout: fixed;
    }
    
    tbody th.sub {
        background: #ddd;
        color: #333;
    }
    
    table th.transparent {
        background-color: transparent;
    }
    
    table td.total {
        border-top: 1px solid #444;
        text-align: right;
    }
    
    table td.sep {
        border-top: 1px solid #444;
    }
    
    table td.vat {
        padding-left: 0px;
    }
    
    table.list {
        width: 100%;
        border: 1px solid #444;
    }
    
    table.list th, table.list td {
        padding-left: 1em;
        padding-right: 1em;
    }
    
    table.list tfoot {
        border-top: 1px solid #444;
    }
    
    table.list th a {
        color: #C0C0C0;
    }
    
    table.list th a:focus, a:hover, a:active {
        background-color: transparent;
        text-decoration: underline;
    }
    
    table.list thead tr.group th {
        font-size: 116.67%;
        font-weight: bold;
        text-align: center;
    }
    
    table.simple {
        width: 100%;
        border: 0px solid white;
    }
    
    table.simple th, table.simple td {
        padding: 0.5em;
        color:black;
    }
    
    table.simple th {
        font-weight: bold;
        background: white;
    }
    
    table.simple thead {
        border-bottom: 1px solid black;
    }
    
    table.simple tfoot {
        border-top: 0px solid white;
    }
    
    table.form td {
        padding: 0em;
        padding-bottom: 5px;
    }
    
    table.form td.attribute {
        font-weight: bold;
    }
    
    table.form td.input {
        text-align: right;
    }
    
    table.box {
        border: 1px solid #404347;
    }
    
    table.box td {
        padding: 5px;
    }
    
    table.layout, table.layout th, table.layout td {
        margin: 0;
        padding: 0
    }
    
    table.action_bar {
        margin-bottom: 0em;
    }
    
    table.action_bar td {
        padding: 0.1em;
    }
    
    div.box_c38l {
        margin-left: 5px;
    }
    
    ul.form_elements li {
        margin-bottom: 10px;
    }
    
    table.pip {margin: 0; padding: 0; border-collapse: collapse; width: 100%;}
    table.pip td, table.pip th {padding: 10px 4px; border-bottom: 1px solid #EEE;}
    table.pip thead th { background: url(/images/prettyinpink/header_row.png) repeat-x #F8F8F8; color: #555555; }
    table.pip tbody th { background: url(/images/prettyinpink/row.png) repeat-x #F8F8F8; }
    table.pip th {text-align: left;}
    table.pip th {color: #555; font-size: 0.8em;}
    table.pip tr {font: 12px sans-serif; background: url(/images/prettyinpink/row.png) repeat-x #F8F8F8; color: #666;}
    table.pip tr.highlight {background: url(/images/prettyinpink/highlighted_row.png) repeat-x #F8F8F8;}
    
    /*--- Miscellaneous -----------------------------------------------------------------------------------------*/
        
    div.box_title {
        color: #3a78c6;
        font-weight: bold;
        font-size: 130%;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    
    div.help, div.attention {
        display: none;
        font-size: 12px;
        font-weight: normal;
        color: grey;
        padding: 0.5em;
        margin: 1em;
        border: 1px dashed #3a78c6;
    }
    
    div.attention {
        display: inline;
        border: 1px dashed red;
    }
    
    div.help li span, div.attention li span {
        color: black;
        font-size: 12px;
    }
}