/******************/
/* General Layout */
/******************/

#wrapper {
	/* For absolute messages */
	position: relative;
}

.nowrap {
	white-space: nowrap;
}

.center {
	text-align: center;
}

a img {
	margin-right:5px;
}

.button.small, .big-button.small, .big-button{
	margin:0 5px;
}

#select-site li.rf-ulst-itm:hover{
	box-shadow: 0 0 5px 10px #297CB4 ;
}

#select-site li{
	cursor:pointer;
}

#select-site div.grid-picto{
	border :none;
}

.block-content .no-margin-bottom:last-child{
	margin-bottom: -1.667em;	
}

.favorites > li:hover {
    border-radius: 0.278em;
    border: none;
}

li.selected {
    box-shadow: 0 0 10px #3399CC;
    border-style: solid;
    border-radius: 0.278em;
    -moz-border-radius: 0.278em;
    -webkit-border-radius: 0.278em;
    border: none;
}

.no-margin-right{
    margin-right: 0;
}


/*******************/
/* Header / Footer */
/*******************/

.header-bg{
	background: url(/mclls/javax.faces.resource/theme/ui/header-background.png.html?appv=1.7) repeat-x scroll 0 bottom #fff;
}

/***************/
/* Ajax Status */
/***************/

#ajaxStatus {
	position: absolute;
	z-index: 200;
	background: lightblue;
	border-radius: 3px;
	top: 111px;
	padding-left: 20px;
	right:260px;
	font-weight: bold;
	-webkit-animation:pulsate 1s linear infinite;
	-moz-animation:pulsate 1s linear infinite;
	-o-animation:pulsate 1s linear infinite;
	animation:pulsate 1s linear infinite;
	padding: 5px 10px 6px 10px;
	box-shadow: 0px 0px 5px;
}

#ajaxStatus span{
	background-image:url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/table-loader.gif.html?appv=1.7);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 20px;
}

@-webkit-keyframes pulsate {
	0% {color: black}
	50% {color: #3399CC}
	100% {color: black}
}
@-o-keyframes pulsate {
	0% {color: black}
	50% {color: #3399CC}
	100% {color: black}
}
@-moz-keyframes pulsate {
	0% {color: black}
	50% {color: #3399CC}
	100% {color: black}
}

/********/
/* Menu */
/********/


/************************/
/* Login / Registration */
/************************/

#login-wrapper #login-top.portal {
	padding-top: 40px;
}

.home-button > input{
    float: left;
    font-size: 20px;
}

.login-content {
    margin: 0 auto;
    text-align: left;
    width: 380px;
}

.login-content label {
    float: left;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    width: 100px;
}
.login-content input[type="text"], .login-content input[type="password"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    float: right;
    margin: 0 0 20px;
    padding: 6px;
    width: 200px;
}

.login-content p {
    padding: 0;
}

.login-content p input[type="submit"], .login-content p input[type="button"] {
    border: 0 none;
    float: right;
    margin-top: 20px;
    width: auto;
}

#home-form{
	text-align: center;
}

#home-form>div{
	padding-top:30px;
}

#home-form input{
	float:none;
}

#home-form ul{
	width: 200px;margin:0 auto;
	text-align: left;
}

.login-content textarea{
	float: right;
	font-size: 13px;
	margin-bottom: 19px;
	padding: 6px;
	position: relative;
	width: 198px;
}

#registerForm .tab-header{
	margin-left:-250px;
	float:left
}

#registerForm div.tab-header li{
	border-color: grey;
	width:200px;
}

/**********************/
/*  Navigation Wizard */
/**********************/

div.step-content>div, div.step-content>form>div{
	display: none;	
}

#stepnav1{
	display: block;	
}

/********/
/* FORM */
/********/

form div.block-controls {/* Remove hidden input visible place, by created by h:form */
	padding-top: 0px;
	margin-top:-21px;
}
 
.form label{
	margin-right: 0.5em;
	color: black;
}

.form .rf-ulst-itm > input[type="checkbox"]{
	margin: 0 3px 3px 0;
	vertical-align: 0;
}

span.relative > input + .check-ok,
span.relative > input + .check-error,
span.relative > input + .check-warning,
span.relative > input + .check-info,
span.relative > select + .check-ok,
span.relative > select + .check-error,
span.relative > select + .check-warning,
span.relative > select + .check-info {
	right: -8px;
}

