/** styles for private pages */

/** general styles */
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

body.noBkg {
    background: #fff;
}

.statusMessage {
    font-size:14px;
    font-weight:bold;
    color:#c71209;
}

div.statusMessage {
    color:#000;
    width:100%;
    border:#004792 1px solid;
    background-color:#bbdcec;
    padding:3px;
}

.smallGrey {
    font-size:10px;
    color:#666;
}

select.small {
    font-size: xx-small;
}

h3.global {
    width:97%;
    border:1px solid #026292;
}

.fieldError {
    font-weight: bold;
    color:#c30;
}

a.add, a.edit, a.delete, a.calendar, a.view, a.magnify, a.checkbox, a.check, a.download, a.top {
    font-size:12px;
}

/** over all container */
div.adminContainer {
    border:1px solid #ccc;
    min-width:955px;
    margin:10px;
    padding:7px;
}

/** Header Styles */
div.headerContainer {
    padding:0 3px 5px 3px;
    border-bottom:1px solid #ccc;
}

span.applicationName {
    font-size:16px;
    font-weight: bold;
    color:#555;
}

span.usersName {
    font-size:13px;
}

span.usersInfo {
    float:right;
    text-align:right;
    padding-right:3px;
}

div.usersInfo {
    position:absolute;
    left:625px;
    top: 60px;
    width:300px;
    text-align: right;
}

div.tableMenu {
    padding:5px;
    background-color: #eee;
    border: 1px solid #ccc;
    margin: 4px 0 -7px 0;
}

/** input styles */
input.text {
    font-size:11px;
    border:#666 1px solid;
    padding:2px;
}

input.button {
    background-color:#6e95c3;
    border:#369 1px solid;
    padding:0px 4px 0px 4px;
    color:#000;
    font-size:11px;
    height:20px;
    font-weight:bold;
    margin-left: 0;
}

input.appField, select.appField, select.inputField, input.inputField {
    font-size:11px;
    border:#666 1px solid;
    background-color: #fff;
}

textarea {
    font-family:Arial, Helvetica, sans-serif;
}

/** login page */
/*
div.loginContainer {
    border:1px solid #ccc;
    width:400px;
    margin:10px;
    padding:7px;
    font-size:12px;
}
*/

span.loginTitle {
    font-size:18px;
    font-weight: bold;
    color:#555;
}

input.loginField {
    margin-bottom:3px;
}

/** debug styles */
div#debugInfo {
    background-color:#fff;
}

div.errorWarning {
    position:absolute;
    top:2px;
    left:10px;
    color:red;
    font-weight:bold;
    font-size:14px; z-index:0;
}

table.arrayDebug pre {
    font-size:11px;
}

.loading {
    padding: 17px 0pt 0pt;
    background: url(/images/loading.gif) no-repeat center;
}

/** ipro **/
.iProHeader {
    font-size:14px;
    color:#026292;
    font-weight: bold;
}
div.iProField {
    padding-bottom:15px;
}

.hidden {
    display:none;
}

.repeat {
    font-size: 10pt;
    border: none;
    padding-left: 16px;
    text-decoration: none;
    background-position: center left;
    background-repeat: no-repeat;
    display:inline;
}
.repeat {
    background-image: url(/lib/claerolib_3/images/repeat.png);
}

/** nav tabs **/
#navTabs {
    position:relative;
    float:left;
    width:71.7%;
    padding:0 0 0 21em;
    margin:0;
    list-style:none;
    line-height:1em;
    border-bottom:1px solid #026292;
}

#navTabs li {
    float:left;
    margin:0;
    padding:0 5px 0;
    border-bottom: none;
}

#navTabs a {
    display:block;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    background:#026292;
    margin:0;
    padding:0.25em 1em;
    border-bottom: none;
    cursor: pointer;
}

#navTabs a:hover { background:#00537d; }

#navTabs a.here {
    position:relative;
    z-index:102;
    background:#1586bf;
}

/** timeout div styles **/
#timeoutDialog { display:none; }