@charset "utf-8";
/* 
########################################
########################################
##									  ##
## SENDITA - Newsletter manager 	  ##
##									  ##
## Copyright © 2010					  ##
## 	Reload - Laboratorio Multimediale ##
## 	(http://www.reloadlab.it -		  ##
## 	info@reloadlab.it)				  ##
##									  ## 
## author:							  ##
## 	Domenico Gigante				  ##
## 	(domenico@reloadlab.it)			  ##
## 	Alessio Attanasio				  ##
##  (aatt@reloadlab.it)				  ##
##									  ##
########################################
########################################
*/

html, body {
	margin: 0px;
	padding: 0px;
	background-color: #e7f3fa;
	height: 100%;
}
body,td,th {
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6e6959;
	text-decoration: none;
	line-height: normal;
}

a {
	color: #1b75ba;
}
img {
	border: none;
}
img.stileBordo {
	border: 1px solid #e4dfcf;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}
.grassetto {
	font-weight: bold;
}
.small {
	font-size: 0.80em;
}
.centro {
	text-align: center;
}
small {
	line-height: 1.4em;
}
.violetto {
	color: #990000;
}
.rosso {
	color: red;
}
.pointer {
	cursor: pointer;
}
.caption {
	background: url("index.php?page=util&action=img&img=bg_nav_up&ext=png") repeat-x scroll center top #E7F3FA;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 8px; 
	text-align: left;
}
.giallo {
	background-color: #f3efe2;
	padding: 6px;
}
.textareaSimple {
	width: 100%;
	height: 150px;
}
.textareaStyle {
	width: 100%;
	height: 350px;
}
.iframeStyle {
	width: 100%;
	height: 350px;
	border: 1px solid #000;
	background-color: #FFFFFF;
}
.noBorder {
	border: none 0px;
}

/* LOGIN */
#loginform {
	text-align: center;
}
#loginform table {
	background-color: #f3efe2;
	border: 1px solid #e4dfcf;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
#loginform table td {
	padding: 5px 8px;
}

/* HEADER */
#header {
	padding: 0px 18px;
	background: #e7f3fa url(index.php?page=util&action=img&img=bg_header&ext=png) repeat-x bottom;
	height: 166px;
	text-align: center;
}

/* UTILIY */
#nav-up {
	height: 31px;
	background: #e7f3fa url(index.php?page=util&action=img&img=bg_nav_up&ext=png) repeat-x top;
	margin: 0px auto;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	text-transform: lowercase;
}
#nav-up a {
	color: #fff;
	text-decoration: none;
}
#nav-up a:hover {
	color: #f4854a;
}
.help-up {
	height: 31px;
	width: 97px;
	background: #e7f3fa url(index.php?page=util&action=img&img=btn_help&ext=png) no-repeat top left;
	float: left;
}
.help-up a {
	display: block;
	padding-left: 36px;
	padding-top: 8px;
	background: #4893cc url(index.php?page=util&action=img&img=help_nav_up&ext=png) no-repeat 18px 8px;
}
.utils-up {
	float: right;
	height: 31px;
	padding: 0px 12px;
	border-left: 1px solid #4893cc;
}
.utils-up a, .utils-up span {
	display: block;
	padding-top: 8px;
}
.utils-up strong {
	color: #f4854a;
}
.logout-up {
	height: 31px;
	width: 97px;
	background: #e7f3fa url(index.php?page=util&action=img&img=btn_login&ext=png) no-repeat top left;
	float: right;
}
.logout-up a {
	display: block;
	padding-left: 24px;
	padding-top: 8px;
}

/* LOGO AREA */
#logo-sendita {
	margin: 0px auto;
	text-align: left;
	height: 135px;
	background: url(index.php?page=util&action=img&img=logo-sendita&ext=png) no-repeat center left;
	position: relative;
	font-weight: bold;
	font-size: 13px;
}

