/* CDetailView styling */
.detail-view-container,
.form-view-container
{
	clear: both;
	/*border: 1px solid #a3a6a3;*/
	background: #f2f4f2;
	padding: 8px;
	margin-bottom: 8px;
}

.message {
	clear: both;
	margin-top: 8px;
	font-size: 14px;
}

/* CTabView styling */
.yiiTab ul.tabs
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	flex: none;
	margin: 0;
	padding: 0;
	/*border-bottom: 1px solid #a3a6a3;*/
	font-size: 13px;
	font-weight: bold;
}

.yiiTab ul.tabs > li
{
	list-style: none;
	display: inline;
	margin: 0 3px 0 0;
	background: #bdde5e;
	cursor: pointer;
}

.yiiTab ul.tabs > li:hover
{
	background-color: #99c027;
	/*border-color: #636663;*/
}

.yiiTab ul.tabs > li > a
{
	display: block;
	padding: 2px 1em;
	/*margin: 0 0 0 3px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #a3a6a3;
	border-bottom: none;*/
	text-decoration: none;
	outline: none;
}

.yiiTab ul.tabs > li > a:link,
.yiiTab ul.tabs > li > a:visited
{
	color: #000;
}

.yiiTab ul.tabs > li:hover > a
{
	color: #fff;
}

.yiiTab ul.tabs a.active
{
	background: #f2f4f2;
	border-bottom: 1px solid #f2f4f2;
}

.yiiTab ul.tabs a.active:hover
{
	color: #000;
}

.yiiTab div.view
{
	/*border: 1px solid #a3a6a3;
	border-top: 0;*/
	background: #f2f4f2;
	padding: 8px;
	margin: 0;
}

/* Email address list styling */
div.email-address-list .button
{
	float: left;
	padding: 1px;
	margin: 0 0 0 5px;
	height: 26px;
	width: 26px;
	line-height: 26px;
	box-sizing: border-box;
	text-align: center;
}

div.email-address-list .button > .icon {
	margin: 5px;
}

div.email-address-list input
{
	float: left;
	margin: 0 0 4px 0;
	height: 26px;
	width: 200px;
	box-sizing: border-box;
}

div.email-address-list:after {
	content: '';
	display: block;
	clear: both;
}

/* Button styling */
.button
{
	font-family: Arial, sans-serif;
	display: inline-block;
	text-decoration: none;
	/*padding: 4px;*/
	padding: 5px 10px;
	line-height: 17px;
	font-size: 13px;
	font-weight: bold;
	background: #bdde5e;
	/*border: 1px solid #a3a6a3;
	border-radius: 4px;*/
	border: 0;
	color: #000;
}

.button.loading
{
    color: transparent;
    background: url(loading.gif) no-repeat center;
}

a.button
{
	padding-left: 7px;
	padding-right: 8px;
}

.button:hover
{
	cursor: pointer;
	border-color: #636663;
	background: #99c027;
	color: #fff;
}

.button[disabled]
{
	opacity: 0.5;
}

.button[disabled]:hover
{
	cursor: default;
	background: #bdde5e;
	border-color: #a3a6a3;
	color: #000;
}

button.button
{
	padding: 5px 10px 4px;
}

/* Notification */
.notification
{
	display: inline-block;
	color: #cc0000;
	font-weight: normal;
}

/* Disable focus borders, both for Firefox and IE8. */
.no-outline::-moz-focus-inner
{
	border : 0;
}

.no-outline:focus,
.hidden
{
	outline : none; 
}

.icon,
.button[disabled]:hover .icon
{
	background-image: url('ui-icons_000000_256x240.png');
}

.icon
{
	position: relative;
	top: -1px;
	width: 16px;
	height: 16px;
}

.button:hover .icon
{
	background-image: url('ui-icons_ffffff_256x240.png');
}

.button-bar
{
	clear: both;
	margin: 8px 0 8px 0;
}

.button-bar .button
{
	margin-right: 10px;
}

.button-bar .button:first-child
{
	margin-left: 0;
}

.button-bar .button:last-child
{
	margin-right: 0;
}

/* Icons */
.icon-primary
{
	float: left;
	margin-right: 3px;
}

.icon-secondary
{
	float: right;
	margin-left: 3px;
}

.icon-circle-arrow-down
{
	background-position: -128px -191px;
}

.icon-circle-arrow-up
{
	background-position: -160px -191px;
}

.icon-arrow-custom
{
	background-position: -128px -80px;
}

.icon-cancel
{
	background-position: 0 -128px;
}

.icon-disk
{
	background-position: -96px -112px;
}

.icon-download
{
	background-position: -224px -47px;
}

.icon-flag
{
	background-position: -16px -112px;
}

.icon-reboot
{
	background-position: 0px -176px;
}

.icon-person
{
	background-position: -144px -96px;
}

.icon-plus
{
	background-position: -16px -128px;
}

.icon-refresh
{
	background-position: -64px -80px;
}

.icon-save
{
	background-position: -96px -112px;
}

.icon-star
{
	background-position: -224px -112px;
}

.icon-trash
{
	background-position: -176px -96px;
}

.icon-first
{
	background-position: -240px -47px;
}

.icon-last
{
	background-position: -208px -47px;
}

.icon-mail-closed
{
	background-position: -80px -96px;
}

.icon-previous
{
	background-position: -96px -48px;
}

.icon-next
{
	background-position: -32px -48px;
}

.icon-pencil
{
	background-position: -64px -112px;
}

.icon-document
{
	background-position: -32px -96px;
}

.icon-document-b
{
	background-position: -48px -96px;
}

.icon-reset
{
	background-position: 0 -63px;
}

.icon-search
{
	background-position: -160px -111px;
}

.icon-triangle
{
	background-position: -32px -16px;
}

.icon-mail-open
{
	background-position: -96px -96px;
}

.icon-cog
{
	background-position: -193px -112px;
}

.icon-resize
{
	background-position: -80px -223px;
}