/**
* Position Matching / Percentage Bars
*************************************/
.percentage-bar {
	border:1px solid #ccc;
	padding:1px;
	background: #fff;
	width:100px;
	font-size:110%;
}
.percent {
	background:#00B8E5;
	display:block;
	height:15px;
	text-align:left;
	height:18px;
	padding-top:2px;
	
}
/**
* UI Icon Buttons
****************************/
.icon,
.actions a {
	background-position:2px 50% ;
	background-repeat:no-repeat;
	padding:4px 2px 4px 20px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	text-decoration:none;
	color: #000;
	font-size:12px;
	outline:0;
	display:inline;clear:left;
}
.icon:link,
.icon:visited,
.icon:hover {
	color:#000;
}
/**
* Action Lists
***********************************************/
.actions {
	border-top:1px solid #ccc;
	padding:10px 0 0 0 ;
	margin:10px 0 ;
	white-space:nowrap;
}
.actions.icon {
	white-space:nowrap;
}
.actions li {
	display:inline;
	margin:0 10px 0 0;
}

/**
* Actions / icon types
*****************************/
.icon.add,
.actions .add {
	background-image:url(icons/add.png);
	border-color:#8CD2C1;
}
.icon.add:hover,
.actions .add:hover {
	background-color:#D4ECE6;
	color:#626263;
	text-decoration:none;
}
a.csv {
	border-top:1px dotted #5B8AC9;
	border-bottom:1px dotted #5B8AC9;
	color:#000;
	background:url(icons/table.png) no-repeat 5px 50%;
	padding:5px 5px 5px 25px;
}
a.csv:hover {
	background-color:#d8e2f0;
	color:#626263;
	text-decoration:none;
}
.icon.delete,
.actions .delete {
	background-image: url(icons/delete.png);
	border-color:#CF534A;
}
.icon.close:hover,
.actions .close:hover,
.icon.delete:hover,
.actions .delete:hover {
	background-color:#F9D3CC;
}
.icon.view,
.actions .view {
	background-image: url(icons/magnifier.png);
	border-color:#7EA4D3;
}
.icon.view:hover,
.actions .view:hover {
	background-color:#DFEEFF;
}
.icon.check,
.actions .check {
	border:0;
	background-image: url(icons/accept.png);
}
.icon.check-fade,
.actions .check-fade {
	border:0;
	background-image: url(icons/accept-fade.png);
}
.icon.close,
.actions .close {
	background-image: url(icons/cancel.png);
	border-color:#CF534A;
}
.icon.mail,
.actions .mail {
	background-image: url(icons/email.png);
}
.icon.edit,
.actions .edit {
	background-image: url(icons/pencil.png);
	border-color: #b4762c
}
.icon.edit:hover,
.actions .edit:hover {
	background-color: #f8edc3;
}
table.list .icon {
	height:0;
	width:16px;
	padding:16px 0 0 0;
	display:block;
	overflow:hidden;
	background:url(icons/accept.png) top left no-repeat;
	border:0;
	margin:0 4px;
	float:left;
	clear:right;
}
table.list .check-fade {
	background-image: url(icons/accept-fade.png);
}
table.list .mail {
	background-image: url(icons/email.png);
}
table.list .delete {
	background-image: url(icons/delete.png);
	display:inline;
}
table.list .edit {
	background-image: url(icons/pencil.png);
	display:inline;
}
table.list .view {
	background-image: url(icons/magnifier.png);
	display:inline;
}
table.list .close {
	background-image: url(icons/cancel.png);
}
td.actions {
	border:0;
}
th.actions {
	border-top:0;
	width:100px;
}
.actions a:hover {
	color:#000;
	text-decoration:none;
}
#content table td.applied {
	background-image:url(icons/flag_orange.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
/**
* Pagination
************************************************/
div.paging,
#pagination {
	font-size:120%;
	line-height:120%;
}
#pagination p {
	margin:0.2em 0;
}
.paging span,
.paging em,
.paging a,
.paging .numbers .current {
	padding:1px 4px;
	border:1px solid #00B8E5;
	text-decoration:none;
	display:inline;
}
.paging a,
.paging .numbers .current {
	margin: 0 4px 0 0;
}
.paging .numbers,
.paging .numbers span {
	border:0;
	padding:0;
}
.paging span {
	color:#AEA59C;
	border-color:#645A50;
}
.paging .numbers .current {
	color:#00B8E5;
	border-color:#00B8E5;
}
.paging a:hover {
	color:#51A5C1;
	border-color:#51A5C1;
}
.paging .disabled {
	color:#CDCDCD;
	border-color:#CDCDCD;
}
.dashboard-messages .actions a:hover {
	color:#000;
	text-decoration:none;
}
/**
* Messages
*************************************************/
#authMessage {
	background:#FAEFD5 url(icons/error.png) no-repeat scroll 25px 50%;
	border:1px dotted #DFA42B;
	color:#4B443C;
	padding:7px 25px 5px 55px;
	font-size:180%;
	line-height:140%;
	font-family:arial;
	font-weight:normal;
	margin:15px 0;
}
p.position-closed {
	background:#fdbdbd url(icons/exclamation.png) no-repeat 2px 50%;
	padding:10px 20px;
	border-top:1px dotted #fc7979;
	border-bottom:1px dotted #fc7979;
}
p.applied-message {
	background:#fdbdbd url(icons/exclamation.png) no-repeat 2px 50%;
	padding:10px 20px;
	border-top:1px dotted #fc7979;
	border-bottom:1px dotted #fc7979;
}