.form span.error select{
	border: 1px solid #C00;
}

.input-with-button input[type="text"], .input-with-button .input-type-text, .input-with-button select {
	margin-right: 0;
}

.input-with-button .button {
	margin-left: 3%;
}
/************/
/* MESSAGES */
/************/

.messagesContainer {
	position: fixed;
	top: 1em;
	right: 0.25em;
	z-index: 110;
	width: 50%;
	margin-left: 25%;
    margin-right: 25%;
}

.messagesContainer ul {
	position: relative;
}

.messagesContainer .message.error {
	background-color: rgba(255, 243, 242, 0.92);
}

.messagesContainer .message.warning {
	background-color: rgba(255, 255, 204, 0.92);
}

.messagesContainer .message.success {
	background-color: rgba(221, 235, 223, 0.92);
}
		
span.rf-msgs{
	display: block;
	background: none repeat scroll 0 0 #E4E4DC;
    margin: 2.5em 1.8em;
    position: relative;
    z-index: 89;
    height:auto;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border: 1px solid #999999;
    border-radius: 0.333em 0.333em 0.333em 0.333em;
}

span.rf-msgs > span {
	padding: 0.583em;
    background-repeat: no-repeat;
	background-image: url("/mclls/javax.faces.resource/shared/icons/information_i-ocre_16.png.html?appv=1.7");
  	background-position: 0.6em 0.6em;
    color: #576A73;
    text-transform: uppercase;  	
    font-size: 0.833em;
    line-height: 1.3em;
    padding: 0.8em 1em 0.8em 3em;
    border-radius: 0.333em 0.333em 0.333em 0.333em;
}

span.rf-msgs span.rf-msgs-wrn {
	background-image: url("/mclls/javax.faces.resource/shared/icons/balloon_16.png.html?appv=1.7");
	color: #56563E;
	background-color: #FFFFCC;
    border-color: #C3C39E;
}

span.rf-msgs span.rf-msgs-err{
	border-color:#C00000;
	background-color:#FFF3F2;
	color:#563F3E;
	background-image: url("/mclls/javax.faces.resource/shared/icons/cancel_cross-red-circle_16.png.html?appv=1.7");
}

/**************/
/* DATA-TABLE */
/**************/

table{
	width: 100%;
}

th.rf-dt-shdr-c{
	line-height: 18px;
}

th span.column-sort{
	margin: -0.54em 0.5em -0.583em -0.75em;
}

th span.column-sort.first{
	margin-left: -0.55em;
}

.table-checkbox-column {
	width:15px;
}

.table-action-column {
	width: 1%;
	white-space: nowrap;
}

/*************/
/* DATA-GRID */
/*************/

p.grid-details{
	font-size: 0.9em;
}

p.grid-details span.grid-details-value {
    color: #333333;
    font-weight: normal;
}

ul.grid > li{ 
	height: 10em;
	width: 18.9em;
	overflow: hidden;
}

ul.grid > li div.grid-picto{
	height: 10em;
}

ul.grid >li .grid-content{
	word-wrap: break-word;
}

ul.grid.resume > li{
	min-width: auto;
	min-height: 8em;
/* 	width: auto; */
	height:auto;
 	float: right;
 }

ul.grid.resume > li div.grid-picto{
	min-height: 8em;
}

li.rf-ulst-itm{ 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	position: relative;
}

.grid-name {
	color: #373737;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0.25em;
}

table.grid-actions > tbody > tr:FIRST-CHILD {
 	border-top: medium none;
}

table.grid-actions > tbody > tr > td { 
 	border-bottom: 1px inset #B3B3B3;
    height: 1.75em;
    line-height: 1.75em;
    text-align: center;
}

table.grid-actions > tbody > tr > td > a > img { 
 	margin: 2px -1px -3px 0;
}

.grid-details {
	color: #808080;
	margin-bottom: 0;
	line-height: 1.25em;
	list-style: none outside none;
}

.controls-buttons img{
	margin: -0.14em 0;
}

ul.controls-buttons{
	margin-top: 13px;
}

.block-content .no-footer{
	margin-bottom: -1.667em;
}

ul.grid.resume{
	float: right;
	padding: 0;	
}

ul.grid.resume > li .grid-picto{
	border: none;
}

.head {
	margin-top: -1.667em;
}

/*** Device list ***/

ul.device-icon-list li{
	display: inline-block;
}

