@import url('/css/login.css') all;
@import url('/css/menus.css') all;
@import url('/css/watermark.css') all;
@import url('/css/jQuery-ui-overrides.css') all;
@import url('/css/smartbar.css') all;

/**
 * This is the global CSS styling, which covers layout and pulls things 
 * together.
 *
 * @category    Zend
 * @package     Application
 * @copyright   Copyright (c) 2010-2013 Douglas Needham (cinnion@gmail.com).
 *              All rights reserved unless specifically granted through a written license agreement.
 *
 */
html {
    font-family:                sans-serif,verdana,arial,helvetica,tahoma,calibri;
    font-size:                  14px;
    padding:                    0;
    margin:                     0;
    border:                     0;
}

body {
    overflow:                   hidden;
    padding:                    0px;
    margin:                     0px;
}

#header {
    position:                   absolute;
    top:                        0px;
    left:                       0px;
    height:                     130px;
    width:                      100%;
}

#header-logo {
    float:                      left;
    height:                     75px;
    width:                      350px;
    margin:                     10px 0px 0px 10px;
    background-repeat:          no-repeat;      
}

#header-msgs {
    position:                   relative;
    text-align:                 center;
    z-index:                    4;
}

.header_msgs_error {
    border-color:               red;
    border-style:               solid;
    border-width:               5px;
    padding:                    20px 10px;
    color:                      red;
}

.header_msgs_info:before, .header_msgs_info:after {
    position:                   relative;
    bottom:                     -18px;
    content:                    url("/images/stop_g.png");
}
.header_msgs_warning:before, .header_msgs_warning:after {
    position:                   relative;
    bottom:                     -18px;
    content:                    url("/images/stop_y.png");
}
.header_msgs_error:before, .header_msgs_error:after {
    position:                   relative;
    bottom:                     -18px;
    content:                    url("/images/stop_r.png");
}

#header-user {
    float:                      right;
    text-align:                 right;
    position:                   relative;
    margin:                     10px 10px 0px 0px;
}

#header-user > #login-form {
    float:                      right;
    text-align:                 right;
    position:                   relative;
    z-index:                    +100;
}

#header-status {
}

#navigation {
    position:                   absolute;
    bottom:                     4px;
    width:                      100%;   
}

div#content {
    position:                   absolute;
    top:                        130px;
    left:                       0px;
    bottom:                     26px;
    width:                      100%;
    overflow:                   auto;
}

div#content-header {
    position:                   absolute;
    left:                       0px;
    width:                      100%;
    font-size:                  17px;
}

div#content-header div.ui-widget-header {
    border:			0px;
    margin:                     0px 16px;
    padding:                    6px 16px;
    text-align:                 center;
}

#footer {
    position:                   absolute;
    bottom:                     0px;
    left:                       0px;
    height:                     20px;
    padding:                    3px 0px;
    width:                      100%;
    background-color:           #2779aa;
    color:                      white;
}

#footer-left {
    float:                      left;
    bottom:                     0px;
    margin:                     0px 10px;
}

#footer-center {
    margin-left:                auto;
    margin-right:               auto;
    width:                      70%;
    bottom:                     0px;
    text-align:                 center;
}

#footer-help {
    float:                      right;
    bottom:                     0px;
    margin:                     0px 10px;
}

#footer-help a {
    color:			white;
}

div.paginationControl span {
    display:                    inline-block;
}

div.paginationControl a {
    color:                      blue;
}

div.paginationControl span.disabled {
    color:                      #bebebe;
}

div#role {
    color:			white;
}

div#role a {
    color:			white;
}

iframe#intranet, iframe#perflogic {
    width:                      97%;
    height:                     97%;
    margin:                     2px 20px 2px 5px;
}

form label:after {
    content:                    ":";
    padding-right:              5px;
}

form label {
    display:                    inline-block;
    text-align:                 right;
    margin-right:               0.5em;
}

form fieldset {
    border:                     1px solid black;
    border-radius:              9px 9px 9px 9px;
    margin:                     10px 0px;
}
form fieldset.readonly {
    background-color:           rgba(255,240,240,1);
}

form fieldset.readonly input {
    background-color:           rgba(255,240,240,1);
}

form fieldset.readonly input[readonly], form fieldset.readonly input[disabled] {
    border:                     medium none;
    color:                      black;
}

form#ue_form label {
//    width:                      150px;
    width:                      12em;
}

div.center {
    margin-left:                auto;
    margin-right:               auto;
    text-align:                 center;
}

span.loading {
    position:                   relative;
    bottom:                     7px;
}