/**
 * Admin CSS
 *
 * @package		Pongho CMS
 * @author		Daniele De Nobili
 * @copyright	© 2009, Daniele De Nobili
 * @since		Pongho 0.6
 * @version		2.0
 */


/* Layout */
.section	{ background-color: #fafafa; border: 1px solid #ccc; }

/* Main */
#main .section		{ border-color: #666; margin-bottom: 16px; }
#main h2		{ background-color: #666; color: #fff; margin: 0; padding: 8px 8px 7px 8px; }
#main h3		{ color: #222; margin: 0 0 16px 0; }
#main .explain	{ padding: 8px 8px 0 8px; overflow: hidden; }


/* Tabelle */
table.pongho-table tr.odd td { background-color: #f1f5fa; }

/* Liste di definizione / tabella */
div.table		{ background-color: #fff; border: 1px solid #bcbcbc; margin-bottom: 8px; overflow: auto; width: 100%; }
div.table ul	{ list-style: none; }
div.table dl	{ margin: 0; overflow: hidden; }
div.table dl.odd		{ background-color: #f1f5fa; }
div.table dl.selected	{ background-color: #3875D7; color: #fff; }
div.table dl.accept		{ background-color: #3875D7; color: #fff; }

div.table dt	{ float: left; }
div.table dd	{ float: right; width: 120px; }
div.table .ctrl			{ float: left; width: 120px; }
div.table .small		{ width: 90px; }
div.table .smallest		{ width: 50px; }
div.table .large		{ width: 200px; }
div.table .largest		{ width: 400px; }

div.table .input_text		{ width: 90%; }
div.table .small .input_text	{ width: 70px; }
div.table .smallest .input_text	{ width: 30px; }
div.table .large .input_text	{ width: 180px; }
div.table .largest .input_text	{ width: 380px; }

div.table select			{ width: 90%; }
div.table .small select			{ width: 70px; }
div.table .smallest select		{ width: 30px; }
div.table .large select			{ width: 180px; }
div.table .largest select		{ width: 380px; }

div.table .head dl { background-color: #f2f2f2; border-bottom: 1px solid #bcbcbc; color: #222; }
div.table .head dt, div.table .head dd { padding: 0 3px; font: bold 0.83em/23px "Lucida Grande", Lucida, sans-serif; text-align: left; }

div.table .foot dl { background-color: #f2f2f2; border-top: 1px solid #bcbcbc; color: #222; }
div.table .foot dt, div.table .foot dd { padding: 0 3px; font: bold 0.83em/23px "Lucida Grande", Lucida, sans-serif; text-align: left; }

div.table .row dt, div.table .row dd { font-size: 0.92em; min-height: 32px; padding: 3px; }
div.table .row strong { font-size: 1.09em; }

div.notmain dt	{ width: 120px; }
div.notmain dd	{ float: left; }

/* Tabs */
.lang li a				{ background-image: url(images/icns-lang.png); background-repeat: no-repeat; width: 16px; }
.lang li a.it		{ background-position: 8px -4px; }
.lang li a.en		{ background-position: 8px -36px; }
.lang li a.de		{ background-position: 8px -68px; }
.lang li a.fr		{ background-position: 8px -100px; }
.lang li a.es		{ background-position: 8px -132px; }
.lang li a.jp		{ background-position: 8px -164px; }


/* Form - base */
form p					{ padding: 8px 8px 0 8px; }
form .panel p.after-h3		{ color: #666; margin-bottom: 16px; margin-top: -8px; padding: 0; }
fieldset				{  }
fieldset.btn		{ border-top: 1px solid #CCC; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; padding: 8px 8px 0 8px; width: 100%; }
fieldset.panel		{ border-bottom: 1px solid #bcbcbc; }
/*		.section > fieldset.panel { border-bottom: 0 none; }*/
.section > fieldset.panel:last-child { -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-radius-bottomleft: 4px; -webkit-border-radius-bottomright: 4px; border-radius-bottomleft: 4px; border-radius-bottomright: 4px; }

legend { display: none; }
label { cursor: pointer; }
label.radio { display: block; }
option { text-indent: 6px; }

/* Form - layout a 2 colonne, navigazione fissa a destra */
form .container			{ background: #fff url(images/form-sidebar.gif) repeat-y right top; overflow: hidden; }
form .container .main			{ margin: 0 159px 0 0; }
form .container .main-wrapper	{ float: left; margin: 0 -158px 0 0; width: 100%; }
form .container .sidebar		{ display: inline; float: right; padding: 16px 16px 8px 8px; width: 134px; }

/* Form - liste di definizione per input normali */
fieldset dl			{ margin-bottom: 8px; }
fieldset dt			{  }
fieldset dd			{  }
fieldset dd.desc	{ font-size: 0.92em; font-style: italic; }
dl.extend			{ line-height: 25px; overflow: hidden; }
dl.extend label		{ line-height: 25px; }
dl.extend dt		{ line-height: 25px; float: left; width: 130px; }
dl.extend dd		{ line-height: 25px; margin-left: 142px; overflow: hidden; }
dl.extend dd label ~ label, .input_text ~ label { padding-left: 16px; }
dl.extend dd label.radio { padding-left: 0; }
dl.extend dd.desc	{ line-height: 15px; }
dl.extend dd.uploaded-row { overflow: hidden; }
dl.extend dd.uploaded-row div { float: left; }
dl.extend dd.uploaded-row div.uploaded-file-name { padding-right: 8px; width: 300px; }

/* Form - input[type=text] e textarea */
form .input_text, form .input_date, form .input_datetime, form .input_time, form textarea { border: 1px solid #ccc; padding: 3px; }
/*.input_date { float: left; }*/
form .input_text:focus, form .input_date:focus, form .input_datetime:focus, form .input_time:focus, form textarea:focus, form select:focus { border-color: #ffc01b; }

/* select */
form select { border: 1px solid #ccc; padding: 2px; }

/* campi readonly */
form input[readonly] { background-color: #EEE; color: #6D6D6D; }

/* Form - larghezze e altezze */
.input_text, .input_date, .input_datetime, .input_time { width: 300px; }
select { width: 308px; }

.smallest .input_text, .smallest .input_date, .smallest textarea { width: 50px; }
.smallest select { width: 58px; }

.smaller .input_text, .smaller .input_date, .smaller textarea { width: 120px; }
.smaller select { width: 128px; }

.small .input_text, .small .input_date, .small textarea { width: 150px; }
.small select { width: 158px; }

.medium .input_text, .medium .input_date, .medium textarea { width: 250px; }
.medium select { width: 258px; }

.large .input_text, .large .input_date, .large textarea { width: 400px; }
.large select { width: 408px; }

.largest .input_text, .largest .input_date, .largest textarea { width: 800px; }
.largest select { width: 808px; }

form .container .sidebar select { width: 130px; }

.container .main .input_text, .container .main .input_date, .container .main textarea { width: 544px; }
.container .main .extend .input_text, .container .main .extend .input_date, .container .main .extend textarea { width: 402px; }

textarea { min-width: 300px; max-width: 98%; -moz-box-sizing: padding-box; -webkit-box-sizing: padding-box; box-sizing: padding-box; }

/* Form - varie */
.units { padding-left: 5px; }
.flags				{ background-image: url(images/icns-lang.png); background-repeat: no-repeat; display: inline-block; height: 17px; width: 26px; }
.flag_it		{ background-position: 8px -4px; }
.flag_en		{ background-position: 8px -36px; }
.flag_de		{ background-position: 8px -68px; }
.flag_fr		{ background-position: 8px -100px; }
.flag_es		{ background-position: 8px -132px; }
.flag_jp		{ background-position: 8px -164px; }

/* Nuova gestione delle flag da risorse */
table.pongho-table th.flag, table.pongho-table td.flag		{ width: 20px; }
img.flag, img.flag32	{ display: block; float: left; margin-right: 6px; }
img.flag				{ height: 16px; width: 16px; }
img.flag32				{ height: 32px; width: 32px; }
.translations img.flag	{ float: none; margin: 3px 0 0; }

/* Form - visualizza/nascondi password */
.showpass				{ cursor: pointer; font-size: 0.92em; font-style: italic; padding-left: 8px; }
.showpass:hover		{ text-decoration: underline; }

/* Form - campi errati */
.required {  }
.errorpost { color: #f80f0f; }
.errorpost .input_text, .errorpost textarea, .errorpost select { background-color: #ffe0e4; border: 1px solid #f80f0f; }

/* Form - pulsanti --- DEPRECATI */
.btn					{ float: left; margin-bottom: 8px; overflow: hidden; }
.btn input[type=button], .btn input[type=submit],.btn input[type=reset],.btn button, .btn a { background-color: #bbb; border: 0 none; color: #fff; cursor: pointer; display: inline-block;
	font: normal normal 11px "Lucida Grande", Lucida, Verdana, sans-serif; margin: 0 5px 0 0; }
.btn input			{ padding: 5px 10px 4px; }
.btn a				{ padding: 6px 13px 5px; text-decoration: none; }
.btn input:hover, .btn a:hover	{ background-color: #aaa; color: #fff; }
.btn .bckr input, .btn .bckr a	{ margin: 0 0 0 5px; }
#main .btn .primary, .btn input.primary, .btn a.primary { background-color: #888; color: #fff; font-weight: bold; }
#main .btn .primary:hover, .btn input.primary:hover, .btn a.primary:hover { background-color: #777; color: #fff; }

/* Form - pulsanti in alto */
.btn.top				{}
fieldset.btn.top		{ border-top: 0 none; border-bottom: 1px solid #CCC; clear: both; padding: 8px; width: 100%; }

/* Form - pulsanti --- NUOVI */
input.btn, a.btn { background-color: #888; border: 0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; float: none; font: bold 11px/26px "Lucida Grande", Lucida, Verdana, sans-serif; margin: 0 5px 0 0; }
input.btn, button[type=submit] { padding: 1px 10px 0; }
a.btn { padding: 1px 13px 1px; text-decoration: none; }
input.btn:hover, a.btn:hover, button[type=submit]:hover { background-color: #777; color: #fff; }
button[type=submit]  { background-color: #bbb; border: 0 none; color: #fff; cursor: pointer; font: normal normal 11px "Lucida Grande", Lucida, Verdana, sans-serif; margin: 0 5px 0 0; padding: 5px 10px 4px; }
button.primary		 { background-color: #888; font-weight: bold; }
button.primary:hover { background-color: #777; }

a.btn-reset { line-height: 28px; }


a.permalink-preview { background-color: #EEE; border-radius: 3px; margin-left: 20px; padding: 4px 8px; }
a.permalink-preview:hover { color: #444; text-decoration: none; }

/* Gestione delle liste per le associazioni (come ad esempio il pannello gruppi/utenti) */
.list_left { float: left; margin-bottom: 8px; width: 45%; }
.list_right { float: right; margin-bottom: 8px; width: 45%; }
.list_left div, .list_right div { border: 1px solid #CCCCCC; height: 400px; overflow: auto; padding: 5px; }
.list_left h3 { text-align: left; }
.list_right h3 { text-align: right; }
.list_buttons { float: none; margin: 0 48%; padding-top: 200px; text-align: center; }
.list_buttons input { font-size: 17px; margin-bottom: 7px; padding: 1px 10px; }


/* Allegati */
#attachments .delete { padding-left: 10px; }


/* Select gallery */
#select-gallery { background: #FFFFFF; border: 1px solid #CCCCCC; margin: 8px; overflow: hidden; padding: 7px; }
#select-gallery dl { background: #EEEEEE; float: left; margin: 0.5%; padding: 7px 0; text-align: center; width: 24%; }
#select-gallery dt {  }
#select-gallery dt img { display: block; margin: 0 auto; }
#select-gallery dd {  }
#select-gallery dl:hover { background: #FAFAFA; }


/* Modulo Books (sfoglia online) */
#book-pages {  }
#book-pages td { height: 64px; }
#book-pages td.position { font-size: 18px; font-weight: bold; text-align: center; vertical-align: middle; width: 40px; }
#book-pages td.controls { text-align: center; vertical-align: middle; width: 24px; }
#book-pages td.controls span { background-color: #CCC; color: #222; cursor: pointer; display: block; height: 24px; line-height: 24px; margin: 3px 0; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; width: 24px; }
#book-pages td.controls span:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
#book-pages td.controls span.disabled { cursor: default; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
#book-pages td.preview { width: 48px; }
#book-pages td.preview a { background: #EEEEEE no-repeat center center; display: block; height: 64px; width: 48px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#book-pages td.actions { line-height: 32px; width: auto; }


/* Modulo newsletter */
#filter-conditions select { margin-right: 8px; }
#filter-conditions .delete-filter { color: #F00; }


/* Popup */
#popup				{ padding: 10px; }
#popup table		{ margin: 0 0 8px 0; width: 100%; }
#popup #container	{ width: 100%; }


/* Lista dei tag per i permalink */
dl.tag-list			{ padding-left: 30px; }
dl.tag-list dt	{ font-weight: bold; }
dl.tag-list dd	{ padding-bottom: 9px; }


/* CSS 3 */
.section, .btn input, .btn a, form .input_text, form .input_date, form .input_datetime, form .input_time, form textarea, form select, .pagination a, .pagination li.current, button[type=submit] { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#modalWin { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#header, .tabsPanel, .btn { -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-radius-bottomleft: 4px; -webkit-border-radius-bottomright: 4px; border-radius-bottomleft: 4px; border-radius-bottomright: 4px; }
.tabs li a { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-radius-topleft: 4px; -webkit-border-radius-topright: 4px; border-radius-topleft: 4px; border-radius-topright: 4px; }

/* Javascript */
.tabs .tabsPanel			{ display: none; }
.tabs .tabsPanel.active		{ display: block; }

#modalBg		{ background-color: #000; position: absolute; width: 100%; z-index: 1000; }
#modalWin		{ background-color: #fff; border: 5px solid #999; left: 50%; margin: 100px 0 50px -200px; position: absolute; z-index: 1001; padding: 16px; }

.loading		{ background: #fff url(images/loading.gif?v=2) no-repeat center center; height: 100%; min-height: 100px; }
.loading-inline	{ background: #fff url(images/loading-small.gif?v=2) no-repeat center center; display: inline-block; height: 16px; width: 16px; }
.busy 			{ background: #D9534F url(images/loading-busy.gif?v=1) no-repeat 10px 50% !important; cursor: progress; padding-left: 30px !important; }
.message		{ line-height: 100px; text-align: center; vertical-align: middle; }
.error-message-inline	{ background-color: #ffe0e4; border: 1px solid #f80f0f; color: #f80f0f; padding: 2px 10px; }
.valid-message-inline	{ background-color: #ccf2be; border: 1px solid #127e0b; color: #127e0b; padding: 2px 10px; }

/* Gestione tabelle con elementi abilitati / disabilitati */
.disabled span				{ opacity: 0.3; }
.disabled:hover span		{ opacity: 1; }
.disabled span.invisible	{ opacity: 0; }


/* Modulo lingue */
#language_table label		{ background-image: url(images/icns-lang.png); background-repeat: no-repeat; display: block; text-indent: 2em; }
#language_table label.it	{ background-position: 0 -8px; }
#language_table label.en	{ background-position: 0 -40px; }
#language_table label.de	{ background-position: 0 -72px; }
#language_table label.fr	{ background-position: 0 -104px; }
#language_table label.es	{ background-position: 0 -136px; }
#language_table label.jp	{ background-position: 0 -168px; }


/* Misc */
#related_list .delete { cursor: pointer; }

/* Form dentro al colorbox */
#new-layout #cboxContent .description { border-bottom: 1px solid #dedede; margin-bottom: 24px; padding: 8px 0; }
#new-layout #cboxContent .panel { border: 0 none; }

/* Colorbox - classe per nascondere gli elementi inline */
.modalhide					{ display: none; }
#colorbox .modalhide	{ display: block; }

#translations {}
#translations dl.extend dt { width: 270px; }
#translations dl.extend dd { margin-left: 270px; }


/* NEW LAYOUT */
#new-layout {}
#new-layout .container { background: none; float: right; width: 100%; }
#new-layout .main { margin-right: 280px; }
#new-layout .tabs { border-right: 1px solid #BCBCBC; }
#new-layout .panel { border-right: 1px solid #BCBCBC; }
#new-layout .slug-editor-handle { display: inline-block; background-color: #DDD; }
#new-layout .container .extend .input_text.slug-field { width: 30%; display: inline; }
#new-layout .sidebar { float: right; margin-right: -100%; width: 280px; }
#new-layout .sidebar .actions { list-style-type: none; margin-bottom: 8px; overflow: hidden; }
#new-layout .sidebar .actions li.btn { display: inline-block; line-height: 28px; margin-bottom: 0;  }
#new-layout .sidebar .actions .btn a { background-color: #CCCCCC; font-weight: normal; line-height: 20px; padding: 1px 8px; vertical-align: middle; }
#new-layout .sidebar .actions .btn a:hover { background-color: #777777; }
#new-layout .sidebar .actions .btn button { height: 30px; }
#new-layout .sidebar .actions .btn.delete a { color: red; }
#new-layout .sidebar .actions .btn.archive a {}

#new-layout .inner { padding: 16px 10px; }

#new-layout .container textarea { width: 97.5%; }
#new-layout .container .extend .input_text,
#new-layout .container .extend .input_date,
#new-layout .container .extend textarea,
#new-layout .container .extend select { width: 97%; }
#new-layout .container .extend .input_date { width: 94%; }

#new-layout .sidebar .input_text,
#new-layout .sidebar .input_date,
#new-layout .sidebar textarea { width: 252px; }
#new-layout .sidebar select { width: 260px; }

/* GRUPPI UTENTI */
#tabusers {}
#tabusers .left-table, #tabusers .right-table { float: left; width: 45%; }
#tabusers .left-table {}
#tabusers .right-table {}
#tabusers .scrollable { display: block; height: 512px; overflow: auto; width: 100%; }
#tabusers table.pongho-table tbody td.table-body { padding: 0!important; }
#tabusers .inner-table { border-collapse: collapse; width: 100%; }
#tabusers td span { color: #999; font-size: 10px; }
#tabusers td span:before { content: ''; display: block;}
#tabusers .group-controls { float: left; height: 512px; margin-top: 32px; width: 10%; }
#tabusers .group-controls ul { list-style: none; margin: 256px 20%;}
#tabusers .group-controls li { cursor: pointer; height: 28px; }
#tabusers .group-controls li#group-insert { margin-bottom: 6px; }
#tabusers .group-controls li#group-remove {}
#tabusers .group-controls li span { background: #F2F2F2; border: 1px solid #BCBCBC; display: block; padding: 5px 10px; text-align: center; }
#tabusers .group-controls li:hover span { background: #F1F5FA; }

/* LINK TYPE */
.link-type { display: none; }
.link-type.visible { display: block; }

.redirects-panel {}
.redirects-panel th.link-field, .redirects-panel td.link-field { width: 47%; }
.redirects-panel select.link-type-select { float: left; margin-right: 6px; width: 45%; }
.redirects-panel .link-type select { width: 49.5%; }
.redirects-panel .link-type input { width: 48%; }

/* Nuova gestione delle dimensioni dei campi */
#new-layout input.smallest, textarea.smallest { width: 50px!important; }
#new-layout input.smaller, textarea.smaller { width: 120px!important; }
#new-layout input.small, textarea.small { width: 150px!important; }
#new-layout input.medium, textarea.medium { width: 250px!important; }
#new-layout input.large, textarea.large { width: 400px!important; }
#new-layout input.larger, textarea.larger {width: 600px!important;}
#new-layout input.largest, textarea.largest { width: 800px!important; }

#new-layout select.smallest { width: 58px!important; }
#new-layout select.smaller { width: 128px!important; }
#new-layout select.small { width: 158px!important; }
#new-layout select.medium { width: 258px!important; }
#new-layout select.large { width: 408px!important; }
#new-layout select.larger { width: 608px!important; }
#new-layout select.largest { width: 808px!important; }


/* CONTACT FORM */
#contact_forms-form {}
#new-layout #contact_forms-form .extend select.link-type-select { float: left; margin-right: 6px; width: 47%; }
#new-layout #contact_forms-form .extend .link-type select { width: 50%; }
#new-layout #contact_forms-form .extend .link-type input { width: 49%; }

/* Form dei filtri */
#filters { border-bottom: 1px solid #000000; border-top: 1px solid #000000; }
#filters .repeater-main { height: auto; }
#filters .repeater-fields { height: auto; line-height: 24px; padding: 4px 0; }
#filters .repeater-fields select, #filters .repeater-fields input { margin-left: 8px; vertical-align: top; }
#filters .filter-field { width: 200px; }
#filters .filter-operator { width: 120px; }
#filters .filter-value-text, #filters .filter-value-date { width: 200px; }
#filters .filter-value-select, #filters .filter-value-multiple { width: 208px; }

#tabfilters {}
#tabsaved {}

#filter-toggle { margin-right: 0; }
#filter-toggle.open {background-color: #FFFFFF; border: 1px solid #888888; color: #888888; padding: 0 12px; }

/* correggo un problema con i fieldset contenenti i button */
#filters fieldset.btn { float: none; }
#filter-actions { float: left; }
#filter-save { float: right; }

/* altri elementi */
#filters form p { padding: 8px 0 0; }

th a.orderable { display: block; padding-left: 16px; position: relative; }
th a.orderable span { margin-top: -9px; top: 50%; left: 0; position: absolute; }

/* Pannelli Edit - Struttura
*****************************************************************/
/* Senza sidebar */

/* Con sidebar */
.panels-wrapper { float: right; width: 100%; }
.panels-wrapper > .panels-container { margin-right: 280px; }
#fieldset-actions { float: left; }
.tabsPanel fieldset.actions		{ background-color: #fff; border-top: 1px solid #CCCCCC; margin-bottom: 8px; padding: 8px 8px 0; }

/* A form multiple */

/* Nuovo codice dei campi */
.cf:before, .control-group:before, .cf:after, .control-group:after, .panel:before, .panel:after, .section:before, .section:after,
.repeater-row:before, .repeater-row:after, fieldset.actions:before, fieldset.actions:after { content: " "; display: table; }
.cf:after, .control-group:after, .panel:after, .section:after, .repeater-row:after, fieldset.actions:after { clear: both; }
.cf, .control-group, .panel, .section, .repeater-row, fieldset.actions { *zoom: 1; }
tr.repeater-row:before, tr.repeater-row:after { content: none; }

.control-group { margin-bottom: 10px; }
.control-group .control-label { display: inline; float: left; width: 16%; }
.control-group .controls { margin-left: 18%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.control-group .controls label { margin-right: 8px; }
.control-group .controls select,
.control-group .controls textarea,
.control-group .controls .input_text { margin-right: 5px; }
.control-group .controls .btn { padding: 0 8px; }
.control-group.readonly { border-bottom: 1px solid #EEEEEE; }

.sidebar .control-group .control-label { display: block; float: none; width: auto; }
.sidebar .control-group .controls { margin-left: 0; overflow: hidden; width: 262px; }
.control-group.wysiwyg .controls { margin-left: 0; }

/* controlli multipli, checklist, ad esempio tassonomie e lingue */
.control-group.multiple .controls { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.control-group.multiple .controls { border: 1px solid #ccc; height: 100px; overflow-y: scroll; padding: 3px; }
.control-group.multiple .controls label { display: block; }

/* Campo mappa */
.geo-localization-map { border: 1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 300px; width: 100%; }