ul.device-icon-list li > div{
    background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    float: left;
    margin: 2px;
    padding: 5px 2px;
    text-align: center;
    width: 100px;
}

/*****************/
/* DATA-SCROLLER */
/*****************/

.rf-ds-btn , .rf-ds-btn , .rf-ds-btn, .rf-ds-nmb-btn , .rf-ds-nmb-btn {
	background-image: none;
    background-position: left top;
    background-repeat: no-repeat; 
    border-width: 0;
    cursor: default;
    font-weight: normal;
    padding: 2px 10px 3px;
    text-decoration: none;
    border: 1px solid white;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
    color: #333333;
    display: inline-block;
    min-width: 1.083em;
    padding: 0.333em 0.5em;
    text-align: center;
    text-transform: uppercase;
    border-style: hidden;
    margin: 0 0.3em 0 0;
    line-height: 1.333em;
	background: #e7e7e7 url(/mclls/javax.faces.resource/theme/ui/controls-bt-bg.png.html?appv=1.7) repeat-x top;
	background: -moz-linear-gradient(
		top,
		#f8f8f8,
		#e7e7e7
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#f8f8f8),
		to(#e7e7e7)
	);
}

.rf-ds-nmb-btn {
	width: 2em;
}

span.rf-ds-btn-prev img , a.rf-ds-btn-prev img , span.rf-ds-btn-next img, a.rf-ds-btn-next img{
	margin: -0.25em 0.2em;
	vertical-align: baseline;
}


.rf-ds-dis, .rf-ds-dis:hover {
   opacity:0.3;
   cursor: default;
   color: #333333 !important;
   background: none !important;
   
}

.rf-dg-c {
	background-color: #CCCCCC;
	background: -moz-linear-gradient(center top , #F5F5F5, #CCCCCC) repeat scroll 0 0 transparent;
    background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#F5F5F5),
		to(#CCCCCC)
	);
    border: 1px solid white;
    border-radius: 0.417em 0.417em 0.417em 0.417em;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    color: #333333;
    float: left;
    margin: 0 0.75em 0.75em 0 !important;
    padding: 0.75em !important;
    position: relative;
    width: 20em;
}

div.rf-p-b > table {
	display: inline-block;
}

div.rf-p-b > table > tbody {
	display: block;
}

div.rf-p-b > table > tbody > tr {
	display: block;
}

div.rf-p {
	background-image: url();
	background-position: 0.75em 0.75em;
    background-repeat: no-repeat;
    border-right: 1px solid #B3B3B3;
    margin: -0.75em 1em -0.75em -0.75em;
    padding: 0.75em 0.75em 0.75em 3.9em !important;
    color: #333333;
    border-style: hidden;
    border-width: 0 !important;
}

span.rf-ds {
	display: inline-block;
	white-space: nowrap;
}

.rf-ds.span span:FIRST-CHILD {
	display: none; !important;
}

span.rf-ds-act:hover , a.rf-ds-act:hover , span.rf-ds-nmb-btn:hover , a.rf-ds-nmb-btn:hover , .rf-ds-btn:HOVER, 
	span.rf-ds-act , a.rf-ds-act {
    border-color: #1EAFDC #1193D5 #035592; !important;
    color: white; !important;
    border-style: hidden; !important;
    border-width: 0; !important;
    cursor: pointer;
    background: #057fdb url(/mclls/javax.faces.resource/theme/ui/block-control-hover-bg.png.html?appv=1.7) repeat-x;
	background: -moz-linear-gradient(
		top,
		white,
		#2bcef3 5%,
		#057fdb
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#057fdb),
		color-stop(0.05, #2bcef3)
	);
}

/******************/
/*   Popup Panel  */
/******************/

.rf-pp-cntr{
	border: none;
}

.rf-pp-shdw {
	background: none;
}

div.popupButtons {
	margin-top:20px;
}

section.blank {
	margin-bottom: 2em;
}

.rf-pp-hdr{
	z-index: 5;
	background: none;
	padding:0;
}

.rf-pp-hdr h1{
	border-radius: 0.278em 0.278em 0.278em 0.278em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    left: 1.2em;
    margin: 0;
    position: absolute;
    top: 0.2em;
    z-index: 100;
}

.rf-pp-hdr h1{
	color: white;
	font-size: 1.5em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	border: 1px solid;
	border-color: #50a3c8 #297cb4 #083f6f;
	background: #0c5fa5 url(/mclls/javax.faces.resource/theme/ui/title-bg.png.html?appv=1.7) repeat-x top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		white,
		#72c6e4 4%,
		#0c5fa5
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#0c5fa5),
		color-stop(0.03, #72c6e4)
	);
	-moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	padding: 0.278em 0.444em 0.389em;
}

div.modal-window{
	width: 100%;
}

.rf-pp-shade {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 1);
}

/******************/
/*   File Upload  */
/******************/

.rf-fu-hdr{
	font-size: 0.833em;
	color: white;
	text-shadow:0 1px 2px rgba(0, 0, 0, 0.4);
	font-weight:bold;
}

.rf-fu-btn-add, .rf-fu-btn-upl, .rf-fu-btn-clr{
	margin: 0 5px;
	padding: 0.2em 0.3em 0.3em 0.2em;
	border-radius:0.333em 0.333em 0.333em 0.333em;
	border-color:#50A3C8 #297CB4 #083F6F;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.4);
	line-height:1.429em;
	
	background: #0c5fa5 url(/mclls/javax.faces.resource/theme/ui/button-element-bg.png.html?appv=1.7) repeat-x left top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		white,
		#72c6e4 4%,
		#0c5fa5
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#0c5fa5),
		color-stop(0.03, #72c6e4)
	);
}

.rf-fu-btn-add:hover, .rf-fu-btn-upl:hover, .rf-fu-btn-clr:hover{
		border-color: #1eafdc #1193d5 #035592;
		background: #057fdb url(/mclls/javax.faces.resource/theme/ui/button-element-hover-bg.png.html?appv=1.7) repeat-x left top;
		background: -moz-linear-gradient(
			top,
			white,
			#2bcef3 4%,
			#057fdb
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(white),
			to(#057fdb),
			color-stop(0.03, #2bcef3)
		);
	}

.rf-fu-lst{
	overflow: hidden;
	height: 40px;
}

.rf-fu{
	border: none;
}

.rf-fu-itm{
	line-height: 16px;
}

.rf-fu-itm-lbl{
	color: #666666;
	border-radius: 0.417em 0.417em 0.417em 0.417em;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	padding: 0.167em 0.5em 0.25em;
	line-height: 2.333em;
	margin-left: 3px;
	background-color: #DFDFDF;
	background: -moz-linear-gradient(center top , #F6F6F6, #DFDFDF) repeat scroll 0 0 transparent;
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#DFDFDF),
		color-stop(0.03, #F6F6F6)
	);
}


/***************/
/*  Icon list  */
/***************/

.simple-list.with-icon .icon-server span{ 
	background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl/img/icons/server.gif.html?appv=1.7); 
}

.simple-list.with-icon .icon-device span{ 
	background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl/img/icons/device.gif.html?appv=1.7); 
}

.simple-list.with-icon .icon-error span{ 
	background-image: url(/mclls/javax.faces.resource/shared/icons/cancel_cross-red-circle_16.png.html?appv=1.7);
}

.simple-list.with-icon .item-error span{
	background-image: url(/mclls/javax.faces.resource/shared/icons/cancel_cross-red-circle_16.png.html?appv=1.7);
	background-color: #FFF3F2;
	border: 1px solid #C00000;
}

.simple-list.with-icon .icon-company span{ 
	background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/building.png.html?appv=1.7);
}

.simple-list.with-icon .icon-calendar span{
	background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/calendar-day.png.html?appv=1.7);
}

.simple-list.with-icon .icon-registration span{ 
	background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/24/Modify.png.html?appv=1.7);
}

