/* What's this? */
* {
	nav-index: none;
}

/*******
	VIEW
********/

view {
	display: block; 
	position: static; 	
	width: 100%;
	height: 100%;
	direction: ltr;
	block-progression: tb;
	background-image: wallpaper;
}

menuitem#Shortcut_SK2{
	_s60-longtap: true;
}
/**************************************
	GENERAL DEFINITIONS FOR PLUGIN BOXES
***************************************/

box.pluginContainerBox { /* main_idle_act_pane */
	position: static; 
	border-top-width: 0.25u;
	border-top-style: dotted;    /* linestyle of the box */
	border-top-color: black;
	width: auto;
	nav-index: none;
}
/* everything else but the NT is inside this box */
box#mainBox{
	position: static;
	width: auto;
/* Block with flag '__NEWSTICKER' skipped. */
	height: 100%;
	nav-index: none;
}

/* settings for the pluginContainerBox during focus */
box.pluginContainerBox:focus {
  /*background-color: "SKIN(268458534 8448)"; *//* see S60_3_1_Reference_Icons_1.3.doc */
	background-color: "SKIN(268458534 5120 9)";
 }


/************************
	SHORTCUT PLUGIN AREA 
*************************/

/* box where the actual plugin information is shown */
box#shortcutPluginContainer { /* ai_links_pane*/
	margin-top: 0.5u;
	height: 7.5u;
	padding-left:  2u;
	padding-right: 2u;
	padding-top: /*0.7%;*/ 0.5u;
	
	block-progression: lr;
}


button.shortcutButton { /* cell_ai_link_pane */
	width: auto;
	height: 7u;
	nav-index: auto;
}


button.shortcutButton:focus {
	background-image: "SKIN(268458534 24576)";
	background-color: "SKIN(268458534 5136)";
}

/* What's this ? */
button#shortcutButton1 {  
	_s60-initial-focus: 100; 
}


image.shortcutIcon { 
	width: 7u;
	height: 7u;
	margin-left: auto;
	margin-right: auto;
	_s60-aspect-ratio: preserve;
}


/*
	Border-style ja -width täytyy olla määriteltynä vaikka käytetään skinistä tulevaa LAF:ia (bg-image:auto;). 
	Skini koostuu kahdesta osasta ja border-width määrittää myös skiniborderin.
*/
tooltip.shortcutTooltip { /* popup_ai_links_title_window */
	width: 10.0u; /* any fixed lenghts works here if the owerflow is set to both tooltip and text inside it */
/*height: 4.9u;*/
	height: 5.5u;
	border-style: solid; 
	border-width: 5px; 
	_s60-start-delay: 1000000;
	_s60-display-time: 1000000;
	background-color:"SKIN(268458534 8480)";	/* TODO: check */
	overflow: visible;
}


text.shortcutTooltipText { /* popup_ai_links_title_window_t1 */
	position: static;
	font-family: EAknLogicalFontSecondaryFont;
	font-size: 3.5u;
	width: 100%;
	height: 85%;
	text-align: center;
	/*color: auto;*/
	color: "SKIN(268458534 13056 19)";
	overflow: visible;
	padding-right: 1u;
	padding-left: 1u;
	/*padding-top: 1u;*/
	padding-bottom: 1u;
}


/*********************
	PLAYER PLUGIN AREA 
**********************/

box#playerPlugin:focus {
	background-image: "SKIN(268458534 24576)";
	background-color: "SKIN(268458534 5120 9)";
}
box#playerPlugin{
	height:5u;
	display: none;
	nav-index: none;
	block-progression: lr;
}

image#playerStatusIcon {
	display: block;
	visibility: visible;
	position: static;
	top: 0.3u;
	margin-left: 1.25u;
	margin-top: 0.75u;
	width: 3.5u;
	height: 3.5u;
}

text#playerTitleText {
	display: none;
	visibility: visible;
	position: static;
	width: auto;
	height: 4u;
	font-family: EAknLogicalFontSecondaryFont;
	font-size: 3.5u;
	margin-left: 0.5u;
	/*color: auto;*/
	color: "SKIN(268458534 13056 19)";
}

text#playerDurationText {
	display: block;
	visibility: visible;
	position: static;
	width: 11u;
	margin-right: 0.75u;
	text-align:right;
	height: 4.0u;
	font-family: EAknLogicalFontSecondaryFont;
	font-size: 3.5u;
	/*color: auto;*/
	color: "SKIN(268458534 13056 19)";
}

