/* CSS file */
Application {
	backgroundColor: #000000;
}

@font-face {
	src: url("styling/font/Quixley LET Plain 1.0.ttf");
	fontFamily: "quixley";
	fontWeight: "normal";
}

@font-face {
	src: url("styling/font/Hobby Headline Regular.TTF");
	fontFamily: "hobby";
	fontWeight: "normal";
}

@font-face {
	src: url("styling/font/Highlight LET Plain 1.0.TTF");
	fontFamily: "highlight";
	fontWeight: "normal";
}



Canvas.title
{
	border-sides:top,bottom;	
	border-thickness:2;
    border-color:#FFFFFF;
    backgroundColor: #000000;
	borderStyle: solid;
}
Canvas.content
{
	backgroundColor: #ACACAC;
	borderStyle: solid;
	borderThickness: 0;
	cornerRadius: 15;
}
Canvas
{
	backgroundColor: #FFFFFF;
}

.filled
{
    border-style: solid;
    border-thickness: 0;
    border-skin: ClassReference("styling.SimpleGradientBorder");
    fill-colors: #000000,#FFFFFF;
    fill-alphas:1.0,1.0;
    gradientRatio: 200,255;   
    corner-radius: 0;
    drop-shadow-enabled: false;
}
.filledTop
{
    border-style: solid;
    border-thickness: 0;
    border-skin: ClassReference("styling.SimpleGradientBorder");
    fill-colors: #FFFFFF, #000000;
    fill-alphas:1.0,1.0;
    gradientRatio:1,55;       
    corner-radius: 0;
    drop-shadow-enabled: false;    
}

.headerText {
	font-family: "highlight";
}

.headerMenuText {
	font-family: "hobby";
	font-size: 18;
	color: #FFFFFF;
	themeColor:#FFFFFF;	
	fillAlphas: 0.0, 0.0, 1.0, 1.0;
	fillColors:#FFFFFF, #FFFFFF;
	cornerRadius: 0;	
}