/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}
body {   line-height: 1; }
ol, ul {   list-style: none;}
blockquote, q {   quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {   content: '';   content: none; }
:focus {   outline: 0;}
ins {   text-decoration: none; }
del {   text-decoration: line-through; }
table, tr, td,th { border-collapse: collapse;   border-spacing: 0; vertical-align: top; }

/*default*/
html, body { width: 100%; font-family: arial, helvetica; font-size: 13px; line-height: 15px; color: #333; }
a { color: #1f54a4; text-decoration: underline; }
a:hover { text-decoration: none; }

h1 { font-size: 18px; font-weight: bold; margin-bottom: 25px; border-bottom: 1px solid #333; padding-bottom: 10px; }

.clear { display: block; clear: both; width: 100%; }
.floatr { float: right; }
.floatl { float: left; }

/*flash messages*/
#flashMessage { width: 946px; margin: 10px auto; padding: 5px; border: 2px solid #333; background-color: #f8f8f8; color: #333; font-weight: bold; }
#flashMessage.correct { border-color: #390; background-color: #e6ffe6; color: #390; }
#flashMessage.error { border-color: #c00; background-color: #ffe2e2; color: #c00; }
#authMessage { margin-bottom: 30px; }

/*buttons*/
.button { cursor: pointer; display: block; border: 1px solid #333; text-decoration: none; color: #333; background-color: #c4cdd9; padding: 5px; width: 150px; text-align: center; font-weight: bold; margin-bottom: 10px; line-height: 17px; }
.button:hover, .iconButton:hover { background-color: #e6e9ee; }

.addUser { background: url('../img/admin/user_add.png') 15px 5px no-repeat; padding-left: 20px; }
.addButton { background-color: #3c0; }
.addButton:hover { background-color: #3e0; }

.disabledButton { color: #999; }
.disabledButton:hover { background-color: #c4cdd9; }

.longButton { width: 250px; }
.deleteButton:hover { background-color: #f33; }
.flashButton { padding: 0 5px; height: 27px; margin: 0 0 10px; }

.iconButton { cursor: pointer; display: block; border: 1px solid #333; text-decoration: none; color: #333; background-color: #c4cdd9; padding: 40px 5px 5px; width: 100px; height: 15px; text-align: center; font-weight: bold; float: left; margin-right: 5px; }
.downloadLargeIcon { background: url('../img/admin/download.png') 39px 5px no-repeat #c4cdd9; }
.editLargeIcon { background: url('../img/admin/largeEdit.png') 39px 5px no-repeat #c4cdd9; }
.deleteLargeIcon { background: url('../img/admin/largeDelete.png') 39px 5px no-repeat #c4cdd9; }

/*stuff*/
.last { margin-bottom: 0; margin-right: 0; }
.wrapper { height: 20px; width: 100%; }
.loading { display: block; width: 100%; height: 19px; background: url('../img/admin/ajax-loader.gif') center no-repeat; }

/*header*/
#header { width: 920px; height: 20px; background-color: #203657; line-height: 20px; color: #c4cdd9; margin: 0 auto; padding: 3px 20px 5px; }
#header p a { color: #fff; font-size: 11px; }
#header p { float: left; }
#header a#logout { width: 45px; float: right; background: url('../img/admin/logout.png') 5px 3px no-repeat #c4cdd9; padding: 3px 5px 3px 25px; font-size: 12px; line-height: 14px; font-weight: normal; }
#header a#logout:hover { background-color: #e6e9ee; }

/*breadcrumb*/
#breadcrumb { width: 960px; padding: 10px 0; font-size: 12px; margin: 0 auto; }
#breadcrumb a { color: #333; }

/*footer*/
#footer { width: 920px; height: 20px; background-color: #203657; line-height: 20px; color: #c4cdd9; margin: 20px auto 0; padding: 3px 20px 5px; }
#footer a { color: #fff; }

/*content*/
#content { width: 960px; margin: 20px auto 0; }

#searchForm { display: block; margin-bottom: 25px; }
#searchForm #keyword, #searchForm #searchButton { font-size: 15px; line-height: 20px; font-family: arial, helvetica; }
#searchForm #keyword { width: 200px; }

.buttonsPage .col { width: 160px; margin-right: 40px; float: left; }

/*list table*/
.listTable { width: 100%; border-top: 1px solid #666; border-bottom: 1px solid #666; }
.listTable th { background-color: #ddd; text-align: left; font-weight: bold; border-bottom: 1px solid #666; }
.listTable td, .listTable th { padding: 5px; }
.listTable tr:hover { background-color: #f9f9f9; }

.usersTable td { line-height: 22px; }
.usersTable td .icon { margin-top: 3px; }

/*pagination*/
.pagination { width: 100%; margin-top: 20px; text-align: center; }
.pagination .prev { float: left; font-weight: bold; }
.pagination .next { float: right; font-weight: bold; }
.pagination .numbers span { padding: 0 5px; }
.pagination .current { background-color: #eee; }

/*users roles icons*/
.roleIcon { height: 32px; }
.roleIcon p { margin: 0; padding-left: 30px; font-weight: bold; color: #203657;  }
.role_root { background: url('../img/admin/administrator.png') 0 0 no-repeat; }
.role_admin { background: url('../img/admin/user_red.png') 0 0 no-repeat; }
.role_redaktor { background: url('../img/admin/user_green.png') 0 0 no-repeat; }

/*icons*/
.icon { display: block; float: left; width: 16px; height: 16px; margin-right: 7px; text-decoration: none; }
.largeIcon { display: block; float: left; width: 32px; height: 32px; margin-right: 7px; text-decoration: none; }

.orderUp { background: url('../img/admin/orderUp.png') 0 0 no-repeat; }
.orderDown { background: url('../img/admin/orderDown.png') 0 0 no-repeat; }
.edit { background: url('../img/admin/edit.png') 0 0 no-repeat; }
.delete { background: url('../img/admin/delete.png') 0 0 no-repeat; }
.edituser { background: url('../img/admin/user_edit.png') 0 0 no-repeat; }
.deleteuser { background: url('../img/admin/user_delete.png') 0 0 no-repeat; }
.accept { background: url('../img/admin/accept.png') 0 0 no-repeat; }
.cancel { background: url('../img/admin/cancel.png') 0 0 no-repeat; }

.largeDelete { background: url('../img/admin/largeDelete.png') 0 0 no-repeat; }

.last { margin-right: 0; }

/*add/edit forms*/
form .input input, form .input select, form .input textarea { font-family: arial, helvetica; font-size: 13px; border: 1px solid #333; background: url('../img/admin/inputBg.gif') 0 0 repeat-x #fbfbfb; }
form label { display: block; font-weight: bold; margin-bottom: 10px; }
form legend { padding: 5px; font-weight: bold; }
form fieldset { border: 1px solid #333; padding: 10px; margin-bottom: 15px; }
form .input input { width: 948px; height: 20px; padding: 5px; line-height: 20px; }
form .input textarea { width: 948px; height: 70px; padding: 5px; line-height: 15px; }
form .input { margin-bottom: 15px; width: 960px; }
form .input select { width: 958px; padding: 5px; line-height: 20px; height: 30px; }
form .formWrapper { width: 100%; height: 30px; }
form .error input, form .error select, form .error textarea, form .form-error { border-color: #f00; }
form .error-message { padding-top: 5px; color: #f00; font-weight: bold; }
form input.disabled { border-color: #ccc; }
form .input input.datepicker { width: 908px; float: left; }
form .input input.withButton { width: 778px; float: left; }
form .input .button { line-height: 20px; margin: 0; }
form .file input { background: #fff; height: auto; border: #eee; }
form .checkbox { padding: 5px 0; }
form .checkbox input { width: auto; height: auto; margin: 2px 10px 0 0; float: left; }
form .checkbox label { margin: 0; }

/*autocomplete styles*/
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: white; }

/*datepicker*/
.ui-datepicker-trigger { float: right; cursor: pointer; }

/*attachments*/
#attachments { border-bottom: 0; }
#attachments td { border-bottom: 1px solid #333; }
#attachments tr:hover { background-color: #fff; }
#attachments td.fileItem { padding-left: 65px; }
#attachments .fileItem .title { font-weight: bold; font-size: 14px; color: #333; line-height: 20px; margin-bottom: 5px; }
#attachments .fileItem .title input { float: left; margin-right: 7px; height: 16px; padding: 2px; }
#attachments .fileItem .title .icon { margin-top: 2px; }
#attachments .fileItem p { color: #777; font-size: 12px; }
#attachments .clickableRow { cursor: pointer; }
#attachments .hoveredRow .title { text-decoration: underline; color: #370; }

/*file extension icons*/
.extIcon { background: url('../img/filesicons/file.png') 5px 5px no-repeat; }
.ext-doc, .ext-docx { background: url('../img/filesicons/doc.png') 5px 5px no-repeat; }
.ext-zip, .ext-rar { background: url('../img/filesicons/zip.png') 5px 5px no-repeat; }
.ext-xls, .ext-xlsx { background: url('../img/filesicons/xls.png') 5px 5px no-repeat; }
.ext-pdf { background: url('../img/filesicons/pdf.png') 5px 5px no-repeat; }

.extSmallIcon { background: url('../img/filesicons/file-small.png') 5px 5px no-repeat; }
.ext-doc-small, .ext-docx-small { background: url('../img/filesicons/doc-small.png') 5px 5px no-repeat; }
.ext-zip-small, .ext-rar-small { background: url('../img/filesicons/zip-small.png') 5px 5px no-repeat; }
.ext-xls-small, .ext-xlsx-small { background: url('../img/filesicons/xls-small.png') 5px 5px no-repeat; }
.ext-pdf-small { background: url('../img/filesicons/pdf-small.png') 5px 5px no-repeat; }

/*galleries*/
#fileUploadContainer { width: 220px; }

#flashUploadForm img { display: block; margin: 0 auto 20px; }
#flashUploadForm .input { width: 630px; }
#flashUploadForm .input input { width: 618px; }

a#uploadPhoto { margin-top: 20px; }
#picturesList .photoThumb { display: block; width: 141px; height: 86px; float: left; margin-right: 19px; margin-bottom: 30px; }
#picturesList .photoThumb img { display: block; width: 141px; height: 86px; }

#galleriesList td { vertical-align: middle; }
#galleriesList p.typeInfo { font-size: 11px; margin-top: 5px; color: #777; }
#galleriesList p.picturesCount { font-size: 11px; margin-top: 2px; }
a.galleryLink { display: block; text-decoration: none; text-align: center; border: 1px solid #000; background-color: #ddd; width: 141px; height: 86px; }
a.galleryLink img { display: block; }
a.galleryLink span { display: block; margin-top: 20px; }

#navBar { background-color: #ddd; border-top: 1px solid #666; border-bottom: 1px solid #666; height: 30px; padding: 5px 10px; margin-bottom: 35px; }
form#searchPicture { display: block; width: 500px; float: left; }
form#searchPicture input { width: 200px; height: 28px; border: 1px solid #666; float: left; margin-right: 10px; padding: 0 5px; line-height: 28px; font-size: 12px; }
form#searchPicture #searchButton { width: 75px; margin: 0; float: left; }
form#searchPicture #resetFilters { width: 165px; margin: 0; float: left; margin-left: 10px; background-color: #fd5; }
#authorFilterContainer, #typeFilterContainer { float: right; padding-top: 5px; }
#photosList { width: 755px; margin: 0 auto; }
#photosList a { display: block; float: left; margin-right: 10px; margin-bottom: 20px; background-color: #ddd; }
#photosList a img { display: block; }

#ajaxContentContainer .pagination { width: 745px; margin: 0 auto; padding-right: 10px; }

.previewPic { padding: 10px; border: 1px solid #ddd; background-color: #fff; width: 400px; }
.previewPic img { display: block; width: 400px; height: 220px; margin-bottom: 10px; }
.previewPic p { margin-bottom: 10px; font-weight: bold; }
.previewPic .meta { color: #666; font-size: 11px; font-weight: normal; }

.photoMenu { width: auto; background-color: #fafafa; border: 1px solid #ccc; border-bottom: none; }
.photoMenu p { padding: 10px; font-size: 11px; line-height: 14px; width: 215px; font-weight: bold; border-bottom: 1px solid #ccc; background-color: #203657; color: #fff; }
.photoMenu a { display: block; padding: 5px; width: 225px; height: 16px; line-height: 16px; text-decoration: none; border-bottom: 1px solid #ccc; }
.photoMenu a:hover { background-color: #f0f0f0; }

.editCaptionForm { width: 412px; background-color: #fafafa; border: 1px solid #ccc; padding: 10px; }
.editCaptionForm input { width: 400px; height: 25px; border: 1px solid #666; padding: 0 5px; line-height: 25px; font-size: 12px; margin-bottom: 5px; }
.editCaptionForm a { width: 75px; margin: 0; float: right; clear: both; }

/*attach gallery to post*/
#attachGallery .galleryLink { float: left; margin-right: 10px; }
#attachGallery p.typeInfo { font-size: 11px; margin-top: 5px; color: #777; }
#attachGallery p.picturesCount { font-size: 11px; margin-top: 2px; }

#galleriesList .galleryItem { text-decoration: none; color: #000; display: block; float: left; width: 430px; height: 88px; margin-right: 10px; overflow: hidden; padding: 5px; margin-bottom: 10px; }
#galleriesList .galleryItem:hover { background-color: #eee; }
#galleriesList .noMarginRight { margin-right: 0; }
#galleriesList .galleryItem .pictureBox { display: block; float: left; width: 141px; height: 86px; border: 1px solid #666; text-align: center; background-color: #ccc; line-height: 50px; margin-right: 10px; }
#galleriesList .galleryItem .galleryTitle { display: block; font-weight: bold; margin-bottom: 3px; line-height: 16px; }
#galleriesList .galleryItem .picturesCount { display: block; font-size: 11px; margin-bottom: 5px; }
#galleriesList .galleryItem .typeInfo { display: block; font-size: 11px; color: #666; }

/*attach docs to post*/
#attachmentsList .removeAttachment { display: block; width: 16px; height: 16px; float: right; margin-left: 10px; margin-top: 10px; }
#attachmentsList li { clear: both; float: left; display: block; line-height: 32px; padding: 5px; padding-left: 40px; }
#attachmentsList li:hover { background-color: #f0f0f0; }

/*ads, baners and stuff like these*/
#AdEditForm { width: 910px; overflow: hidden; }
#AdEditForm .input { width: 910px; }
#AdEditForm .input input, #AdEditForm .input textarea { width: 898px; }
#AdEditForm .input select { width: 908px; }
#AdEditForm .CategoryChooseGroup .checkbox { float: left; width: 430px; }
#AdEditForm .checkbox { padding: 5px 0; }
#AdEditForm .checkbox input { width: auto; height: auto; margin: 2px 10px 0 0; float: left; }
#AdEditForm .checkbox label { margin: 0; font-weight: normal; }
#elementDisplayingTime { padding: 10px 0; }
#elementDisplayingTime input { float: left; height: 20px; width: 100px; line-height: 20px; padding: 0; margin: 0 10px; border: 0 none; border-bottom: 1px solid #999; text-align: center; font-size: 16px; font-family: arial, helvetica; background: transparent; font-weight: bold; }
#elementDisplayingTime input.form-error { border-bottom-color: #f00; }
#elementDisplayingTime p { font-weight: bold; float: left; line-height: 20px; }

#bannerFormContainer #bannerSettings .hiddenInput { display: none; }
#bannerFormContainer #bannerSettings #BannerFilename { width: 694px; margin-right: 10px; }
#bannerFormContainer #bannerSettings .flashButton { float: right; height: 30px; }
#AdEditForm #bannerFormContainer .input { width: 878px; }
#AdEditForm #bannerFormContainer .last { margin-bottom: 0; }
#AdEditForm #bannerFormContainer .input input, #AdEditForm #bannerFormContainer .input textarea { width: 866px; }
#AdEditForm #bannerFormContainer .input select { width: 876px; }
#AdEditForm #bannerFormContainer .radio input { width: auto; height: auto; margin: 0 10px 0 0; float: left; }
#AdEditForm #bannerFormContainer .radio label { font-weight: normal; float: left; margin-right: 40px; }
#bannerFormContainer { background-color: #fff8df; padding: 15px; width: 878px; margin-bottom: 25px; }
#bannerTabs { width: 910px; padding: 0; margin: 0; height: 35px; }
#bannerTabs a { display: block; float: left; height: 35px; line-height: 35px; padding: 0 10px; background-color: #eee; }
#bannerTabs a.selected { background-color: #fff8df; text-decoration: none; }

#campaignElements { clear: both; }
#campaignElements .campaignEl { border: 1px solid #999; padding: 10px; width: 916px; margin-top: 15px; background-color: #f6f6f6; }
#campaignElements .newCampaignEl { background-color: #fffbf0; }
#campaignElements .campaignElInfo { float: left; width: 744px; overflow: hidden; }
#campaignElements .campaignEl .button { margin-left: 10px; float: left; }
#campaignElements .campaignEl p { margin-bottom: 10px; line-height: 17px; font-size: 13px; float: left; width: 744px; }
#campaignElements .campaignEl p span { display: block; width: 200px; font-weight: bold; float: left; }
#campaignElements .campaignEl p.bannerName { border-bottom: 1px solid #000; font-size: 14px; margin-bottom: 10px; padding-bottom: 5px; }

/*partners*/
#partnersCategoriesSelect { width: 150px; }
#partnerLogoPreview { display: block; margin-bottom: 10px; }
#partnerLogoPreviewLabel { display: block; font-weight: bold; margin-bottom: 10px; }