.simple-list.with-icon .icon-pdf span{ 
	background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/finefiles/32/pdf.png.html?appv=1.7);
	background-position: left center;
    background-size: 28px auto; 
}

.simple-list.with-icon .icon-jpg span{ 
	background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/finefiles/32/jpg.png.html?appv=1.7);
	background-position: left center;
    background-size: 28px auto; 
}

.rf-fu-itm{
    border: 1px none;
    padding: 12px;
    white-space: nowrap;
}

.rf-fu-lst{
    height: auto !important;
}

ul.leftList >li {
	margin-left:1em;
	width: 16.5em;
}

ul.leftList >li .rf-ulst-itm {
	border:1px solid black;
}

ul.leftList >li:active {
  	background-color: #D0DBE9;
    border-radius: 0.25em 0.25em 0.25em 0.25em;
    /* border: 1px solid #339933; */
}

.icon-list li {
	height: 8em;
    width: 14em;
}

.gallery li {
	height:	8em;
	margin: 1em;
}

/* Not Found, Access denied */
div.manMessageContainer {
	position: relative; 
	height: 237px;
	padding-left: 350px;
	color: #555; 
	font-size: 22px; 
	background-repeat: no-repeat;
	background-image:url(/mclls/javax.faces.resource/eu.bluepimento.mcl/img/message-man.png.html?appv=1.7);  
}
div.manMessageContainer div.messageContent {
	position: absolute; 
	top: 160px; 
	left: 95px; 
	width: 200px; 
	height: 100px; 
	text-align: center;
	
}
div.manMessageContainer div.additionalContent {
	line-height: 50px;
    margin: auto;
    text-align: center;
    width: 60%;
}

