/*
* 
* This file contains generic CSS changes that should be included in all pages.
* 
*/


/* Makes fonts consistent across all ExtJS content. */
/*#genericContentDiv * {font-family:'Lucida Grande'}*/
#genericContentDiv * {font-family:'Avenir','Helvetica','Arial'}

/* Prevent the action buttons' text from spilling outside of it's surrounding box. */
a.action {height:32px !important}

/* Move the table sort indicators to the left so they no longer overlap the hidden table column menus. */
.x-column-header-sort-ASC .x-column-header-text, .x-column-header-sort-DESC .x-column-header-text {margin-right:20px !important}

/* Make filter panel 'Clear' and 'Search' button alignment consistent. */
.form-search-button {float:left}
.form-reset-button {float:right}

/* Make the trigger icons that appear on the grid headers blue with a white arrow. */
.x-column-header-trigger {background-image:url('/main/images/misc/grid3-hd-btn-blue.gif') !important}

div.photo_holder {padding-top:10px;padding-bottom:10px} /* Add some space above and below the href buttons. */
div.photo_holder a {display:inline} /* Fixes the issue with the text being rendered outside the button's box. */
div.photo_holder img:first-of-type{
	min-width: 75px;
	box-shadow: 2px 2px 5px black;
}

div.signature_holder {padding-top:10px;padding-bottom:10px} /* Add some space above and below the href buttons. */
div.signature_holder a {display:inline} /* Fixes the issue with the text being rendered outside the button's box. */

/*
a.gallerySignature img:last-of-type{
    display: none !important;
}*/

.extHelpButton {
	width:16px!important; height:16px!important;
	margin-left: 5px;
	background-image: url('/main/images/icons/cues/help.png') !important;
	cursor: pointer;
}

.color_box_image{
    margin-left: -45px;
	box-shadow: 2px 2px 5px black;
}

.photo_valid_icon{
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    background-size:contain;
    left:25px;
}

.main_colorbox_valid_icon {
    width: 45px;
    height:45px;
    display: inline-block;
    position: relative;
    left: 5px;
    bottom: 2px;
}

.colorbox_thumbs_valid_icon{
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    background-size:contain;
    left: 21px;
    bottom: 3px;
}

.stdButton {
	background-position:5% center; 
	height:32px;
	overflow-x: hidden;
	}
	
.stdButton > em > button {
	overflow-x: hidden !important;
	position:relative !important;
}	
	
.stdButton > em > button > span:first-child {
	margin-left:10px; 
	font-weight:bold;
	overflow-x: hidden !important;
	position: relative !important;
	}
.addButton {
	background-repeat: no-repeat !important;
   	background-image: url(/extjs/examples/shared/icons/fam/add.gif) !important; 
   	background-attachment: scroll !important;
   	background-size: auto !important;
   	background-origin: padding-box !important;
   	background-clip: border-box !important;
   	/* background-color: transparent !important; */
   }
.logoutButton {
	background-repeat: no-repeat !important;
	background-image:url(/extjs/examples/shared/icons/fam/cross.gif) !important;
	background-attachment: scroll !important;
   	background-size: auto !important;
   	background-origin: padding-box !important;
   	background-clip: border-box !important;
   	/* background-color: transparent !important; */
	}
.downloadCsvButton {
	background-repeat: no-repeat !important;
	background-image:url(/extjs/examples/shared/icons/fam/folder_go.gif) !important;
	background-attachment: scroll !important;
   	background-size: auto !important;
   	background-origin: padding-box !important;
   	background-clip: border-box !important;
   	/* background-color: transparent !important; */
	}
.newFormButton {
	background-repeat: no-repeat !important;
	background-image:url(/extjs/examples/shared/icons/fam/grid.png) !important;
	background-attachment: scroll !important;
	background-size: auto !important;
	background-origin: padding-box !important;
	background-clip: border-box !important;
	/* background-color: transparent !important; */
}
.pluginButton {
	background-repeat: no-repeat !important;
	background-image:url(/extjs/examples/shared/icons/fam/plugin_add.gif) !important;
	background-attachment: scroll !important;
   	background-size: auto !important;
   	background-origin: padding-box !important;
   	background-clip: border-box !important;
   	/* background-color: transparent !important; */
	}
.addUserButton {
	background-repeat: no-repeat !important;
	background-image:url(/extjs/examples/shared/icons/fam/user_add.png) !important;
	background-attachment: scroll !important;
   	background-size: auto !important;
   	background-origin: padding-box !important;
   	background-clip: border-box !important;
   	/* background-color: transparent !important; */
	}
.inviteUserButton {
	background-repeat: no-repeat !important;
	background-image:url(/main/images/icons/ext-adair/if_004_14028.png) !important;
	background-attachment: scroll !important;
	background-size: auto !important;
	background-origin: padding-box !important;
	background-clip: border-box !important;
}
.reviewButton {
	background-repeat: no-repeat !important;
	background-image:url(/extjs/examples/shared/icons/fam/user_add.png) !important;
	background-attachment: scroll !important;
   	background-size: auto !important;
   	background-origin: padding-box !important;
   	background-clip: border-box !important;
   	/* background-color: transparent !important; */
	}
.createFromExistingButton {
	background-repeat: no-repeat !important;
	background-image:url(/main/images/icons/ext-adair/IMG_1654_16x16.PNG) !important;
	background-attachment: scroll !important;
   	background-size: auto !important;
   	background-origin: padding-box !important;
   	background-clip: border-box !important;
   	/* background-color: transparent !important; */
	}


.manageScheduleButton {
    background-repeat: no-repeat !important;
    background-image:url(/main/images/icons/ext-adair/IMG_1654_16x16.PNG) !important;
    background-attachment: scroll !important;
    background-size: auto !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
    /* background-color: transparent !important; */
}

.workOnlineButton {
    background-repeat: no-repeat !important;
    background-image:url(/main/images/icons/dot/green.png) !important;
    background-attachment: scroll !important;
    background-size: auto !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
    /* background-color: transparent !important; */
}
.workOfflineButton {
    background-repeat: no-repeat !important;
    background-image:url(/main/images/icons/dot/red.png) !important;
}

.aboveGridDropDownButton {margin-top:-16px !important}

/* Properly vertically align the text on the menu items. */
.x-menu-item > a {padding-top:4px}

#newAdditionalFields select{
	width: 205px !important;
}


/*This is quick fix to hid all the valid icons until later*/
.main_colorbox_valid_icon,
.colorbox_thumbs_valid_icon,
.dash_picture_valid_icon,
.photo_valid_icon,
.reporting_thumbs_valid_icon {
	display:none !important;
}

.main_cbox_img{
	margin-left: 15px !important;
}

#ProcessPhoto_Holder #ProcessPhoto_Thumbs img {
	cursor: pointer;
	margin: 5px 5px 0px !important;
	padding: 2px;
	border: 1px solid #ddd;
}

#ProcessPhoto_Holder #ProcessPhoto_Thumbs {
	text-align: center;
}
/*End Fix*/
.x-grid-rowwrap-div > table > tbody > tr > .x-grid-cell,
.x-grid-rowwrap-div > table > tbody > tr > .x-grid-cell-inner {
	border-width: 0;
	background: transparent;
	/* prevents nested grids from moving expand/collapse icon to middle of row when expanded */
	vertical-align: top;
}
/*End Fix*/

/*Styles for required questions*/
.unansweredRequired{
	background-color: #fbe3e4 !important;
	color: #8a1f11 !important;
	font-weight: bold !important;
}