/* COMMON FOR SCREEN AND PRINT */

body {background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; text-align: left; line-height: 150%;}

table, .table {display: table; width: 100%; font-size: 100%; border-collapse: collapse;}
.table-row {display: table-row;}
th, td, .table-cell {display: table-cell; border: 1px solid #ddd; padding: 0.2em 0.5em; text-align: left; vertical-align: middle;}
.noborder th, .noborder td, .noborder .table-cell {border: none;}
th, .table-row.header .table-cell {font-weight: bold;}
.table-caption {display: table-caption; caption-side: bottom;}

img {border: none;}
:focus {outline: 0;}

.fll {float: left; margin: 0;}
.flr {float: right; margin: 0;}
.cl {clear: both; display: block;}

.half {width: 43%;}
.w30p {width: 30%;}

.hidden {display: none !important;}
.small {font-size: 85%;}

.center {text-align: center;}
.right {text-align: right;}


@media screen, projection {

/* GENERAL */

* {margin: 0; padding: 0;}

body {background-color: #eee;}

a {color: #000;}
a:hover {text-decoration: none;}

.ui-widget {font-family: inherit !important; font-size: 1em !important;}
.ui-widget button {font-family: inherit !important;}

/* HEADER */

#header {width: 100%; background-color: #009CA5; color: #fff; line-height: 40px; position: fixed; z-index: 100;}
#header a {color: #fff;}

#header h1 {margin-left: 220px; font-weight: bold;}

#logo {float: left; padding-left: 25px; font-size: 150%; font-weight: bold; font-style: italic; letter-spacing: 0.1em;}
#logo a {color: #4eb4b7; text-decoration: none;}
#logo a:hover {color: #57c1c6;}
#logo span {letter-spacing: 0;}

#user {position: absolute; top: 5px; right: 20px; font-size: 85%; text-align: center; line-height: 130%;}
#user strong {display: block; font-size: 100%;}

#edit_lang {position: absolute; top: 8px; right: 200px; line-height: 100%;}
#edit_lang select {width: auto;}

/* MENU */

#modules {width: 160px; padding: 20px 0 20px 20px; background-color: #D3E27E; list-style-type: none; position: fixed; top: 40px; left: 0; z-index: 99;}
#modules li.active {background-color: #fff; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#modules li.active a {color: #777;}
#modules a {display: block; padding: 0.6em 10px 0.6em 35px; text-decoration: none; background-repeat: no-repeat; background-position: 10px 50%;}
#modules a:hover {text-decoration: underline;}

#modules a.Admin {background-image: url(../images/icons/application_view_tile.png);}
#modules a.Administrators {background-image: url(../images/icons/group_key.png);}
#modules a.Pages {background-image: url(../images/icons/page_white_text.png);}
#modules a.Settings {background-image: url(../images/icons/cog.png);}
#modules a.Translations {background-image: url(../images/icons/comments.png);}

/* CONTENT */

#content {width: 850px; height: 100%; padding: 10px 40px 20px 40px; margin-left: 180px; background-color: #fff; position: relative; top: 40px;}
#content.error {width: 400px; padding-top: 30px;}
#popup {padding: 0 20px; position: relative;}

#content h1, #content h2, #content h3, #content p, #content table, #content .table, #content ul, #content ol, #content dl, #content fieldset {margin: 1em 0;}
#popup h1, #popup h2, #popup h3, #popup p, #popup table, #popup .table, #popup ul, #popup ol, #popup dl, #popup fieldset {margin: 1em 0;}
#popup h1 {display: none;}

#content ul, #popup ul, #content ol, #popup ol {margin-left: 2em;}

#content th, #popup th, #content .table-row.header .table-cell, #popup .table-row.header .table-cell {color: #fff; background-color: #333; border: 1px solid #333; padding: 0.5em 0.5em;}
#content th a, #popup th a, #content .table-row.header .table-cell a, #popup .table-row.header .table-cell a {color: #fff;}
#content .noborder th, #popup .noborder th, #content .noborder th a, #popup .noborder th a, #content .noborder .table-row.header .table-cell, #popup .noborder .table-row.header .table-cell, #content .noborder .table-row.header .table-cell a, #popup .noborder .table-row.header .table-cell a
{border: none; background: none; color: #000;}
#content .noborder th label, #popup .noborder th label, #content .noborder .table-cell label, #popup .noborder .table-cell label {font-weight: normal;}

.messages {padding: 1em 45px; font-size: 110%; font-weight: bold;}
.messages.success {color: #090; border: 1px solid #090; background: #E1F7E1 url(../images/icons/accept.png) no-repeat 15px 50%;}
.messages.alert {color: #f00; border: 1px solid #f00; background: #FFEDED url(../images/icons/error.png) no-repeat 15px 50%;}

p.back, p.next {background-color: #FFFB94; padding: 0.3em 0;}
p.back a {background: url(../images/icons/arrow_left.png) no-repeat center left; padding-left: 20px;}
p.next a {background: url(../images/icons/arrow_right.png) no-repeat center left; padding-left: 20px; margin-right: 20px;}
p.next a.add {background-image: url(../images/icons/add.png);}
p.next .icon {padding: 0 !important; margin: 0 !important;}

p#navigation {background-color: #065081; padding: 5px 10px 5px 0; margin: 0; position: absolute; top: 24px; right: 40px;}
p#navigation a, p#navigation i {display: block; float: left; margin-left: 10px;}
p#navigation a {background-color: #fff;}
#popup p#navigation {top: 1em; right: 20px;}

#pages-wrap {position: relative; margin: 1em 0;}
#pages-wrap #pages1, #pages-wrap #pages2 {background-color: #065081; padding: 2px 10px 2px 5px; margin: 0; position: absolute;}
#pages1 {top: -2.95em; right: 0;}
#pages2 {bottom: -2.95em; right: 0;}
#pages1 a, #pages1 i, #pages1 select, #pages2 a, #pages2 i, #pages2 select {display: block; float: left; margin-left: 5px;}
#pages1 a, #pages1 i, #pages2 a, #pages2 i {margin-top: 2px;}
#pages1 a, #pages2 a {background-color: #fff;}

h1 {font-size: 190%; font-weight: normal;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}

div.cl {height: 1px; font-size: 1px; line-height: 1px; margin-bottom: -1px;}
hr {height: 1px; border: none; border-bottom: 1px solid #ccc;}

tr.filter th, .table-row.filter .table-cell {background-color: #666 !important; border: 1px solid #666 !important;}
tr.odd td, .table-row.odd .table-cell {background-color: #F0F7FF;}
tr.empty td, .table-row.empty .table-cell {background-color: #F8D3D3;}
tr.selected td, .table-row.selected .table-cell {background-color: #A8C6EA !important;}

.note {font-size: 85%; color: #666; padding-left: 0.7em; vertical-align: middle;}

.actions {text-align: center; white-space: nowrap;}
.actions a {border-left: 1px solid #ccc; padding: 0 0.3em 0 0.6em;}
.actions a:first-child {border: none; padding: 0 0.3em;}

.filter input[type=text] {width: 90%;}

p.empty {padding: 20px 0; text-align: center; font-style: italic;}

/* FORMS */

fieldset {padding: 0 20px; border: 1px solid #ccc; border-radius: 5px;}
legend {border: 1px solid #ccc; background-color: #eee; padding: 0.2em 1em; color: #666; font-weight: bold; border-radius: 3px;}

label {width: 100px; float: left; font-style: italic;}
label.default {width: auto !important; display: inline; float: none;}
label.default.block {display: block;}

input, select, textarea {width: 190px; height: 20px; padding: 0 5px; margin: 0.1em 0; font-size: 12px; background-color: #fff; border: 1px solid #666; border-radius: 3px;}
input.active, select.active, textarea.active {background-color: #FBF5DB; border: 1px solid #F09C00;}
input.default, select.default, textarea.default, input[type=checkbox], input[type=radio] {width: auto; height: auto;}
select {width: 202px; padding: 0;}
textarea {width: 100%; height: auto;}
input[type=checkbox], input[type=radio] {padding: 0;}
input[type=image] {width: auto !important; height: auto !important; padding: 0; background-color: transparent; border: none !important;}

input.button {width: auto; height: 30px; padding: 0 2em; margin: 1em 0 0 100px; color: #fff; font-weight: bold; background-color: #666; border: 1px solid #fff; border-radius: 5px;}
input.button.inline {height: 25px; padding: 0 0.5em; margin: 0;}
input.button.default {margin-left: 0;}
form.autosave input.button {display: none;}

form.event_inlineAdd {background-color: #FFFB94;}

.required {color: #f00;}

/* FLAGS */

.flag {width: 16px; height: 11px; display: inline-block; overflow: hidden; color: transparent !important; background: url(../images/flags.png) no-repeat 0 0 !important;}

.flag.cs {background-position: -180px -80px !important;}
.flag.en {background-position: -200px -120px !important;}
.flag.hu {background-position: -160px -160px !important;}
.flag.pl {background-position: -100px -300px !important;}
.flag.ro {background-position: -80px -320px !important;}

/* ICONS */

.icon {width: 16px; height: 16px; display: inline-block; overflow: hidden; color: transparent !important; background-repeat: no-repeat !important; background-position: 65% 50% !important;}

.icon.active {background-image: url(../images/icons/tick.png) !important;}
.icon.bottom {background-image: url(../images/icons/arrow_bottom.png) !important;}
.icon.delete {background-image: url(../images/icons/delete.png) !important;}
.icon.detail {background-image: url(../images/icons/magnifier.png) !important;}
.icon.down {background-image: url(../images/icons/arrow_down.png) !important;}
.icon.edit {background-image: url(../images/icons/pencil.png) !important;}
.icon.export {background-image: url(../images/icons/page_go.png) !important;}
.icon.inactive {background-image: url(../images/icons/cross.png) !important;}
.icon.next {background-image: url(../images/icons/resultset_next.png) !important;}
.icon.next.inactive {background-image: url(../images/icons/resultset_next_grey.png) !important;}
.icon.ok {background-image: url(../images/icons/accept.png) !important;}
.icon.prev {background-image: url(../images/icons/resultset_previous.png) !important;}
.icon.prev.inactive {background-image: url(../images/icons/resultset_previous_grey.png) !important;}
.icon.send {background-image: url(../images/icons/email_go.png) !important;}
.icon.top {background-image: url(../images/icons/arrow_top.png) !important;}
.icon.up {background-image: url(../images/icons/arrow_up.png) !important;}

/* MODULES */

form.pages #name, form.pages #address {width: 280px;}
form.pages #extra {width: 292px;}
form.pages .address {position: relative;}
form.pages .address .note {position: absolute; bottom: -2em;}
form.pages .extra {padding-top: 1em;}
form.pages #description, form.pages #keywords {width: 380px; height: 70px;}

}


@media print {

.noprint, #logo, #user, #modules, #navigation, p.next, p.back {display: none;}

}