/* Error page */
div.manMessageContainer.errorMan {
	background-image:url(/mclls/javax.faces.resource/eu.bluepimento.mcl/img/error-man.png.html?appv=1.7);  
}
div.manMessageContainer.errorMan div.messageContent {
	top: 30px; 
	left: 230px; 
	width: 300px; 
	height: 80px; 
	padding: 20px;
	border: 1px solid #CCC;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	border-radius: 25px;
}
div.manMessageContainer.errorMan div.messageContent div {
	margin-top: 5px;
	font-size: 0.65em; 
}

.half-margin-right {
	margin-right: 0.5em;
}

/******************/
/*   Servers      */
/******************/

div.light-grey-bkg {
    background: #D8D8D8;
}

div.no-border-bottom {
    border-bottom: 0px;
}

small.with-margin-left{
    margin-left: 18px;
}

div.right-block{
    margin-right:2em;
    width:100%;
    text-align: left;
    padding-top: 37px;
}

/***********************/
/*  RICH FACES EDITOR  */
/***********************/

span.cke_skin_richfaces {
    border-style: none;
    background-color: #EBEBEB;
	border: 1px solid #89BAD3;
	border-radius: 0.417em 0.417em 0.417em 0.417em;
}

.cke_toolgroup {
 	border: 1px solid #89BAD3;
    border-radius: 0.417em 0.417em 0.417em 0.417em;	
    
}

.cke_skin_richfaces .cke_button a:hover, .cke_skin_richfaces .cke_button a:focus, .cke_skin_richfaces .cke_button a:active {
    border: 1px solid #50A3C8 !important;
    border-radius: 0.417em 0.417em 0.417em 0.417em;
}

.cke_skin_richfaces .cke_rcombo .cke_openbutton {
    border-left-color: #50A3C8 !important;  
     
}

.cke_skin_richfaces .cke_rcombo a, .cke_skin_richfaces .cke_rcombo a:active, .cke_skin_richfaces .cke_rcombo a:hover {
	height: 18px !important;
	border-color: #50A3C8;
	background: -moz-linear-gradient(center top , #D4D4D4, #EBEBEB 3px, white 27px) repeat scroll 0 0%, none repeat scroll 0 0 white !important;
	border-radius: 0.417em 0.417em 0.417em 0.417em;
}

.cke_skin_richfaces .cke_rcombo .cke_openbutton .cke_icon {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/search-more-arrow-hover.png.html?appv=1.7)!important; 
}

ul.tags li.unselected {
    opacity: 0.6;
}

/****************************/
/*  RICH FACES Drag N Drop  */
/****************************/

/* .panelc { width:25%; }
.valign { vertical-align:top; }
.dropTargetPanel { width: 90%; }
.footerClass {
    text-align: center;
    padding-top: 5px;
}
 
.default{
    font-size:11px;
    cursor:pointer;
    width:100px;
    border:1px solid gray;
    padding:2px
} */

#appGrid *{background: none; border: none; width: auto; float: none; box-shadow:0px 0px 0px}
#appGrid td{width:75px}
#appGrid img{max-width:60px; max-height: 60px;}
#appGrid div{max-width:60px; max-height: 60px; border: 1px solid grey; border-radius:5px; }