/* WELCOME */
#welcome {
	position: absolute;
	right: 0px;
	top: 30px;
	border: 1px solid #b0c8de;
	padding: 8px 12px;
	background: #fff;
	color: #f4854a;
	font-weight: bold;
	text-transform: lowercase;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
#welcome strong {
	color: #2d628b;
}

/* MENU PRINCIPALE */
#main-menu {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 34px;
	width: 100%;
}
#main-menu a {
	color: #2d628b;
	text-decoration: none;
}
#main-menu a:hover {
	color: #f4854a;
}
#main-menu div {
	height: 34px;
	background: #fff url(index.php?page=util&action=img&img=btn_SX-sprite-generalMenu&ext=png) no-repeat bottom left;
	padding: 0px 12px;
	float: right;
	margin-left: 4px;
	-moz-border-radius-topLeft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-radius-topRight: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
}
#main-menu div a {
	display: block;
	padding-top: 10px;
	text-transform: lowercase;
}
#main-menu div.selected {
	background: #fff;
}
#main-menu div.selected span {
	background: #fff;
}
#main-menu div.selected a {
	color: #f4854a;
}

/* FOOTER */
#footer {
	padding: 0px 18px;
	background: #e7f3fa url(index.php?page=util&action=img&img=bg_footer&ext=png) repeat-x top;
	height: 170px;
	text-align: center;
}
/* CREDITS */
#credits {
	height: 157px;
	margin: 0px auto;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	color: #1b75ba;
	line-height: 1.8em;
}
.credits-sendita {
	float: left;
	width: 272px;
	height: 102px;
	padding-top: 48px;
	padding-left: 8px;
	background: transparent url(index.php?page=util&action=img&img=separatore&ext=png) no-repeat top right;
}
.credits-sendita strong {
	font-size: 15px;
	color: #f4854a;
}
.credits-devel {
	float: left;
	width: 272px;
	height: 102px;
	padding-top: 48px;
	padding-left: 35px;
}
.credits-devel a {
	color: #f4854a;
	text-decoration: none;
}
.credits-reload {
	float: right;
	width: 176px;
	height: 102px;
	padding-top: 40px;
	padding-left: 35px;
	background: transparent url(index.php?page=util&action=img&img=separatore&ext=png) no-repeat top left;
}

/* MAIN */
#main {
	margin: 0px;
	padding: 18px;
	background: #fff;
	text-align: center;
}

/* CONTAINER */
#contenitore {
	border: 1px solid #e4dfcf;
	text-align: left;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

/* SPALLA */
#spalla {
	margin: 0px;
	padding: 0px;
	width: 25%;
	vertical-align: top;
	background: #f8f6ef url(index.php?page=util&action=img&img=bg_spallaHeight&ext=png) repeat-y right;
}
#spalla .minimBar {
	background: #efead9 url(index.php?page=util&action=img&img=bg_actionBar&ext=png) repeat-y right;
	border-bottom: 1px solid #e4dfcf;
	text-align: left;
	padding: 10px;
	min-height: 16px;
	cursor: pointer;
}
#spalla .minimBar img.minimizer {
	cursor: pointer;
}

/* MENU LEFT */
#leftMenu ul {
	margin: 10px;
	padding: 0px;
	border: 1px solid #e4dfcf;
	border-bottom: 0px none;
}
#leftMenu ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #e4dfcf;
}
#leftMenu ul li a {
	color: #f4854a;
	text-decoration: none;
	display: block;
	padding: 10px;
	min-height: 15px;
	border: 1px solid #fff;
	background: #fff url(index.php?page=util&action=img&img=btn_sprite-VoceMenuLeft&ext=png) repeat-x top;
}
#leftMenu ul li a:hover {
	color: #1b75ba;
	background: #fff url(index.php?page=util&action=img&img=btn_sprite-VoceMenuLeftover&ext=png) repeat-x bottom;
}
#leftMenu ul li a.selected {
	color: #1b75ba;
	background: #fff url(index.php?page=util&action=img&img=btn_sprite-VoceMenuLeftover&ext=png) repeat-x bottom;
}
#leftMenu ul li a strong {
	display: block;
	padding-left: 24px;
	background: transparent url(index.php?page=util&action=img&img=listItemUnsel&ext=png) no-repeat left center;
}
#leftMenu ul li a.selected strong {
	background: transparent url(index.php?page=util&action=img&img=listItem&ext=png) no-repeat left center;
}
#leftMenu ul.listListe li a strong {
	background: transparent url(index.php?page=util&action=ico&img=book) no-repeat left center;
}
#leftMenu ul.listListe li a.selected strong {
	background: transparent url(index.php?page=util&action=ico&img=book_open) no-repeat left center;
}
#leftMenu ul.listListe li a.private, span.private, td.private label {
	color: red;
}

