@charset "utf-8";
* { margin:0; padding:0;}
html, body {height:100%;}
body { font-family:Verdana, Geneva, sans-serif;}

/* -- Login-- */
#login { margin:25px 15px 25px 92px;}
#login h1 { font-size:16px; padding:5px 0; border-bottom:#ff9600 1px solid; margin-bottom:5px;}
#login p { font-size:12px;}
#login label { width:170px;}
#login input[type="submit"] { margin-left:170px;}

.container {min-height:100%; margin-bottom:-50px; position:relative;}
#header { background:#f1f1f1; border-bottom:#e5e5e5 1px solid; height:67px;}
.headHolder { width:980px; margin:0 auto;}
.logo-client { float:left; margin:0 16px;}
.adminInfo { float:left; width:650px; font-size:17px; padding-top:14px;}
.adminInfo .loginInfo { font-size:12px; margin-top:4px; color:#525252}
.adminInfo a { text-decoration:none; color:#525252}
.adminInfo .link-logaut { color:#ff9600}
.adminInfo a:hover { border-bottom:1px dotted;}
.logo-zon-studio { float:right; margin:1px 16px 0 0; width:208px; height:66px; overflow:hidden; text-indent:-999px; background:url(../i-admin/logo-zon-studio.png) center center}

#content-holder { width:980px; margin:0 auto; position:relative}
.breadcrumbs { border-bottom:#e5e5e5 1px solid; margin:0 14px 20px 14px; color:#585858; font-size:12px; padding:7px 4px 5px 177px; text-align:right}
.breadcrumbs a { text-decoration:none; color:#585858;}
.breadcrumbs a:hover { border-bottom:1px dotted;}

#lang-selector { position:absolute; left:15px; top:4px; list-style:none; font-size:12px; 1height:0px; 1overflow:hidden; padding:25px 0 2px 2px; border:#FFF 1px solid}
#lang-selector li { background:url(../i-admin/icon-flags.gif) no-repeat 0 0; padding:2px 0 2px 0; display:none; min-width:150px; opacity:0.6; filter:alpha(opacity=60);}
#lang-selector li a { padding-left:27px; text-decoration:none; color:#333}
#lang-selector .bg { background-position:0 0;}
#lang-selector .en { background-position:0 -50px;}
#lang-selector .active { display:block; position:absolute; top:0; left:2px; opacity:1.0; filter:alpha(opacity=100);}
#lang-selector:hover li { display:block;}
#lang-selector:hover { border:#666 1px solid; background:#FFF}
#lang-selector li:hover { opacity:1.0; filter:alpha(opacity=100);}

.site-elems-menu { float:left; width:175px; background:url(../i-admin/menu-sep.gif) no-repeat top right}
.site-elems-menu #sidebar { margin-left:16px; font-size:12px}
.site-elems-menu .portlet-decoration { display:none}
.site-elems-menu ul { list-style:none; margin-right:10px;}
.site-elems-menu ul li { padding:3px 0;}
.site-elems-menu ul li a { color:#000; text-decoration:none; padding:4px 4px; display:block; margin-left:-4px}
.site-elems-menu ul li a:hover { background:#f1f1f1}
.site-elems-menu ul .active a { color:#ff9600; border-left:#ff9600 2px solid; padding-left:5px; margin:0;}
.site-elems-menu ul li ul { margin-left:10px;}

.admin-content { float:left; width:776px; margin-left:15px;}
.admin-content .current-actions { background:#f1f1f1; border-bottom:#ff9600 1px solid; height:24px; padding:2px; position:relative}
.admin-content .current-actions h1 { font-size:16px; font-weight:normal; float:left; width:500px; padding:3px; overflow:hidden; height:16px;}

.available-operations { float:right; background:#FFF; position:absolute; top:0; bottom:-1px; right:0; padding:0 10px;}
.available-operations .elements-add,
.available-operations .elements-list,
.available-operations .search-button,
.available-operations .element-delete,
.available-operations .elements-edit,
.available-operations .elements-password
{ display:block; width:30px; height:30px; overflow:hidden; text-indent:-999px; float:left; margin:0 2px; background:url(../i-admin/icons-operations.gif) no-repeat 0 0;}
.available-operations .elements-add  {background-position:-50px 0px;}
.available-operations .elements-add:hover  {background-position:-50px -50px;}
.available-operations .elements-list {background-position:0px 0px;}
.available-operations .elements-list:hover  {background-position:0px -50px;}
.available-operations .search-button  {background-position:-100px 0px;}
.available-operations .search-button:hover  {background-position:-100px -50px;}
.available-operations .element-delete  {background-position:-150px 0px;}
.available-operations .element-delete:hover  {background-position:-150px -50px;}
.available-operations .elements-edit  {background-position:-200px 0px;}
.available-operations .elements-edit:hover  {background-position:-200px -50px;}
.available-operations .elements-password  {background-position:-250px 0px;}
.available-operations .elements-password:hover  {background-position:-250px -50px;}

.admin-content .search-form { display:none;}

.grid-view { clear:both;}
.grid-view-loading{	background:url(../i-admin/loading.gif) no-repeat;}
.grid-view-loading table {opacity:0.4; filter:alpha(opacity=40);}
.grid-view-loading .summary { padding-left:20px; opacity:0.4; filter:alpha(opacity=40);}
.grid-view .summary, .form .note { font-size:12px; margin-top:25px; border-bottom:#e5e5e5 1px solid; color:#666}

/* -- List items -- */
.items { width:100%; font-size:12px; border-collapse:collapse; margin-top:15px;}
.items a {text-decoration:none;}
.items th { height:11px; }
.items th a { display:block; background:url(../i-admin/table-head.png) repeat-x 0 5px; color:#000; padding-bottom:3px; height:13px; overflow:hidden; color:#666; border-left:#000 1px solid; border-right:#000 1px solid;}
.items th .asc span, .items th .desc span { color:#000; display:inline-block; padding-right:14px; background:url(../i-admin/table-head.png) no-repeat right 0;}
.items th .asc span { background-position:right -100px;}
.items th .desc span { background-position:right -125px;}
.items th a:hover { background-position:0 -45px; color:#ff9600}

.filters td { height:27px !important;}
.filters input[type="text"] { border:#cccccc 1px solid; background:url(../i-admin/icon-text-search.gif) no-repeat 0 0; width:100%; padding:2px 0 2px 2px; margin-left:-2px;}
.filters input[type="text"]:hover { background-position:0 -50px; border-bottom:#797979 1px solid; border-left:#797979 1px solid;}
.filters select {border:#cccccc 1px solid; width:100%; padding:1px 0; margin-left:-2px;}
.filters select:hover {border-bottom:#797979 1px solid; border-left:#797979 1px solid;}


thead tr { height:7px !important; background:none !important;}
thead tr td {background:none !important; border-bottom:none !important;}
.items tr td { background:url(../i-admin/table-cell-separator.gif) no-repeat right bottom; border-bottom:#cccccc 1px solid; padding:3px 2px 3px 3px; height:20px;}
.items tr:hover td {border-bottom:#999 1px solid;}
thead tr:hover td {border:none !important;}

.items tr td div { background:url(../i-admin/icons-items.png) no-repeat 0 0; height:17px; width:23px; float:left; margin-right:5px;}
.items tr:hover td div { background-position:0 -50px;}
.items .ui-sortable tr td div { background-position:-25px 0; }
.items .ui-sortable tr:hover td div { background-position:-25px -50px;}
.items .ui-sortable tr td div:hover {background-position:-25px -100px; cursor:move}
.items .ui-sortable tr td .sub_camp { background-position:-175px 0; }
.items .ui-sortable tr:hover td sub_camp { background-position:-175px -50px;}

.items .ui-sortable tr td { cursor:default}

/* -- items pageing -- */
.pager { color:#FFF; float:right;}
.pager .hidden { display:block;opacity:0.6; filter:alpha(opacity=60); }
.pager .hidden:hover {border:#cccccc 1px solid; background:#FFF; }
.pager .hidden a {cursor:default;}
.pager ul { list-style:none; font-size:12px;}
.pager ul li { float:left; border:#cccccc 1px solid; margin:0 0 5px 5px;}
.pager ul li a { display:block; padding:3px; text-decoration:none; min-width:20px; text-align:center; color:#000;}
.pager ul li:hover { background:#ffefd9; border:#666 1px solid;}
.pager ul .selected { background:#f1f1f1; border-bottom:#666 1px solid;}

/* -- specific items types -- */
.items .date { width:120px;}
.items td.btns2 { width:57px !important;}
.no-remove-btn .delete { display:none !important;}
.no-view-btn .view { display:none !important;}

/* -- items icons -- */
.items td.button-column { width:80px;}
.button-column a { display:block; overflow:hidden; text-indent:-999px; background:url(../i-admin/icons-items.png) no-repeat 0 0; width:17px; height:19px; float:left; margin:0 0 0 8px;}
.button-column .view { background-position:-50px 0;}	tr:hover .button-column .view { background-position:-50px -50px;}
.button-column .update { background-position:-75px 0;}	tr:hover .button-column .update { background-position:-75px -50px;}
.button-column .delete { background-position:-100px 0;}	tr:hover .button-column .delete { background-position:-100px -50px;}
.items td.no-delete {width:55px !important;}
.items td.no-delete .delete { display:none;}
.items tr:hover .button-column .view:hover { background-position:-50px -100px;}
.items tr:hover .button-column .update:hover { background-position:-75px -100px;}
.items tr:hover .button-column .delete:hover { background-position:-100px -100px;}
.items tr:hover { background:#ffefd9;}

/* --- SELECTED  --
.items tr.selected td {border-bottom:#999 1px solid;}
tr.selected { background:#ffdaa6; } --*/

/* -- View elemet -- */
.dataGrid , .detail-view { font-size:12px; width:100%; border-spacing:0; margin-top:10px;}
.dataGrid th, .dataGrid td, .detail-view th, .detail-view td { padding:5px 0;}
.dataGrid th, .detail-view th { text-align:right; width:200px; padding-right:5px; color:#999}
.dataGrid td, .detail-view td { border-bottom:#cccccc 1px solid}
.detail-view th { vertical-align:bottom; border-bottom:#FFF 1px solid}
.dataGrid tr:hover, .detail-view tr:hover { background:#ffefd9; }
.dataGrid tr:hover td, .detail-view tr:hover td { border-bottom:#666 1px solid}
.dataGrid tr:hover th, .detail-view tr:hover th {border-bottom:#666 1px solid}
.dataGrid .null, .detail-view .null { color:#CCC;}

/* -- Add elemts forms -- */
.form .note { margin-bottom:5px;}
.form .error, .form span.required { color:#C00}
.form .errorSummary { font-size:12px; border:#ff7f7f 1px solid; line-height:18px;}
.form .errorSummary p { padding:3px 0 0 25px; background:url(../i-admin/icons-validate.gif) no-repeat 3px 2px; color:#C00;}
.form .errorSummary ul { list-style:none}
.form .errorSummary ul  li { background:url(../i-admin/icons-validate.gif) no-repeat 5px -44px; padding-left:25px; }
.form .errorMessage {background:url(../i-admin/icons-validate.gif) no-repeat 3px -96px; font-size:11px; color:#C00; padding-left:22px; margin-left:143px;}
.form .hint { margin-left:150px; color:#666; font-size:11px;} 

.form .row { clear:both; padding-top:10px; font-size:12px;}
.form label { float:left; display:block; width:150px; font-size:12px;}
.form .rte { clear:both;}

.form select { width:454px; padding:1px;}
.form select, form input, .form textarea { border:#929799 1px solid}
.form select:hover, form input:hover, .form textarea:hover { border:#333 1px solid}
.form input[type="text"], .form input[type="password"] { width:448px; padding:2px;}
.form input[type="file"] { width:453px; padding:1px;}
.form input[type="checkbox"] { height:14px; width:14px;}
.form .row textarea {width:448px; padding:2px; max-width:448px; min-width:448px; max-height:150px; min-height:50px;}
.form input[type="submit"] { margin:20px 0 30px 150px; width:150px; padding:2px; width:454px;}
.form input[type="submit"]:hover, .form input.duplicate:hover { background:#CCC; cursor:pointer;}
.form input.duplicate {padding:2px; margin-left:20px; width:152px;}

.form .row .preview-image { margin-left:150px; max-width:454px; max-height:150px;}
.form .row .preview-video { margin-left:150px; max-width:454px; width:454px; max-height:300px;}
.form .level-labels input[type="checkbox"] { float:left}
.form .level-labels .label2 { display:block; float:left; margin: 0 20px 0 2px; width:auto;}

/* -- Multi Link Adder -- */
.form .add_more {background:url(../i-admin/icons-items.png) no-repeat -200px 0; padding:1px 0 2px 25px; margin-left:150px; cursor:pointer; width:100px; color:#333}
.form .add_more:hover { background-position:-200px -50px; color:#600}
.form .field_container { width:450px}
.form .field_container input[type="text"] { width:420px; float:left; clear:both; margin-top:5px;}
.form .field_container .remove_field {cursor:pointer; width:20px; height:17px; float:left; background:url(../i-admin/icons-items.png) no-repeat -100px 0; overflow:hidden; text-indent:-999px; margin:7px 0 0 4px;}
.form .field_container .remove_field:hover { background-position:-100px -100px;}

/* -- Multi Selector -- */
.ui-multiselect { margin-left:150px; width:auto !important;}
.multiselect {height: 200px;}
.ui-multiselect .selected { width:350px !important;}
.ui-multiselect .available { width:273px !important;}

.ui-multiselect { border:#cccccc solid 1px; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { cursor: default; line-height: 20px; height: 20px; font-size: 12px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left:#cccccc 1px solid; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }

.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-element input[type="text"] { position:absolute; left:250px; right:20px; top:2px; bottom:2px; width:auto; width:75px; font-size:11px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px; background:#d8d9d7 !important; }

.ui-multiselect .add-all { float: right; padding: 7px;}
.ui-multiselect .remove-all { float: right; padding: 7px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 7px; color:#666; font-weight:normal;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }

.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }

/* -- Uploader -- */
.plupload {font-size:12px;}
.plupload_header_title { float:left; width:150px;}
.plupload_header_text { padding:0 0 2px 20px; background:url(../i-admin/icons-uploader.gif) no-repeat 0 0; border-bottom:#e5e5e5 1px solid; margin-left:150px;}
.plupload_content { clear:both; margin-left:150px; padding: 5px 0 0 0;}
.plupload_filelist_header {border-bottom:#CCC 1px solid; background:url(../i-admin/table-head.png) repeat-x 0 8px; padding:4px 0 0 4px;}
.plupload_file_name { float:left; width:420px;}
.plupload_file_action { width:20px; float:right; height:19px;}
.plupload_file_status { float:right; width:80px; text-align:left;}
.plupload_file_size { float:right; width:80px;}
.plupload_clearer { clear:both; height:1px;}

#uploader_filelist { min-height:30px; list-style:none; clear:both;}
#uploader_filelist li { border-bottom:#e5e5e5 1px solid; padding:3px 0 3px 3px;}
#uploader_filelist li:hover { background:#ffefd9}
#uploader_filelist .plupload_file_action a { height:19px; width:15px; background:url(../i-admin/icons-items.png) no-repeat 100px 100px;}
#uploader_filelist .plupload_delete a { background-position:-100px 0;}
#uploader_filelist .plupload_delete:hover a { background-position:-100px -50px}
#uploader_filelist .plupload_delete:hover a:hover { background-position:-100px -100px}
#uploader_filelist .plupload_done a { background-position:-125px 0;}
#uploader_filelist .plupload_done:hover a { background-position:-125px -50px}
#uploader_filelist .plupload_done:hover a:hover { background-position:-125px -100px; cursor:default;}
#uploader_filelist .plupload_uploading a { background-position:-150px 0; cursor:default;}
#uploader_filelist li .plupload_file_name, #uploader_filelist li .plupload_file_size, #uploader_filelist li .plupload_file_status { padding-top:3px;}

.plupload_filelist_footer {border-top:#CCC 1px solid; position:relative; margin-bottom:50px; padding-top:5px;}
.plupload_filelist_footer .plupload_file_name a { display:block; float:left; text-decoration:none; padding:1px 3px 1px 31px; background:url(../i-admin/icons-uploader.gif) no-repeat 0 -50px; color:#333; font-weight:bold}
.plupload_filelist_footer .plupload_upload_status { display:block; padding:1px; color:#666}

.plupload_filelist_footer .plupload_file_action a { position:absolute; left:0; top:30px; height:20px; width:450px; border:#929799 1px solid; background:#f0f0f0 url(../i-admin/icons-uploader.gif) no-repeat center -152px;}
.plupload_filelist_footer .plupload_file_action a:hover { border:#333 1px solid; background-color:#CCC; }
.plupload_filelist_footer .plupload_file_action .plupload_start {background-position:center -152px;}
.plupload_filelist_footer .plupload_file_action .plupload_start:hover {background-position:center -202px;}
.plupload_filelist_footer .plupload_file_action .plupload_stop {background-position:center -252px;}
.plupload_filelist_footer .plupload_file_action .plupload_stop:hover {background-position:center -302px;}

#galleryContainer ul { list-style:none; margin-left:-10px;}
#galleryContainer li { width:135px; height:135px; margin:0 0 10px 10px; float:left; position:relative; border:#e5e5e5 1px solid; padding:5px; text-align:center}
#galleryContainer li img { width:auto; height:auto; max-width:135px; max-height:135px;}
#galleryContainer li input { position:absolute; bottom:10px; left:10px; right:10px; padding:0 3px; border: #929799 1px solid; opacity:0.4; filter:alpha(opacity=40); cursor:pointer;}
#galleryContainer li:hover input { opacity:1.0; filter:alpha(opacity=100);}
#galleryContainer li:hover { border:#999 1px solid; background:#f1f1f1; cursor:move}
#galleryContainer li input:hover { border:#333 1px solid; background-color:#CCC;}

/*---- FOOTER --------*/
.staric-page-content { font-size:12px; line-height:120%;}

/*---- FOOTER --------*/
#pusher {height:60px; clear:both}
#footer { background:#f1f1f1; border-top:#e5e5e5 1px solid; height:50px; position:relative; z-index:1;}
#footer p { width:952px; margin:0 auto; font-size:11px; text-align:center; line-height:14px; margin-top:6px;}
#footer span {display:inline-block; height:22px; overflow:hidden; }
#footer .thanksto { text-indent:-999px; background:url(../i-admin/thanks-to.gif) no-repeat top right; width:175px;}
#footer .zon-link { text-decoration:none; color:#000;}
#footer .zon-link strong { font-weight:normal}

.new_fields {margin-left:150px}
#footer .zon-link em { font-style:normal}
#footer .zon-link:hover { color:#999;}
#footer .zon-link:hover strong { color:#333}
#footer .zon-link:hover em { color:#a54949}

/*---- TEMP --------*/
#mainmenu { display:none;}


/*---- COMMON ------*/
.clr { clear:both;}
.hidden { display:none}

.tcontent { font-size:12px; line-height:16px; position:relative;}
.tcontent h3 { font-size:18px; font-weight:normal; margin:20px 0 10px 0;}
.tcontent p { margin-bottom:7px;}
.tcontent .embImg { float:left; margin: 5px 5px 5px 0; float:left;}
.tcontent img { border:none}

.tcontent ol li, .tcontent ul li { margin-left:25px;}
.tcontent ol, .tcontent ul { margin-bottom:7px;}

.tcontent .rightImage { float:right; margin:0 0 15px 15px;}
.tcontent .absoluteRight { position:absolute; right:15px;}

#ui-datepicker-div { font-size:0.65em}