/**
 * Main system styles
 * @author Miroslav Kvasnica - niwi, niwiweb.wz.cz, miradrda@volny.cz
 * @date 26.6.2009
 */

* {
    margin: 0;
    padding: 0;
}

/*
 --
   Basic page elements
 --
*/

h1 {
    margin-bottom: 0.5em;
    padding: 0.5em 0 0 0;
}
h2 {
    margin-bottom: 0.8em;
    padding: 0.8em 0 0 0;
    font-size: 1.3em;
}
h3 {
    padding: 0.75em 0;
    font-size: 1.1em;
}
h4 {
    padding: 0.5em 0;
    font-size: 1em;
}
h1 a, h2 a, h3 a, h4 a {
    color: inherit;
}
hr {
    color: #CCCCCC;
}
textarea {
    width: 250px;
    height: 100px;
}
p {
    margin: 1em 0 0.5em 0;
}
iframe {
    border: 0;
}

.clear {
    clear: both;
}
.hidden, .hide {
    display: none;
}
.invisible {
    visibility: hidden;
}
.small {
    font-size: 70%;
}
.smaller {
    font-size: 85%;
}
.bigger {
    font-size: 115%;
}
.big {
    font-size: 150%;
}
.right {
    float: right;
}
.left {
    float: left;
}
.right-text, .text-right {
    text-align: right;
}
.left-text, .text-left {
    text-align: left;
}
.center {
    text-align: center;
}
.border {
    border: 1px solid gray;
    padding: 5px;
}
.absolute {
    position: absolute;
}
.gray {
    color: gray;
}
.lightgray {
    color: #bbbbbb;
}
.red {
    color: #FF3333;
}
.white {
    color: white;
}
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.normal {
    font-weight: normal;
}
abbr, acronym {
    border-bottom: 1px dotted;
    cursor: help;
}
.info, .info-big {
    display: table;
    margin: 0.5em 0;
    padding: 0.75em;
    border: 1px solid #d6deef;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background-image: url('../../images/system/backgrounds/blue_50.png');
    color: #666666;
    font-size: 1em;
    line-height: 1.2em;
}
.info-big {
    margin: 0.75em 0;
    font-size: 1.1em;
    font-weight: bold;
}
.yellowbox {
    display: table;
    margin: 0.5em 0;
    padding: 0.75em;
    border: 1px solid #dddd00;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #ffff66;
    color: #666666;
    line-height: 1.2em;
}
.box {
    margin: 0.75em 0;
    padding: 0.75em;
    background-image: url('../../images/system/backgrounds/maroon_30.png');
}
.caption {
    margin: 0.5em;
    padding: 1em;
    background-color:
    rgba(200, 200, 200, .8);
    border-radius: 0.5em;
    text-align: center;
    font-weight: bolder;
}
.left-col {
    float: left;
    width: 370px;
    margin: 10px 0 10px 10px;
}
.right-col {
    float: left;
    width: 370px;
    margin: 10px;
}

.gs-icon {
    margin: 3px;
}

table {
    border-collapse: collapse;
}

td, th {
    padding: 2px 3px;
    border-color: gray;
}

img {
    border: none;
}
select {
    padding-right: 5px;
}

ul {
    margin-left: 1.5em;
}
ol {
    margin-left: 25px;
}
label {
    cursor: pointer;
}

form {
    border: none;
}
fieldset {
    margin: 0.5em;
    padding: 0.5em;
}
legend {
    padding: 0 5px;
    color: #101050;
    font-size: 1.1em;
}
input, select, label {
    margin: 3px 10px 3px 0px;
}
input.radio {
    margin-left: 10px;
}

/*
 --
   Specific elements
 --
*/

/* Dummy - for TinyMCE */
.fancybox {
}

div#footer-admin {
    float: right;
}
div#footer-admin a {
    margin: 2px;
}

#debug-info {
    padding: 10px;
}
#debug-info h3 {
    margin-top: 20px;
    border-top: 1px solid gray;
}
#maskedUserForm {
    float: none;
}

.error-box {
    margin: 5px 5px 15px 5px;
    padding: 5px 15px 15px 32px;
    border: 1px solid #FF0000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background: #FFFF00 url('../../images/system/icons/cancel.png') no-repeat scroll 8px 50%;
    color: #CF0000;
    font-size: 0.9em;
}
.gs_message {
    margin: 5px 5px 15px 5px;
    padding: 15px 15px 15px 32px;
    border-radius: 25px;
    -moz-border-radius: 25px;
}
.info-message {
    border: 2px solid #CDDDFF;
    background: #E0EAFF url('../../images/system/icons/info.png') no-repeat scroll 8px 50%;
}
.success-message {
    border: 2px solid #A4E997;
    background: #E7FFE5 url('../../images/system/icons/accept.png') no-repeat scroll 8px 50%;
}
.fault-message {
    border: 2px solid #FF7D7D;
    background: #FFC8C8 url('../../images/system/icons/cancel.png') no-repeat scroll 8px 50%;
}
.error-box h3 {
    color: #CF0000;
    font-size: 1.2em;
    font-weight: bold;
}
.error-contact {
    margin-top: 1em;
    font-weight: normal;
}
.error-detail {
    margin: 0.7em 0;
    color: black;
}
.error-location {
    margin-top: 1em;
    font-size: 0.8em;
    font-weight: normal;
    font-family: courier;
    color: gray;
    line-height: 1.25em;
}
.error-box a {
    color: gray;
}
.debug {
    font-family: monospace;
    margin: 0.6em 0;
}

