/* CSS file */


/* Accordion Headers ---------------------------------- */


@font-face
{
    src: url("assets/fonts/Pentcloud-Lig.otf");
    font-family: ligero;
    font-style: ligero;
    font-weight: normal;
}



@font-face
{
    src: url("assets/fonts/Pentcloud-Reg.otf");
    font-family: main;
    font-style: normal;
    font-weight: normal;
}

@font-face
{
    src: url("assets/fonts/Pentcloud-Bol.otf");
    font-family: main;
    font-style: normal;
    font-weight: bold;
}

.AccordionHeader {
   	disabledSkin: Embed(source="assets/swf/customaccordion.swf", symbol="AccordionHeader_disabledSkin");
	downSkin: Embed(source="assets/swf/customaccordion.swf", symbol="AccordionHeader_downSkin");
	overSkin: Embed(source="assets/swf/customaccordion.swf", symbol="AccordionHeader_overSkin");
	selectedDisabledSkin: Embed(source="assets/swf/customaccordion.swf", symbol="AccordionHeader_downSkin");
	selectedOverSkin: Embed(source="assets/swf/customaccordion.swf", symbol="AccordionHeader_overSkin");
	selectedUpSkin: Embed(source="assets/swf/customaccordion.swf", symbol="AccordionHeader_selectedSkin");
	upSkin: Embed(source="assets/swf/customaccordion.swf", symbol="AccordionHeader_upSkin");
	color:#ffffff;
	textRollOverColor: #ffffff;
	textSelectedColor:#ffffff;
	disabledColor:#111111;
	selectedColor:#ffffff;
	font-size:16;
}
	
.Accordion {
	borderStyle:none;
	fontWeight:normal;
	textRollOverColor: #535353;
	textSelectedColor:#FFFFFF;
	disabledColor:#ffffff;
	backgroundColor: #414141;
}

/* The Accordion lists rendering ------------------------- */

.accordionList { 
	fontFamily: Arial;
	color:#c6c6c6;
	backgroundColor:#ffffff;
	padding-bottom: 0;  
	padding-left: 0;  
	padding-top: 0;
	padding-right:0;
	borderThickness:0;
}
.ListItem {
	borderColor:#cccccc; 
	borderStyle:solid; 
	borderSides:bottom; 
	borderThickness:0;
	padding-bottom: 0;  
	padding-left: 0;  
	padding-top: 0;
	padding-right:0;
}
.listItemHeader { 
	fontSize:12; 
	fontWeight:bold; 
	height:20; 
 font-family: main;
	paddingLeft:40; 
}


/* The extended part of the state ------------------------- */
.accordionExtendedCanvas {
	background-image: Embed("assets/images/iphone-background.png"); 
	background-size:"100%";
}
.iphoneBar {
	background-image: Embed("assets/images/iphone-bar-background.png"); 
	background-size:"100%";
	backgroundColor:#d4d4d4; 
	borderSides:bottom; 
	borderColor:#ffffff; 
	borderThickness:1; 
}
.iphoneRoundedBox {
	cornerRadius:10; 
	backgroundColor:#ffffff; 
	borderThickness:1; 
	borderColor:#9F9F9F; 
	borderStyle:solid; 
}

/* The button styles ------------------------------------- */
.accordionBackButton {
	color: #ffffff;
	textRollOverColor: #FFFFFF;
	textSelectedColor:#FFFFFF;
	disabledColor:#5A5A5A;
	fontWeight:bold;
	upSkin: Embed(source="assets/swf/customaccordion.swf", symbol="Button_upSkin");
	overSkin: Embed(source="assets/swf/customaccordion.swf", symbol="Button_overSkin");
	downSkin: Embed(source="assets/swf/customaccordion.swf", symbol="Button_downSkin");
	disabledSkin: Embed(source="assets/swf/customaccordion.swf", symbol="Button_disabledSkin");
	selectedUpSkin: Embed(source='assets/swf/customaccordion.swf', symbol='Button_selectedUpSkin');
	selectedOverSkin: Embed(source='assets/swf/customaccordion.swf', symbol='Button_selectedOverSkin');
	selectedDownSkin: Embed(source='assets/swf/customaccordion.swf', symbol='Button_selectedDownSkin');
	selectedDisabledSkin: Embed(source='assets/swf/customaccordion.swf', symbol='Button_selectedDisabledSkin');
}
.accordionArrowButton {
	width:20;
	height:20;
	upSkin: Embed(source="assets/swf/customaccordion.swf", symbol="ArrowButton_upSkin");
	overSkin: Embed(source="assets/swf/customaccordion.swf", symbol="ArrowButton_upSkin");
	downSkin: Embed(source="assets/swf/customaccordion.swf", symbol="ArrowButton_upSkin");
	disabledSkin: Embed(source="assets/swf/customaccordion.swf", symbol="ArrowButton_upSkin");
	selectedUpSkin: Embed(source='assets/swf/customaccordion.swf', symbol='ArrowButton_upSkin');
	selectedOverSkin: Embed(source='assets/swf/customaccordion.swf', symbol='ArrowButton_upSkin');
	selectedDownSkin: Embed(source='assets/swf/customaccordion.swf', symbol='ArrowButton_upSkin');
	selectedDisabledSkin: Embed(source='assets/swf/customaccordion.swf', symbol='ArrowButton_upSkin');
}

/* Link styling/Text and other generic items --------------- */
.twitterLink {
	fontSize:11;  
	width:360; 
	rollOverColor:#ffffff;
	rollOverEffect:none; 
	color:#2761e1; 
	textRollOverColor:#1b449d; 
}
.personName {
	color:#3e3e3e; 
	fontSize:14;
	fontFamily:Arial; 
	fontWeight:bold;
}