.app-header {
	background-image: -webkit-gradient(linear,left top,left bottom,from(#d8d8da),to(#FEFEFE));
	background-image: -webkit-linear-gradient(#d8d8da,#FEFEFE);
	background-image: -moz-linear-gradient(#d8d8da,#FEFEFE);
	background-image: -ms-linear-gradient(#d8d8da,#FEFEFE);
	background-image: -o-linear-gradient(#d8d8da,#FEFEFE);
	background-image: linear-gradient(#d8d8da,#FEFEFE);

	border-bottom: 3px solid #963222 !important;

}

#login-header {
	background-color: white !important;
	height: 42px;
	border-bottom: 0px;
	padding-top: 5px;
}

#login-header h1 { 
	text-transform: none !important;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-variant: small-caps;	
	color: #5F5F5F;
}

#login-header h2 { 
	text-transform: none !important;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-variant: small-caps;	
	color: #963222;
}

#home-header { 
	height: 40px;
	padding:0px;margin:0px;

}

#home-header h1 { 
	color: #5F5F5F;
	font-size: 18px !important; 
	text-shadow: none;
	text-transform: none !important;
	padding-top:10px !important;
	font-weight: bold;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-variant: small-caps;	
	
}


.home-app-icon-content { 
	/* Positioning */
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/*
	http://www.cssportal.com/css-gradient-generator/
	radial, middle center, farthest-corner
	*/
	background-image: -ms-radial-gradient(center, ellipse farthest-corner, #ffffff 0%, #ffffff 100%);
	background-image: -moz-radial-gradient(center, ellipse farthest-corner, #ffffff 0%, #ffffff 100%);
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #ffffff 0%, #ffffff 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(0, #ffffff), color-stop(100, #ffffff));
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #ffffff 0%, #ffffff 100%);
	background-image: radial-gradient(ellipse farthest-corner at center, #ffffff 0%, #ffffff 100%);

	/* background-image: radial-gradient(ellipse farthest-corner at center, #A3A3A3 0%, #696969 100%);*/ /* example */

	opacity: 1; 
	xborder-radius: 8px; 
	border-radius: 50%; 
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 1);
	 
 }

.home-app-icon-div { background-size: 40px; }

.tab-home-app-icon {
	background-image: -ms-radial-gradient(center, ellipse farthest-corner, #ffffff 0%, #ffffff 100%);
	background-image: -moz-radial-gradient(center, ellipse farthest-corner, #ffffff 0%, #ffffff 100%);
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #ffffff 0%, #ffffff 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(0, #ffffff), color-stop(100, #ffffff));
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #ffffff 0%, #ffffff 100%);
	background-image: radial-gradient(ellipse farthest-corner at center, #ffffff 0%, #ffffff 100%);
	margin-left:-5px;
	margin-right:10px;
	height:22px;
	width:22px;
	float:left;
	xborder-radius:2px;
	border-radius:50%;
	opacity: .7;
}


.home-app-icon-icon-accounts { background-image: url(../../images/ico-home-app-accounts-r.png); }
.home-app-icon-icon-contacts { background-image: url(../../images/ico-home-app-contacts-r.png); }
.home-app-icon-icon-docs { background-image: url(../../images/ico-home-app-docs-r.png); }
.home-app-icon-icon-events { background-image: url(../../images/ico-home-app-events-r.png); }
.home-app-icon-icon-manufacturers { background-image: url(../../images/ico-home-app-manufacturers-r.png); }
.home-app-icon-icon-nearme { background-image: url(../../images/ico-home-app-nearme-r.png); }
.home-app-icon-icon-notes { background-image: url(../../images/ico-home-app-notes-r.png); }
.home-app-icon-icon-objdash { background-image: url(../../images/ico-home-app-objdash-r.png); }
.home-app-icon-icon-products { background-image: url(../../images/ico-home-app-products-r.png); }
.home-app-icon-icon-salescall { background-image: url(../../images/ico-home-app-salescall-r.png); }
.home-app-icon-icon-salesinit { background-image: url(../../images/ico-home-app-salesinit-r.png); }
.home-app-icon-icon-topopps { background-image: url(../../images/ico-home-app-topopps-r.png); }
.home-app-icon-icon-trade { background-image: url(../../images/ico-home-app-trade-r.png); }
.home-app-icon-icon-operators { background-image: url(../../images/ico-home-app-operators-r.png); }
.home-app-icon-icon-distributors { background-image: url(../../images/ico-home-app-distributors-r.png); }
.home-app-icon-icon-distributors2 { background-image: url(../../images/ico-home-app-distributors2-r.png); }
.home-app-icon-icon-forms { background-image: url(../../images/ico-home-app-forms-r.png); }
.home-app-icon-icon-territories { background-image: url(../../images/ico-home-app-territories-r.png); }



#fse-login-page {
	background: url(../../images/background-14Pa.jpg);
	background-color: #000000; 
    background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0px 0px;
}

/* constraint: can't have different body background color for login and fse-master-page.  best to match background images so they both fade to same color. */ 
body { background-color: #000000; }
#fse-master-page {
	background-image: url(../../images/background-14Pa.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
	background-size:100%;
    background-color: #000000 ; 
}



@media all and (min-width: 650px) {

	body { background-color: #BDBDBD; }
	#fse-master-page {
	    background: url(../../images/background-12Pabw2.jpg);	/* dining scene 2 */
		background-color: #BDBDBD;
	    background-repeat: no-repeat;
		background-size: 100%;
		background-position: 0px 0px;
		height: 1500px;
	}
	
	#fse-login-page {
		background: url(../../images/background-1FS-L-blue.jpg);
		//background-color: #A7B838;
		background-color: #3367CD; 
	    background-repeat: no-repeat;
		background-size: 100%;
		background-position: 0px 0px;
	}

}


.ui-body-b .ui-link { color: #963222 !important; border-bottom: 1px dashed #963222 !important; }

@media all and (min-width: 650px) {
	.feedback-message-nocriteria{ color:#963222; }
}

.toolbar-theme-02 input[type="radio"]:checked + label { font-weight: normal !important; opacity:1 !important; background-color: #d96a59 !important; color: white !important; border: 1px solid #d96a59 !important; }
.toolbar-theme-02 input[type="checkbox"]:checked + label { font-weight: normal !important; opacity:1 !important; background-color: #d96a59 !important; color: white !important; border: 1px solid #d96a59 !important; }

@media all and (min-width: 650px) {
	.toolbar-theme-02 input[type="radio"]:checked + label { font-weight: normal !important; opacity:1 !important; background-color: #d96a59 !important; color: white !important; border: 1px solid #d96a59 !important; }
	.toolbar-theme-02 input[type="checkbox"]:checked + label { font-weight: normal !important; opacity:1 !important; background-color: #d96a59 !important; color: white !important; border: 1px solid #d96a59 !important; }
}


.detail-pg-banner-modal { background-color: #963222; }
@media all and (min-width: 650px) {
	.detail-pg-banner-modal { background-color: #963222; }
}


/* style for collapsibles on detail displays  */
.item-detail-collapsible h3 .ui-btn-inner { color: white; font-weight:700;text-shadow: none; xborder-radius: 5px; background-color:#de7d6e; font-size:.84em; font-family:Helvetica,Arial,sans-serif; }
.item-detail-collapsible h3 .ui-collapsible-heading-toggle { border-color:#de7d6e; opacity: .9;}
.item-detail-collapsible h3 .ui-icon-shadow { box-shadow: none; }
.item-detail-collapsible h3 .ui-icon-plus { background-position: 1px 1px !important; background-color:#de7d6e; }
.item-detail-collapsible h3 .ui-icon-minus { background-position: -35px 1px !important; background-color:#de7d6e; }
.item-detail-collapsible.ui-collapsible-set .ui-collapsible.ui-first-child { border-top-right-radius: 5px; border-top-left-radius: 5px; }
.item-detail-collapsible.ui-collapsible-set .ui-collapsible.ui-last-child { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
@media all and (min-width: 650px) {
	.item-detail-collapsible h3 .ui-btn-inner { color: white; font-weight:700;text-shadow: none; xborder-radius: 5px; background-color:#de7d6e; font-size:.84em; font-family:Helvetica,Arial,sans-serif; }
	.item-detail-collapsible h3 .ui-collapsible-heading-toggle { border-color:#de7d6e; opacity: .9;}
	.item-detail-collapsible h3 .ui-icon-shadow { box-shadow: none; }
	.item-detail-collapsible h3 .ui-icon-plus { background-position: 1px 1px !important; background-color:#de7d6e; }
	.item-detail-collapsible h3 .ui-icon-minus { background-position: -35px 1px !important; background-color:#de7d6e; }
	.item-detail-collapsible.ui-collapsible-set .ui-collapsible.ui-first-child { border-top-right-radius: 5px; border-top-left-radius: 5px; }
	.item-detail-collapsible.ui-collapsible-set .ui-collapsible.ui-last-child { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
}