/* CENTRO */
#centro {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#centro #spaziatore {
	padding: 0px;
	margin: 0px;
}

/* FORMATTAZIONI */
#centro h2 {
	color: #1b75ba;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	line-height: normal;
	font-weight: bold;
	min-height: 16px;
	background: #E7F3FA url(index.php?page=util&action=img&img=bg_H2-centro&ext=png) repeat-x bottom;
	margin: 0px;
	padding: 8px 18px;
	border-bottom: 1px solid #e4dfcf;
}
#centro .contenuti-principali {
	padding: 8px 10px;
}
#centro h3, .giallo h3, #ajaxBoxFrame h3 {
	margin: 0px;
	margin-bottom: 6px;
	font-size: 14px;
	background-color: #fff;
	color: #f4854a;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #e4dfcf;
}
#centro p {
	margin: 0px;
	padding: 8px 0px;
}

/* PATH */
.stilePath {
	padding: 4px 8px;
	margin-bottom: 10px;
	background-color: #f8f6ef;
}
.stilePath a {
	text-decoration: none;
	font-weight: bold;
}
.stilePath a:hover {
	color: #f4854a;
}

/* RESPONSE */
div.responseOK, p.responseOK {
	background-color: #f5ddf7;
	background-color: #f1edb5;
	padding: 3px 5px;
	color: green;
	font-weight: bold;
	margin-bottom: 10px;
}
div.responseKO, p.responseKO {
	background-color: #f6e8cd;
	padding: 3px 5px;
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}
#centro p.responseOK {
	background-color: #f5ddf7;
	background-color: #f1edb5;
	padding: 3px 5px;
	color: green;
	font-weight: bold;
	margin-bottom: 10px;
}
#centro p.responseKO {
	background-color: #f6e8cd;
	padding: 3px 5px;
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}

/* TABELLE */
.stileTable {
	border-collapse: collapse
}
#centro .noBorderTop {
	border-top: none;
}
.stileTable th {
	padding: 5px 8px;
	border: 1px solid #e4dfcf;
	background-color: #f8f6ef;
}
.stileTable td {
	padding: 5px 8px;
	border: 1px solid #e4dfcf;
}
.stileStatoY td {
	background-color: #fff;
}
.stileStatoN td {
	background-color: #F3F3F3;
}
.stileStatoW td {
	background-color: #FFCC99;
}
.stileStatoO td {
	background-color: #EFE0E1;
}
.stileStatoT td {
	background-color: #E0EFE5;
}
.stileStatoC td {
	background-color: #fff;
	vertical-align: top;
}

.stileTableSheda {
	border-collapse: collapse
}
.stileTableSheda th {
	padding: 5px 8px;
	border: 1px solid #e4dfcf;
	background-color: #f8f6ef;
	text-align: left;
	width: 40%;
	white-space: normal;
	font-weight: bold;
	vertical-align: top;
}
.stileTableSheda tr td {
	padding: 5px 8px;
	background-color: #fff;
	border: 1px solid #e4dfcf;
}
.stileTableSheda tr td.odd {
	background-color: #f8f6ef;
}

