/* - ++resource++collective.js.colorpicker.css - */
@media screen {
/* http://www.provincia.teramo.it/portal_css/++resource++collective.js.colorpicker.css?original=1 */
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(/++resource++collective.js.colorpicker.images/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(/++resource++collective.js.colorpicker.images/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(/++resource++collective.js.colorpicker.images/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(/++resource++collective.js.colorpicker.images/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(/++resource++collective.js.colorpicker.images/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(/++resource++collective.js.colorpicker.images/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(/++resource++collective.js.colorpicker.images/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(/++resource++collective.js.colorpicker.images/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(/++resource++collective.js.colorpicker.images/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(/++resource++collective.js.colorpicker.images/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(/++resource++collective.js.colorpicker.images/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(/++resource++collective.js.colorpicker.images/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}

}


/* - raptus.article.css - */
@media screen {
/* http://www.provincia.teramo.it/portal_css/raptus.article.css?original=1 */
/* */
/* */
#components ul {
margin:2em 0;
padding:0;
list-style:none;
}
#components ul li {
display:block;
clear:both;
background:none;
margin:-1px 0 0 0;
padding:5px 11px;
list-style:none;
position:relative;
border-width:1px 0;
border-style:solid;
border-color:#255889 #d1eaf7;
}
#components ul li a {
border:none;
}
#components ul li label {
cursor:pointer;
}
#components ul li input {
float:right;
margin:3px 5px 0 10px;
}
#components ul li img {
float:left;
margin:0 1em 0 0;
}
#components ul li strong {
display:block;
font-weight:normal;
font-size:15px;
line-height:20px;
}
#components ul li span {
display:block;
font-weight:normal;
margin:1em 0 0 0;
}
#components ul li .information {
display:none;
position:absolute;
right:40px;
top:30px;
background-color:White;
border:1px solid #255889;
border-top:none;
padding:0.5em 1em;
margin:0;
width:40%;
z-index:1;
border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-o-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
box-shadow: 2px 2px 2px #aaa;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
}
#components ul li.hover {
padding:5px 10px;
background-color:White;
border-width:1px;
border-color:#255889;
box-shadow: 2px 2px 2px #aaa;
-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
}
#components ul li.hover .information {
display:block;
}
#components ul li .information span {
margin:0;
}
#components .actionButtons {
clear:both;
}
.component {
margin:0 0 1em 0;
}
.hidden {
opacity:0.2;
-moz-opacity:0.2;
-o-opacity:0.2;
-webkit-opacity:0.2;
}
.hidden:hover {
opacity:0.6;
-moz-opacity:0.6;
-o-opacity:0.6;
-webkit-opacity:0.6;
}
.componentBlock {
margin:3em 0;
padding:1em 2em;
border:1px solid #255889;
background-color:White;
overflow:hidden;
}
.componentLeft {
float:left;
clear:left;
padding:0 1em 0 0;
}
.componentRight {
float:right;
clear:right;
padding:0 0 0 1em;
}
.componentFull {
text-align:center;
}
ul li.component a {
border-bottom:none;
}
ul.manageableList li,
.component {
position:relative;
}
ul.manageableList li .manage,
.component .manage {
position:absolute;
z-index:1;
top:2px;
right:4px;
padding:2px 5px;
background-color:#cde2a7;
border:1px solid #74ae0b;
border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
box-shadow: 1px 1px 4px #aaa;
-moz-box-shadow: 1px 1px 4px #aaa;
-webkit-box-shadow: 1px 1px 4px #aaa;
opacity:0.6;
-moz-opacity:0.6;
-o-opacity:0.6;
-webkit-opacity:0.6;
}
ul.manageableList li .manage:hover,
.component .manage:hover {
opacity:1;
-moz-opacity:1;
-o-opacity:1;
-webkit-opacity:1;
}
ul.manageableList li .manage a,
.component .manage a {
display:inline !important;
border:none;
}
ul.manageableList li .manage a img,
.component .manage a img {
display:inline !important;
}
.clearfix:after,
.component:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix, .component {display: inline-block;}
/* \*/
* html .clearfix, * html .component {height: 1%;}
.clearfix, .component {display: block;}
/* */
/* */
}