/*
 * jquery.tagify.css - Create a "tagified" UI control based on text input
 * Version 0.0.2
 * 
 * copyright (c) 2013 decipher inc. 
 * Examples and docs at: http://decipherinc.github.io/tagify/
 * Please see LICENSE.txt for license information
 */

.tagify {
	display: inline-block;
	margin: 5px 5px 0 0;
}

.tagify-tag {
	border: 1px solid #CCCCCC;
	padding: 3px 3px 3px 7px;
	display: inline;
    float: left;
	font-size: 0.9em;
    font-weight: bold;
	margin-right: 5px;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 	
	background-color: #E5E5E5;
}

.tagify-tag.invalid {
	background-color: #FFE8E8;
	border: 1px solid #FFD6D6;
}

.tagify-remove {
    margin-left: 7px;
    cursor: pointer;
    height: 10px;
    width: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAIAAADd4huNAAAAA3NCSVQICAjb4U/gAAAAGXRFWHRTb2Z0d2FyZQBnbm9tZS1zY3JlZW5zaG907wO/PgAAAPNJREFUKJFjfPr0KQNxgIlIdUhK//96deXw4Suvfv2Hyfz9fO/kwdOPvv5HV/rv67P7Dx6c37374qtf/xkY/n66fXj70VuP7j989xOmlhHu1v/fn57ete/mJyYhTXOFT+fOPf3JKm3mYacuwIKhlIGB4f+P52f37L3+/j8DAwOblJm7PUIdurcYWbn5uCGSTHxiIlwsyJLISv9+un1o+8knv1nFVeV5/725sGPvpde//2Mq/f/13uEdJ578YpU293S2sHV3UuP99+bizj2X3/7GMPXf339MXDLmnvZq/MwMjJzSpu6Oavxs//79g5vLSJPYAgBkmnFuLGHIEgAAAABJRU5ErkJggg==) 0 0 no-repeat;
    display: inline-block;	

}

.tagify-tag.invalid .tagify-remove {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAA3NCSVQICAjb4U%2FgAAAAGXRFWHRTb2Z0d2FyZQBnbm9tZS1zY3JlZW5zaG907wO%2FPgAAAPFJREFUGJVj%2FP%2FiBQMhwERQBUzR%2F19PLh%2FcdPnlj%2F8w4b%2Bfrp7Yv%2Bfh138IRf%2B%2B3Lt7%2F%2FrZnSvOv%2Frxn4Hh78eLB7duufHw2oO3EG2MEDf9%2F%2F5kz%2FY95z4xiWtban48c%2BDJT3YZixgHDREWJEUMDAz%2Ffzzbv3P36ff%2FGRgY2KUtYhyhKlAczsjKI8TDChEUEhPhZYHLwBX9%2FXTxwJadj3%2BxS6ip8%2F57fn7bqguvfv5HVvTv65WDW3c8%2FsUuYxHrauXv5WLI9%2B%2FZhR0rL779hWTSv7%2F%2FmHllLWIdNYSZGRg5ZVw8nQ35Wf%2F9%2Bwsxi5FqIQ4Aydhxa1QwgSQAAAAASUVORK5CYII%3D) 0 0 no-repeat;
}

.tagify-input-container {
	padding: 3px 5px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
    float:left;
}

.tagify-preview,
.tagify-preview-disabled {
	height: 12px;
	width: 17px;
	display: inline-block;
	cursor: pointer;
}

.tagify-preview {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAIAAABr+ngCAAAAA3NCSVQICAjb4U/gAAAAGXRFWHRTb2Z0d2FyZQBnbm9tZS1zY3JlZW5zaG907wO/PgAAAUlJREFUKJFj/P//PwO5gIlsnZRqZsEq+v/3x6cPHr9+/+UXC4+giKScjDAHNlswNP/5eOfY7r0n7374hyTIKWPi6mmnKcSKqhbVwF8vTqxauOMJOx8Hq4RFYLifpRQzAwMDg5Ci2PsDi5cffvLzPy7N/7/d3rnuHI9LjIf0T0ZFU5HLazcdf/aXgYGB4d1nWc9YL9GrG7Ze//wPu+bfr68/YNY0U+Xn4OL4fmvzljt/YDLsPJysPEqmepyPr736jV0zm6y9ndDVjbtv/ZG3MxNBiDNLW1lJ/rq7d8NZLhsnBXYkzYyoieTny9Ob1hz/pmRhpsz1+fmzt784xGRl+b7ePnH0BotJcJClNDsjbs0MDAz/f7y8dur4qQu3Xv1i42L58+0ns6CCjqmNtb40F3p0YWqGg38/v379w8LFzc6MQwE+zYTBwKVtABDDginpEG1kAAAAAElFTkSuQmCC) top left no-repeat;
}

.tagify-preview-disabled {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAIAAACJJmN7AAAAA3NCSVQICAjb4U/gAAAAGXRFWHRTb2Z0d2FyZQBnbm9tZS1zY3JlZW5zaG907wO/PgAAAW9JREFUKJFj/P//PwNZgIk8bcTo/P/17sFdJ+5/+YcuwYJN9e8PD65cvPHo1btPPxhYfr949Jqf1dBUkQe/zr+fbu5fv+3si18MDKwCEgI/Xjz7wcCt76LP+vTJZ2kZXmYcrv336ermxbveKlqqcvNo+wZZyPCwMjCwKDpaS/99embDwvUX3v/FqvPf+3Ob9n02jgjQZf74X0z8/YEdZ+5/ZhC1clL4fPuLsm+E2c9DG068/otN5/f3X5iFRHnYuESE/t7bd+QlAwMDj6Gr3t+Lx18wMLPwiImyffvwHZtOFklbL/XnW9cefSVq56zCwcDAwKrsZMH38PJPPROBVyfWbbor5+4oywZTzoiaEv59uXtw3ZYrjDKCb+885XdIiTViefXo/vVTRy99VfIIddPkRwQRI2Ya+vfp2ro5m+9yGEUn6D9eu/r8H3F1AzNTXTk+tHj4jwH+fbm9c96M9Te+/MOUQwJY7CQS0DDd4gQAfaXL86I1pzIAAAAASUVORK5CYII=) top left no-repeat;
}

.tagify-input {
	padding: 4px;
	font-size: .8em;
	border: none;
    width: 30em;
}

.tagify-input,
.alertEmails {
/*  width: 65em;*/
}

.tagify-warning {
	padding: 7px;
	background-color: #FFE7E7;
	border: 1px solid #F38484;
	margin: 10px 10px 0 10px;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #000000;	
}

.tagify-nel {
    width: 15px;
    font-size: 16px !important;
    font-weight:bold !important;
    float:left;
    padding-right: 5px;
    padding-left: 5px;
}

.tagify-nelf {
    font-size: 16px !important;
    font-weight:bold !important;
    float:left;
    padding-right: 5px;
    padding-left: 5px;
    color:#01aa00 !important;
}

.tagify-nelnf {
    font-size: 16px !important;
    font-weight:bold !important;
    float:left;
    padding-right: 5px;
    padding-left: 5px;
    color:#FF0000 !important;
}