.giallo .stileTableDefault {
	border-collapse: collapse
}
.giallo .stileTableDefault th {
	padding: 5px 8px;
	border: 1px solid #e4dfcf;
	background-color: #f8f6ef;
}
.giallo .stileTableDefault td {
	padding: 5px 8px;
	background-color: #fff;
	border: 1px solid #e4dfcf;
}
#ajaxBoxFrame .stileTableDefault {
	border-collapse: collapse
}
#ajaxBoxFrame .stileTableDefault th {
	padding: 5px 8px;
	border: 1px solid #e4dfcf;
	background-color: #f8f6ef;
}
#ajaxBoxFrame .stileTableDefault td {
	padding: 5px 8px;
	background-color: #fff;
	border: 1px solid #e4dfcf;
}
#ajaxBoxFrame .stileTableDefault td.odd {
	padding: 5px 8px;
	border: 1px solid #e4dfcf;
	background-color: #f8f6ef;
}

.profileTable {
	border-collapse: collapse
}
.profileTable td {
	padding: 5px 8px;
	background-color: #f3efe2;
}

.stileTableFilter {
	border-collapse: collapse
}
.stileTableFilter td {
	padding: 5px 8px;
}

/* HELP */
.helpBox {
	border: 1px solid #e4dfcf;
	background-color: #f8f6ef;
	margin-top: 24px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.helpBox h5 {
	margin: 0px;
	padding: 8px;
	border-bottom: 1px solid #e4dfcf;
	color: #1b75ba;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	line-height: normal;
	font-weight: bold;
	min-height: 16px;
	background: #E7F3FA url(index.php?page=util&action=img&img=bg_title-helpBox&ext=png) repeat-x bottom;
}
.helpBox ol {
	list-style: none;
	margin: 0px;
	padding: 16px 12px;

}
.helpBox ol li {
	margin: 0px;
	padding: 0px;
	padding-bottom: 16px;
	padding-left: 24px;
	background: transparent url(index.php?page=util&action=ico&img=help) no-repeat top left;
}
.helpBox ol li a {
	text-decoration: none;
	font-weight: bold;
}

/* BUTTON */
.divButton {
	float: right; 
	margin-bottom: 4px; 
}
.divButtonOdd {
	float: right; 
	margin: 4px 0px;
}
.divButtonB10 {
	float: right;
	margin-bottom: 10px;
}
.divButton a, .divButtonB10 a, .divButtonOdd a {
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 9px;
	background: #fff url(index.php?page=util&action=img&img=ButtonOdd&ext=png) repeat-x bottom;
	border: 1px solid #cccccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.divButton a:hover, .divButtonB10 a:hover, .divButtonOdd a:hover {
	color: #333;
	background: #fff url(index.php?page=util&action=img&img=ButtonOddover&ext=png) repeat-x top;
}
.divButton a img, .divButtonB10 a img, .divButtonOdd a img {
	vertical-align: middle;
	margin-right: 3px;
}

/* CONTEXTMENU */
.itemMenu {
	display: none;
}
#generalContextMenu {
	border-top: 1px solid #e4dfcf;
}
a.contextMenuItem {
	display: block;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	border: 1px solid #e4dfcf;
	border-top: 0px none;
	padding: 6px 9px;
	white-space: nowrap;
	background: #fff url(index.php?page=util&action=img&img=btn_sprite-VoceMenuLeft&ext=png) repeat-x top;
}
a.contextMenuItem:hover {
	color: #333;
	background: #fff url(index.php?page=util&action=img&img=btn_sprite-VoceMenuLeftover&ext=png) repeat-x bottom;
}
a.contextMenuItem img {
	vertical-align: middle;
	margin-right: 3px;
}

