.noteSmall,
.note{

	margin-top: 30px;
	display: block;
	vertical-align: middle;

	padding: 11px;

	font: 12px arial;

}

.noteSmall h2,
.note h3,
.note h2{
	font: 16px normal "Open Sans";
	font-weight: 300;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.35);
	font-size: 14px!important;
}

.note h3{ 
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
}


.noteSmall p:last-child{
	margin-bottom: 0px!important;
}

.note p{
	font: 12px Arial;
	margin-top: 2px;
}

.noteSmall.nSuccess,
.note.nSuccess{
	background: #dff0d8;
	color: #669e4f;
}

.noteSmall.nError,
.note.nError {
	background: #f2dede;
	color: #ce6060;

}

.noteSmall.nWarning,
.note.nWarning{
	background: #fcf8e3;
	color: #a3933d;

}

.noteSmall.nInfo,
.note.nInfo{
	padding: 20px;
	background: #f4f4f4;
}

.noteSmall.nInfo p,
.note.nInfo p{
	line-height: 20px;
	margin-bottom: 20px;
}

.noteSmall.nInfo>ul,
.note.nInfo>ul{
	list-style-type:circle;
	padding-lefT: 20px;
}

.noteSmall.nInfo>ul>li,
.note.nInfo>ul>li{
	line-height: 20px;
	padding-bottom: 20px;
}


.noteSmall.nNeutral,
.note.nNeutral{
	background: rgb(154,213,223);
	color:#1c4b57;
}

.noteSmall.nNeutral2,
.note.nNeutral2{

	background: rgb(217,217,217);
	color: #4e4e4e;
}

.nIconError ,
.nIconWarning ,
.nIconMessage ,
.nIconLight ,
.nIconInfo ,
.nIconNeutral ,
.nIconNeutral2,
.nIconSuccess {
	padding-left: 65px;
	min-height: 35px;
	position: relative;
}

.nIconError span.nIcon,
.nIconWarning span.nIcon,
.nIconMessage span.nIcon,
.nIconLight span.nIcon,
.nIconInfo span.nIcon,
.nIconNeutral span.nIcon,
.nIconNeutral2  span.nIcon,
.nIconSuccess span.nIcon{
	display: block;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 15px;
}

.nIconSuccess span.nIcon{
	background: url("ui/notes/success-big.png");
}

.nIconError span.nIcon{
	background: url("ui/notes/error-big.png");
}

.nIconWarning span.nIcon{
	background: url("ui/notes/warning-big.png");
}

.nIconNeutral span.nIcon{
	background: url("ui/notes/messages-big.png");
}

.nIconNeutral2 span.nIcon{
	background: url("ui/notes/light-big.png");
}

.nIconInfo span.nIcon{
	background: url("ui/notes/info-big.png");
}

/*small notes*/

.noteSmall {	
	padding: 6px;	
}

.noteSmall h3{	
	padding-top: 6px;	
	padding-bottom: 6px;	
	font-size: 12px;
}


.noteSmall.nIconError ,
.noteSmall.nIconWarning ,
.noteSmall.nIconMessage ,
.noteSmall.nIconLight ,
.noteSmall.nIconInfo ,
.noteSmall.nIconNeutral ,
.noteSmall.nIconNeutral2,
.noteSmall.nIconSuccess {
	padding-left: 40px;
	min-height: 28px;
	position: relative;
}

.noteSmall.nIconError span.nIcon,
.noteSmall.nIconWarning span.nIcon,
.noteSmall.nIconMessage span.nIcon,
.noteSmall.nIconLight span.nIcon,
.noteSmall.nIconInfo span.nIcon,
.noteSmall.nIconNeutral span.nIcon,
.noteSmall.nIconNeutral2  span.nIcon,
.noteSmall.nIconSuccess span.nIcon{
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 15px;
}


.noteSmall.nIconSuccess span.nIcon{
	background: url("ui/notes/success-small.png");
}

.noteSmall.nIconError span.nIcon{
	background: url("ui/notes/error-small.png");
}

.noteSmall.nIconWarning span.nIcon{
	background: url("ui/notes/warning-small.png");
}

.noteSmall.nIconNeutral span.nIcon{
	background: url("ui/notes/messages-small.png");
}

.noteSmall.nIconNeutral2 span.nIcon{
	background: url("ui/notes/light-small.png");
}

.noteSmall.nIconInfo span.nIcon{
	background: url("ui/notes/info-small.png");
}


/* controls */

.note a.close,
.noteSmall a.close{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;

	
}

.note a.close span,
.noteSmall a.close span{

	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	right: 10px;
	top: 10px;

	background-position: 0px 0px;
	background-repeat: no-repeat;

}

.note.nIconInfo a.close span,
.noteSmall.nIconInfo a.close span{
	background-image: url("ui/notes/info-close.png");	
}

.note.nIconNeutral2 a.close span,
.noteSmall.nIconNeutral2 a.close span{
	background-image: url("ui/notes/light-close.png");	
}

.note.nIconNeutral a.close span,
.noteSmall.nIconNeutral a.close span{
	background-image: url("ui/notes/messages-close.png");	
}

.note.nIconWarning a.close span,
.noteSmall.nIconWarning span.close span{
	background-image: url("ui/notes/warning-close.png");	
}

.note.nIconError a.close span,
.noteSmall.nIconError a.close span{
	background-image: url("ui/notes/error-close.png");	
}

.note.nIconSuccess a.close span,
.noteSmall.nIconSuccess a.close span{
	background-image: url("ui/notes/success-close.png");	
}



/* in combinations with widgets */

.widget .noteSmall {
	margin-top: 0px!important;
	border-top: 0px!important;
}



/*small notices */

#speech-bubble {
   width: auto; 
   min-width: 50px;
   padding:5px;
   height: 80px; 
   background: #c9b36e;

	border: 1px solid #b09a56;

   -moz-border-radius: 3px; 
   -webkit-border-radius: 3px; 
   border-radius: 3px;

   position: absolute;

}
#speech-bubble:before {
   content:"";
   position: absolute;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid blue;
   border-bottom: 13px solid transparent;
   margin: 13px 0 0 -25px;
}

