/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 15, 2014, 7:10:26 PM
    Author     : Meranda
*/

/* 
	basic styles for admin pages
*/

.admin .section-header, .admin .section, .admin .section-footer { 
 	padding-left: 15px;
 	padding-right: 15px;
}

.admin .section { 
	padding-top: 10px;
	padding-bottom: 10px;
}



.admin-list .section-header, .admin-list .section, .admin-list .section-footer { 
 	padding-left: 15px;
 	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}



.admin-item .section-header, .admin-item .section, .admin-item .section-footer {
 	padding-left: 15px;
 	padding-right: 15px;
}

.admin-list-item {
	border-bottom: 1px solid #E3E3E3;
	cursor: pointer;
}

.section-bottom-border {
	border-bottom: 1px solid #E3E3E3;
}

.admin-list-item:hover {
	background-color: #F7F6F0;
}

.admin-item-details {
	position: relative;
}

.admin-list .admin-item-details.with-image {
	padding-top: 30px;
	padding-bottom: 10px;
}

.admin-item .admin-item-details {
	padding-top: 10px;
	padding-bottom: 10px;
}

.admin-item .extra-details, .admin-list-item .extra-details {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}

.admin-list-item .extra-details > * {
	float: left;	
}

.admin-item .extra-details > * {
}

.admin-item-details.with-image > * {
	 float: left;
}

.admin-item-details.admin-list-item > * {
	 float: left;
}

.admin-item-details .medium-width {
	width: 240px;
}

.admin-item-details .long-width {
	width: 390px;
}

.admin-item-details.with-image > .name {
    margin-left: 35px;
}
/* 
	client picture - TODO: maybe change this to generic admin picture ?
*/

.admin-list-item .client-picture-holder {
	position: relative;
	margin-top: -20px;
}

.client-picture-holder .picture {
	position: absolute;
	left: 0;
}

.client-picture-holder.small {
	width: 90px;
	height: 90px;
}

.client-picture-holder.small .picture {
	width: 90px;
	clip: rect(0 90px 90px 0);
}

.client-picture-holder.large {
	width: 180px;
	height: 180px;
}

.client-picture-holder.large .picture {
	width: 180px;
	clip: rect(0 180px 180px 0);
}


/* 
	active properties
*/

.admin-item-details.active-true .active-text {
	color: green;
}

.admin-item-details.active-false .active-text {
	color: red;
}


.admin .large-text {
	font-size: 22px;
}

/* 
	search box related
*/

.fdct-1 .admin-search-box {
	display: inline-block;
	padding: 0; /*3px 3px 3px 7px;*/
	background: url("/resources/images/home-sprite-1-28.png") no-repeat scroll 273px -242px white;
	border: 1px solid #464339;
	
	/* rounded corners */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/* for IE9 */
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	
}


.fdct-1 .admin-search-box>input {
	float: left;
	height: 19px;
	width: 260px;
	padding: 3px 0;
	border: none;
	margin: 3px 7px 3px 7px;
	font-size: 16px;
}

.fdct-1 .admin-search-box>button {
	float: left;
	width: 40px;
	height: 30px;
	background: none;
    border-radius: 0;
    border:0;
}

.navigate-back-link {
	display: inline-block;
	margin-bottom: 5px;
}

/* 
	dialogs  related
*/

.admin-dialog {
	
}

#admin-dialog .ui-dialog-titlebar-close {
	position: absolute;
	left: 300px;
	top: 20px;
	width: 16px;
	height: 16px;
    padding: 0;
	background: #e0e0e0 url(/resources/images/sprite.1.262.png) no-repeat 0 -90px;
    z-index:100;
    
	border: 1px solid white;
	text-indent: -9999px;

	border-radius: 4px;
	/* for IE9 */
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

/* #user-dialog .ui-dialog-titlebar-close:hover{height: 16px; width: 16px;}*/
#admin-dialog .ui-dialog-titlebar-close .ui-icon .ui-icon-closethick{background: none;}

#admin-dialog.ui-dialog div.ui-dialog-titlebar a.ui-dialog-titlebar-close span.ui-icon{background: none; height: 16px; width: 16px;}

#admin-dialog .ui-dialog-titlebar-close:HOVER {
	background-color: #ede7d9;
}

#admin-dialog .ui-widget-header{ background: none; border: 0; position: absolute;}


.admin-dialog {
	background-color: white; 
}

.admin-dialog .main, .admin-dialog .odd {
	width: 400px;
	margin: 2px;
	padding-left: 50px;
	padding-right: 50px;
}

.admin-dialog .main {
	background-color: #e8e2d2; 
}

.admin-dialog .odd {
	background-color: #f0f0f0;
}

.admin-dialog .top {
	float: left;
	padding-top: 35px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	/* for IE9 */
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
}

.admin-dialog .bottom {
	clear: both;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
	/* for IE9 */
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

.admin-dialog .heading {
	margin-bottom: 30px;
}

.admin-dialog h2 {
	float: left;
	margin: 0px;
	font-size: 24px;
	font-weight: normal;
}

.admin-dialog a {
	color: #474338;
	text-decoration: underline;
}

.admin-dialog .heading a {
	float: right;
	margin-top: 10px;
	font-size: 14px;
}

.admin-dialog .heading p {
	clear: both;
	margin: 0;
	padding-top: 10px;
}

.admin-dialog .field {
	padding-bottom: 15px; /* room for error message*/	
}

.admin-dialog .field input {
	width: 96%;
}

.admin-dialog .field input[type=checkbox] {
    width: auto;
}

.admin-dialog .field label[for=checkbox] {
    display: inline;
}

.admin-dialog button {
	display: block;
	margin: 15px auto;
	width: 231px; /*not simply 100%, to preserve width after loading animation */
	height: 39px;
	font-size: 16px;
	color: white;
}

.admin-dialog .extra {
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
}

.admin-dialog .error em {
	font-weight: bold;
}

.admin-list-item .edit-button {
	
}

.admin .align-right {
	float: right;
}

.admin .align-right.fixed-width {
	min-width: 100px;
	text-align: center;
}

.admin-list-item .action-button,  .action-button{
	background: #464339; 
	padding: 4px 0; 
	text-align: center;
	color:#fff; 
	-webkit-border-radius: 4px;
	border-radius: 4px;

	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;

	background-color: #4e4b42;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4e4b42), to(#2f2d27));
    background-image: -webkit-linear-gradient(top, #4e4b42, #2f2d27);
    background-image: -moz-linear-gradient(top, #4e4b42, #2f2d27);
    background-image: -o-linear-gradient(top, #4e4b42, #2f2d27);
    background-image: linear-gradient(to bottom, #4e4b42, #2f2d27);
}

.admin-list-item .action-button:hover, .action-button:hover {
	text-decoration: none;
	background-color: #5d5a4e; /*2f2d27;*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2f2d27), to(#4e4b42));
	background-image: -webkit-linear-gradient(top, #2f2d27, #4e4b42);
	background-image: -moz-linear-gradient(top, #2f2d27, #4e4b42);
	background-image: -o-linear-gradient(top, #2f2d27, #4e4b42);
	background-image: linear-gradient(to bottom, #2f2d27, #4e4b42);
}

.element-heading
{
}