/* FORM */
form {
	margin: 0px;
	padding: 0px;
}
label {
	color: #333;
	font-weight: bold;
}
input, select, textarea {
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6e6959;
	text-decoration: none;
	line-height: normal;
	border: 1px solid #cccccc;
}
input.submit {
	color: #333;
	text-transform: lowercase;
	font-weight: bold;
	padding: 3px 6px;
	background: #fff url(index.php?page=util&action=img&img=ButtonOdd&ext=png) repeat-x bottom;
	border: 1px solid #cccccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.textareaSimple {
	width: 100%;
	height: 150px;
}
.textareaStyle {
	width: 100%;
	height: 350px;
}
.iframeStyle {
	width: 100%;
	height: 350px;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
}

/* ACTION BAR */
.actionBar {
	background-color: #efead9;
	border-bottom: 1px solid #e4dfcf;
	text-align: left;
	padding: 8px;
}
.actionBar img {
	vertical-align: middle;
}
.actionBar strong, .actionBar b {
	font-size: 14px;
}

/* CALENDARIO */
.calendarContainer td {
	font-size: 13px;
}

/* BOX */
#ajaxBoxOverlay { 
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
	width: 100%;
	background-image: url(index.php?page=util&action=img&img=overlay&ext=png); 
	cursor: pointer;
}
* html #ajaxBoxOverlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(index.php?page=util&action=img&img=blank&ext=gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="index.php?page=util&action=img&img=overlay&ext=png", sizingMethod"scale");
}
#ajaxBoxContainer {
	background-color: #efead9;
	padding: 20px;
	border: 1px solid #e4dfcf;
	width: 800px;
	height: 640px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2000;
	display: none;
	visibility: hidden;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
#ajaxBoxClose {
	height: 20px;
	text-align: right;
}
#ajaxBoxClose strong {
	padding-right: 5px;
	color: #000;
}
#ajaxBoxClose img {
	border: none;
	vertical-align: middle;
	cursor: pointer;
}
#ajaxBoxFrameSup {
	border: 1px solid #e4dfcf;
}
#ajaxBoxFrame {
	border-top: 1px inset #fcfcfc;
	border-left: 1px inset #fcfcfc;
	border-bottom: 1px outset #fcfcfc;
	border-right: 1px outset #fcfcfc;
	padding: 10px;
	overflow: auto;
	background-color: #fff;
	text-align: left;
}

.backStyle {
	background-color: #F3F3F3;
	border: 1px solid #E0E8EF;
	padding: 4px;
	height: 20px;
}

#ajaxBoxFrame .hr {
	height: 1px;
	background: transparent;
	border-bottom: 1px solid #D8D2BD;
	margin: 15px 0px 5px 0px;
}

#ajaxBoxFrame .attachPmStyle {
	margin: 0px;
	margin-bottom: 3px;
}


/* BOX HELP */
img.helpme {
	vertical-align: middle;
	cursor: pointer;
}

.helpTable {
	border-collapse: separate;
	border-spacing: 0px;
	empty-cells: show;
	border: 1px solid #f6f6f6;
	border-right: none;
	border-bottom: none;
}
.helpTable td {
	padding: 2px 5px;
	border: none;
	border-right: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
	background-color: #E0EFE5;
}

span.orderArrowR {
	vertical-align: middle;
	float: right;
}
img.orderArrowR {
	vertical-align: middle;
	border: 1px solid #ccc;
}
a.orderArrowL {
	margin-left: 2px;
}

.useradd, .userdel {
	width: 100%
}

.inpMsgBoxL {
	float: left; 
	width: 49%;
}

.inpMsgBoxR {
	float: right; 
	width: 49%;
}

.innerScroll {
	height: 250px; 
	overflow: auto; 
	background-color: #FCFCFC;
}

.formsubscribejs {
	width: 90%;
	height: 30px;
}

.CodeMirror-line-numbers {
	font-family: monospace;
	font-size: 10pt;
	background-color: #D8D2BD;
	color: #FCFCFC;
	line-height: normal;
	margin-top: 0.4em;
	text-align: right;
	padding-right: 3px;
	padding-left: 3px;
}