/*********************
	PLAYER VOLUME CONTROLL
**********************/
box#mpVolume {
	display: none;
	width: 40u;
	height: 6u;	
	position: absolute;
	z-index: 2;
	left: 5u;
	top: 4.0u;
	background-color:"SKIN(268458534 8480)";
}

image#musicPlayerVolumeDownIcon { 
	display: none;
	visibility: visible;
	position: absolute;
	margin-top: auto;
	margin-bottom: auto;
	left: 2.0u;
	width: 1.0u;	
	height: 4.0u;
}

image#musicPlayerInactiveVolumeDownIcon { 
	display: none;
	visibility: visible;
	position: absolute;
	margin-top: auto;
	margin-bottom: auto;
	left: 2.0u;
	width: 1.0u;	
	height: 4.0u;
}

image#musicPlayerSpeakerIcon { 
	display: block;
	visibility: visible;
	position: absolute;
	margin-top: auto;
	margin-bottom: auto;
	left: 5.u;
	width: 4.0u;	
	height: 4.0u;
}

image#musicPlayerSpeakerMutedIcon { 
	display: block;
	visibility: visible;
	position: absolute;
	top: 1.00u;
	left: 5.u;
	width: 4.0u;	
	height: 4.0u;
}

/* 
image#musicPlayerVolumeIcon { 
	display: block;
	visibility: visible;
	position: absolute;
	left: 10u;
	width: 20u;
	height: 4u;
	margin-top: auto;
	margin-bottom: auto;
}

*/

volumecontrol#musicPlayerVolumeIcon	{
	display: block;
	visibility: visible;
	position: absolute;
	left: 10.0u;
	width: 20.0u;
	height: 4.0u;
	margin-top: auto;
	margin-bottom: auto;
	focusable: true;	
	direction: ltr;
	block-progression: lr;
}


slider	{
	focusable: false;
	value: 5;
	minrange: 0;	
	maxrange: 10;	
	z-index: 0;
	
}

image#musicPlayerVolumeUpIcon { 
	display: none;
	visibility: visible;
	position: absolute;
	margin-top: auto;
	margin-bottom: auto;
	left: auto;
	right: 2.0u;
	width: 1.0u;	
	height: 4.0u;
}

image#musicPlayerInactiveVolumeUpIcon { 
	display: none;
	visibility: visible;
	position: absolute;
	margin-top: auto;
	margin-bottom: auto;
	left: auto;
	right: 2.0u;
	width: 1.0u;	
	height: 4.0u;
}


/*********************
	VISUAL/INTERNET RADIO PLUGIN AREA 
**********************/

box#radioPlugin:focus {
	background-image: "SKIN(268458534 24576)";
	background-color: "SKIN(268458534 5120 9)";
}
box#radioPlugin{
	height:5u;
	display: none;
	nav-index: none;
	block-progression: lr;
}

image#radioStatusIcon {
	display: block;
	visibility: visible;
	position: static;
	top: 0.3u;
	margin-left: 1.25u;
	margin-top: 0.75u;
	width: 3.5u;
	height: 3.5u;
}

text#radioTitleText {
	display: none;
	visibility: visible;
	position: static;
	width: auto;
	height: 4u;
	font-family: EAknLogicalFontSecondaryFont;
	font-size: 3.5u;
	margin-left: 0.5u;
	color: "SKIN(268458534 13056 19)";
}



/*********************
	VISUAL/INTERNETRADIO VOLUME CONTROL
**********************/
box#radioVolume {
	display: none;
	width: 40u;
	height: 6u;	
	position: absolute;
	z-index: 2;
	left: 5u;
	top: 4.0u;
	background-color:"SKIN(268458534 8480)";
}

image#radioVolumeDownIcon { 
	display: none;
	visibility: visible;
	position: absolute;
	margin-top: auto;
	margin-bottom: auto;
	left: 2.0u;
	width: 1.0u;	
	height: 4.0u;
}

image#radioInactiveVolumeDownIcon { 
	display: none;
	visibility: visible;
	position: absolute;
	margin-top: auto;
	margin-bottom: auto;
	left: 2.0u;
	width: 1.0u;	
	height: 4.0u;
}

image#radioSpeakerIcon { 
	display: block;
	visibility: visible;
	position: absolute;
	margin-top: auto;
	margin-bottom: auto;
	left: 5.u;
	width: 4.0u;	
	height: 4.0u;
}