#ajaxError {
    position: absolute;
    top: 40%;
    left: 40%;
    width: 350px;
    padding: 5px 20px 20px 20px;
    border: 5px solid #970202;
    border-radius: 15px;
    background-color: #ef2d2d;
    color: white;
    font-size: 0.9em;
    overflow: auto;
    z-index: 999;
}
#closeAjaxDialog {
    float: right;
    display: block;
    width: 20px;
    margin: 5px 5px 0 5px;
    padding-bottom: 3px;
    border: 1px solid #970202;
    border-radius: 5px;
    line-height: 1.1em;
    text-align: center;
    color: white;
    text-decoration: none;
}
#closeAjaxDialog:hover {
    background-color: #970202;
}
#ajaxError .additionalInfo {
    font-size: 0.8em;
    color: #f0b3b3;
}

input.button, a.button {
    margin: 3px auto;
    font-weight: bold;
    font-size: 1.0em;
}
input.cancel, a.cancel {
    color: #BB4444;
}

.code {
    padding: 0.3em 0.5em;
    border: 1px double gray;
    font-family: courier;
    color: gray;
}
.star {
    color: blue;
    font-size: 1.3em;
}
.hint {
    border-bottom: 1px dotted;
    cursor: help;
}
.thousand {
    margin-left: 0.25em;
}

.image-button {
    text-indent: -2000px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
}

/* Clickable elments */
.gs-linkbox {
    /* applies both to the box and to the link! */
    cursor: pointer;
}
.gs-linkbox:hover a.gs-linkbox {
    text-decoration: underline;
}

.card-link {
    display: block;
    float: left;
    margin: 3px;
    padding: 7px 15px;
    border-right: 2px solid #DDDDDD;
    border-bottom: 3px solid #EEEEEE;
    border-top-left-radius: 7px 7px;
    border-top-right-radius: 7px 7px;
    background-color: #EEEEEE;
    color: #555555;
    text-decoration: none;
}
div.card-link {
    border-right-color: #CCCCCC;
    border-bottom-color: #BBBBBB;
    background-color: #DDDDDD;
    color: black;
    font-weight: bold;
}
a.card-link:hover {
    border-bottom-color: #AAAAAA;
    background-color: #BBBBBB;
    color: black;
}

ul.stepBox li {
    position: relative;
    float: left;
    margin: 3px 20px 3px 3px;
    padding: 10px 15px;
    border: 3px solid #BBBBBB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #EEEEEE;
    color: #222222;
    list-style: none;
    font-size: 1.1em;
    font-weight: bold;
}
ul.stepBox li .number {
    color: gray;
    font-size: 1.3em;
}
ul.stepBox li.active {
    background-color: #369A00;
    color: white;
}
ul.stepBox li.active .number {
    color: #CCCCCC;
}
ul.stepBox li img {
    position: absolute;
    right: -20px;
}
ul.stepBox li a {
    text-decoration: none;
}

table.gs-linkbox-table tr:hover td, table.gs-linkbox-table tr.odd:hover td {
    background-color: #f0f0f0;
    cursor: pointer;
}

.gtitlebox-src {
    margin: 3px;
}
div.gtitlebox {
    position: absolute;
    width: 300px;
    padding: 10px 15px 5px 15px;
    border: 2px solid #B7B7B7;
    background: #F3F5FD url('../../images/system/icons/comment.png') no-repeat;
    background-position: right 2px;
    color: #2B406B;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    z-index: 100;
}

.toolbox {
    margin: 10px 0;
    padding: 5px;
    border: 1px dotted gray;
    background-color: #AAAAAA;
}
.toolbox h4 {
    padding: 5px 0 0.5em 25px;
    background: url('../../images/system/icons/tools.png') no-repeat;
    background-position: 4px 3px;
    color: #666666;
}
.toolbox a.button, .toolbox input.button {
    font-size: 0.8em;
}

.polls {
    margin: 5px;
    padding: 5px;
    background: #F5F5FF;
    border: 1px solid #DDDDFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    color: #333333;
    line-height: 1.4em;
}
.polls h3 {
    padding: 0;
}
.polls p {
    margin: 0;
}
.polls ul {
    list-style: none;
}
.polls a {
    list-style: none;
}
.polls .count {
    float: left;
    margin-right: 3px;
}
.polls .poll-bar {
    float: left;
    width: 100px;
    height: 1.2em;
    margin-right: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    background-color: white;
}
.polls .poll-bar-inner {
    height: 1.2em;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    background-color: #1e79fd;
}

.face {
    display: block;
    float: left;
    width: 70px;
    margin: 5px 2px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 3px solid #CCCCCC;
    border-right: 3px solid #CCCCCC;
    background-color: white;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.face:hover {
    overflow: visible;
    z-index: 1000;
}
.face:hover {
    border-color: #999999;
}
.face img {
    width: 70px;
    height: 90px;
}
.face .info {
    margin: 3px;
}

.internal-messages h4 {
    padding-left: 20px;
    background: url('../../images/system/icons/email.png') left center no-repeat;
}
#messages-gsf-table tr td {
    background-color: white;
}
#messages-gsf-table tr.unread td {
    background-color: inherit;
}
#messages-gsf-table tr.unread td.subject {
    font-weight: bold;
}
#messages-gsf-table tr.unread td.id-field {
    padding-left: 25px;
    background-image: url('../../images/system/icons/email.png');
    background-position: 5px center;
    background-repeat: no-repeat;
}
#messages-gsf-table tr td.id-field {
    padding-left: 25px;
    background-image: url('../../images/system/icons/email_open.png');
    background-position: 5px center;
    background-repeat: no-repeat;
}