/* 

	Theme-dependent CSS file for FreeToastHost 2.    A copy of this file must be located in *each* of the associated jQuery UI css theme folders for it to properly work off of the jQuery UI themes.
	(e.g., in /var/www/html/css/custom-theme1, /var/www/html/css/custom-theme2, & /var/www/html/css/custom-theme3 for example)
	
*/

/* HISTORY

10/20/2013, SEJ - Created.
10/27/2013, SEJ - Stripped out everything other than just the file reference, since that is the only thing that really is different for different themes.  
									Much easier to maintain and update now.  Only need to modify to add additional class names.
01/11/2015, SEJ - Added linkbutton classes for links styled as buttons.
04/11/2015, SEJ - Updated to implement use of FontAwesome.
						
*/

/* 
Green/Blue icons:  images/ui-icons_004165_256x240.png)            (Used in Club Theme 1 & 2, District Theme 3)
Burgundy icons:   images/ui-icons_772432_256x240.png                 (Used in Club Theme 3, District Themes 1 & 2)
*/


.cssButton,				/* Needed for plan <button> elements since they do not support :link and :visited psuedo-classes */
.cssButton:link, 
.cssButton:visited
{ 
	color: #dce0df;
	background-color: #004165;
	border: 1px solid #dce0df;
}

.cssButton:link>span.ui-icon,
.cssButton:link>span.fa,
.cssButton:link>i.fa,
.cssButton:visited>span.ui-icon,
.cssButton:visited>span.fa,
.cssButton:visited>i.fa
{
	background-image: url(images/ui-icons_babfb7_256x240.png);
	color: #dce0df;
}

.cssButton:hover
{ 
	color: #004165;
	background-color: #dce0df;
	border: 1px solid #004165;
}

.themeText,
p.info-text:before, 
p.info-text-down:before,
p.alert-text:before,
p.alert-text-down:before, 
p.check-text:before,
p.check-text-down:before, 
.ui-accordion .ui-accordion-header a.editpagelink:before,
.cssButton:hover>span.ui-icon,
.cssButton:hover>span.fa,
.cssButton:hover>i.fa
{
	background-image: url(images/ui-icons_004165_256x240.png);
	color: #004165;
}

/* Kill JQuery-UI Icon Sprites when Font-Awesome in use */

.themeText,
.cssButton:link>span.fa,
.cssButton:link>i.fa,
.cssButton:visited>span.fa,
.cssButton:visited>i.fa,
.cssButton:hover>span.fa,
.cssButton:hover>i.fa  {	background-image: none; }