image#radioSpeakerMutedIcon { 
	display: block;
	visibility: visible;
	position: absolute;
	top: 1.00u;
	left: 5.u;
	width: 4.0u;	
	height: 4.0u;
}

volumecontrol#radioVolumeIcon	{
	display: block;
	visibility: visible;
	position: absolute;
	left: 10.0u;
	width: 20.0u;
	height: 4.0u;
	margin-top: auto;
	margin-bottom: auto;
	focusable: true;	
	direction: ltr;
	block-progression: lr;
}


slider#radioSlider	{
	focusable: false;
	value: 5;
	minrange: 0;	
	maxrange: 10;	
	z-index: 0;
}

image#radioVolumeUpIcon { 
	display: none;
	visibility: visible;
	position: absolute;
	margin-top: auto;
	margin-bottom: auto;
	left: auto;
	right: 2.0u;
	width: 1.0u;	
	height: 4.0u;
}

image#radioInactiveVolumeUpIcon { 
	display: none;
	visibility: visible;
	position: absolute;
	margin-top: auto;
	margin-bottom: auto;
	left: auto;
	right: 2.0u;
	width: 1.0u;	
	height: 4.0u;
}


/******************
	SAT PLUGIN AREA 
*******************/

box#SATPluginContainer {
	display: none;  /*block;*/
	nav-index: none; /* SAT is not focusable */
	height: 5u;
	position: static;
	/*block-progression: lr;*/
	direction: rtl;
	block-progression: rl;
}


image.satIcon	{
	display: block;
	visibility: visible;
	position: static;
	margin-top: 0.25u;
	margin-left: 0.7u;
	width: 4.0u;	
	height: 4.0u;
}

text.satText	{
	display: block;
	visibility: visible;
	position: static;
	width: auto;	
	top: 0.25u;
	margin-top: 0.25u;
	margin-right: 1.0u;
	margin-left: 0.55u;
	height: 4.25u;
	font-family: EAknLogicalFontSecondaryFont;
	font-size: 3.5u;         /* TODO: check */
	/*color: auto;*/
	color: "SKIN(268458534 13056 19)";
}



/************************
	CALENDAR PLUGIN AREA 
*************************/

box#calendarPluginContainer:focus {
	background-image: "SKIN(268458534 24576)";
	background-color: "SKIN(268458534 5120 9)";
}
box#calendarPluginContainer {
	display: block;
	height: adaptive;
	padding-bottom: 1u;
}


button.calendarEntryBox {
	display: none;
	visibility: visible;
	height: auto;
}


image.calendarEntryIcon { /* ai_gene_pane_1_g1 */
	display: block;
	visibility: visible;
	position: absolute;
	top: 0.5u;
	left: 0.7u;
	width: 4u;
	height: 4u;
}

text.calendarEntryText1 { /* ai_gene_pane_1_t1 */
	display: block;
	visibility: visible;
	position: absolute;
	width: auto;	
	top: 0.0u;
	left: 5.75u;
	right: 0.9u;
	height: 4.25u;
	font-family: EAknLogicalFontSecondaryFont;
	font-size: 3.5u;
	color: "SKIN(268458534 13056 19)";
}


text.calendarEntryText2 { /* ai_gene_pane_2_t1 */
	display: block;
	visibility: visible;
	position: absolute;
	width: auto;	
	top: 4.25u;
	left: 5.75u;
	right: 0.9u;
	height: 4.25u;
	font-family: EAknLogicalFontSecondaryFont;
	font-size: 3.5u;
	color: "SKIN(268458534 13056 19)";
}


/* priorities for calendar buttons, the lower we go, the less priority the button has --> if it does not fit on the screen it will be dropped*/
/* please note that the priority ID must be unique for each element defined --> do not use it via class element */
button#calendarEntryBox1{ _s60-display-priority: 21; }
button#calendarEntryBox2{ _s60-display-priority: 22; }
button#calendarEntryBox3{ _s60-display-priority: 23; }
button#calendarEntryBox4{ _s60-display-priority: 24; }
button#calendarEntryBox5{ _s60-display-priority: 25; }
button#calendarEntryBox6{ _s60-display-priority: 26; }
button#calendarEntryBox7{ _s60-display-priority: 27; }
button#calendarEntryBox8{ _s60-display-priority: 28; }

/* Block with flag '__NEWSTICKER' skipped. */