/*misc*/
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.clear {clear:both;}
.justify {text-align: justify;}


/*alerts*/
.required {font-weight: normal;	color: #ff0000;}
.alert-amber {color: #ff3300;} /*#ff6600*/
.alert-amber-small {color: #ff3300; font-size:11px; font-family: tahoma, arial;} /*#ff6600*/


/*system alerts*/
a.close
{
    color:#990000; font-size:9px;
    position:absolute; right: 5px; padding-right: 15px;
    background: url(/_assets/media/images/system/icon-small-delete.png) no-repeat right center;
}
.error
{
	clear: both; line-height: 25px; height: 100%;
	position:relative; margin: 0 0 25px; padding: 0 10px;
	background: #ffebe8; border: 1px solid #f0baa2;
}
.caution
{
	clear: both; line-height: 25px; height: 100%;
	position:relative; margin: 0 0 25px; padding: 0 10px;
	background: #fffbcc; border: 1px solid #e6db55;
}
.success
{
	clear: both; line-height: 25px; height: 100%;
	position:relative; margin: 0 0 25px; padding: 0 10px;
	background: #d1ecb8; border: 1px solid #81c445;
}
.tip
{
	clear: both; line-height: 25px; height: 100%;
	position:relative; margin: 0 0 25px; padding: 0 10px;
	background: #ddeeff; border: 1px solid #85caf3;
}


/* system quick message alerts */
.positive
{
	float: left; padding-left: 25px; margin: 7px 0 0 10px;
	display: block; height: 16px;
	color: #709a3c; font-size: 1.2em; font-weight: bold; line-height: 1.25em;
	background: url(/_assets/media/images/system/icon_positive.png) no-repeat left top;
}
.negative
{
	float: left; padding-left: 25px; margin: 7px 0 0 10px;
	display: block;	height: 16px;
	color: #be2c0a;	font-size: 1.2em; font-weight: bold; line-height: 1.25em;
	background: url(/_assets/media/images/system/icon_negative.png) no-repeat left top;
}


/* system buttons */
.btn
{ 
    cursor: pointer; width: auto; overflow:visible; padding-left: 25px;  border-width: 2px; 
    background: #fcfcfc url(/_assets/media/images/system/icon-arrow.png) no-repeat 8px center;
}
.btn.save { background: url(/_assets/media/images/system/icon-save.png) no-repeat 5px center; }
.btn.add { background: url(/_assets/media/images/system/icon-add.png) no-repeat 5px center; }
.btn.edit { background: url(/_assets/media/images/system/icon-edit.png) no-repeat 5px center; }
.btn.delete{ background: url(/_assets/media/images/system/icon-delete.png) no-repeat 5px center; }
.btn.cancel { background: url(/_assets/media/images/system/icon-cancel.png) no-repeat 5px center; }
.btn.search { background: url(/_assets/media/images/system/icon-search.png) no-repeat 5px center; }

.btn:hover { border-color: #59b1d8; background-color: #ddeeff; }
.btn.save:hover { border-color: #c6d881; background-color: #e6efc2; }
.btn.add:hover { border-color: #c6d881; background-color: #e6efc2; }
.btn.edit:hover { border-color: #c6d881; background-color: #e6efc2; }
.btn.delete:hover { border-color: #fbc7c9; background-color: #fbe3e4; }
.btn.cancel:hover { border-color: #fbc7c9; background-color: #fbe3e4; }

.btn.pill { background: url(/_assets/media/images/system/icon-pill.png) no-repeat 5px center; }
.btn.pillgo { background: url(/_assets/media/images/system/icon-pill-go.png) no-repeat 5px center; }
.btn.pilladd { background: url(/_assets/media/images/system/icon-pill-add.png) no-repeat 5px center; }
.btn.pilldelete { background: url(/_assets/media/images/system/icon-pill-delete.png) no-repeat 5px center; }

.btn.pill:hover { border-color: #59b1d8; background-color: #e6efc2; }
.btn.pillgo:hover { border-color: #c6d881; background-color: #e6efc2; }
.btn.pilladd:hover { border-color: #c6d881; background-color: #e6efc2; }
.btn.pilldelete:hover { border-color: #fbc7c9; background-color: #fbe3e4; }


/* layers */
.layer-a 
{
    padding: 5px; margin: 5px 5px 15px 5px;
    background-color:#ffffee; border: solid 4px #ccccff; 
}