div.rf-p-hdr {
   	background: -moz-linear-gradient(center top , white, #72C6E4 4%, #0C5FA5) repeat scroll 0 0 transparent;
    border: 1px solid #50A3C8 !important;
    border-radius: 0.333em 0.333em 0.333em 0.333em;
    color: white;
    font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Sans",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 1em;
    text-align: center;
    width: 25em;
}

.rf-p-b {
  	border: 1px solid #50A3C8 !important;
    border-radius: 0.333em 0.333em 0.333em 0.333em;
    min-height: 150px;
    padding: 10px;
    width: 32em;
    margin-bottom: 1em;
}

.pointerCursor {
	cursor:pointer;
} 
.with-addIcon {
	margin-left:5px;
	background-image: url(/mclls/javax.faces.resource/shared/icons/add_plus-circle-blue_16.png.html?appv=1.7);
	
}
a.icon-list-user{
	font-size: 1.25em; !important;
    padding-right: 1em; !important;
    word-wrap: break-word; !important;
}

/****************************/
/*  RICH FACES Spinner  */
/****************************/

.rf-insp-btns {
	background-image: none;
}

/*************************************/
/* mini-menu specific to simple-list */
/*************************************/
ul.with-mini-menu > li {
	position:relative;
}

ul.with-mini-menu > li > ul > li {
	height:0em;
}

ul.with-mini-menu > li > ul > li > a {
	height: 4px;
}

ul.with-mini-menu > li > ul > li > a > img {
	margin-bottom: 1.75em; 
	margin-top: -6.5px;
	width: 16px;
	height: 16px;
}

a.with-icon-site, span.with-icon-site{
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl/img/icons/site.png.html?appv=1.7);
}

a.with-icon-site strong , span.with-icon-site strong{
	padding-left: 1.5em;
}
/* 
span.with-icon-site{
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl/img/icons/site.png.html?appv=1.7);
}
span.with-icon-site strong{
	padding-left: 1.5em;
} */

ol.wizard-small {
	margin-top: -3.45em; !important;
	font-size: 10px;
    margin-left: -2em;
    margin-right: -2em;
    
}

.collapsibleSubTable_Border{
	border-bottom:1px dotted; 
	border-top:1px dotted;
	font-weight: bold;
}

/********** Calendar Richfaces **********/

.rf-cal-popup{
    width: 160px; height: 150px;
    font-size: 0.80em;
}

.rf-cal-popup, .rf-cal-timepicker-cnt{
    -moz-border-radius:0.333em 0.333em 0.333em 0.333em ;
    -webkit-border-radius: 0.333em 0.333em 0.333em 0.333em ;
    border-radius: 0.333em 0.333em 0.333em 0.333em ;
}


.rf-cal-ftr{
    -moz-border-radius: 0em 0em 0.333em 0.333em;
    -webkit-border-radius: 0em 0em 0.333em 0.333em;
    border-radius: 0em 0em 0.333em 0.333em;

}

.rf-cal-hdr{
    -moz-border-radius:0.333em 0.333em 0em 0em ;
    -webkit-border-radius: 0.333em 0.333em 0em 0em ;
    border-radius: 0.333em 0.333em 0em 0em ;
}

input.rf-cal-sp-inp {
	padding: 2px;
}

/****************** Checkboxes ********************/

.mini-switch {
	visibility: hidden;
	margin-top: -4px !important;
	width: 20px !important;
	height: 20px !important;
	vertical-align: bottom !important;
}

.mini-switch-replace {
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border: 1px solid #89BAD3;
	margin-top: -2px;

	background: white url(/mclls/javax.faces.resource/theme/ui/input-bg.png.html?appv=1.7) repeat-x top;
	background: -moz-linear-gradient(
		top,
		#d4d4d4,
		#ebebeb 3px,
		white 27px
	), white;
	background: -webkit-gradient(
		linear,
		left 0px, left 27px,
		from(#d4d4d4),
		to(white),
		color-stop(0.12, #ebebeb)
	), white;
}

.mini-switch:checked + .mini-switch-replace {
	background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl/img/checkbox_radio.png.html?appv=1.7) no-repeat 0 0 #4596CE;
}

.mini-switch:disabled + .mini-switch-replace {
	background-position: 0 0;
	cursor: not-allowed;
	border: 1px solid #BEBEBE;
}

.mini-switch:disabled:checked + .mini-switch-replace{
	background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl/img/checkbox_radio.png.html?appv=1.7) no-repeat 0 0 #BEBEBE !important;
}


/** IE class **/
.mini-switch-replace-checked {
	background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl/img/checkbox_radio.png.html?appv=1.7) no-repeat 0 0 #4596CE;
}
.mini-switch-replace-disabled {
	background-position: 0 -0;
}

