 /*
  * Copyright 2009 Palm, Inc.  All rights reserved.
  */

.clock-container {
		position:fixed;
		top: 0;     
		left: 0;
		height: 110%;
		width: 100%;
		background: #000;
}

#digital {
		position:absolute;
		top: 40px;
		left: 50%;
		width: 396px;
		height: 320px;
		margin: 0px 0px 0px -198px;
		background: #000 url(images/flippers-portrait.png) center center no-repeat;
}

.landscape #digital  {
		top: 0;
		width: 396px;
	   	margin: 16px 0px 0px -198px;
		background: #000 url(images/flippers-landscape.png) center center no-repeat;
}

.digital-clock {
		display: table-cell;
		vertical-align: middle;
		margin:auto;
}

.digital-digit,
.digital-colon {
		position: relative;
		float: left;
		width: 68px;  
		text-align: center;
		height: 134px;
		font-size: 64px;
		font-weight: bold;
		color: #E00;
}

.landscape .digital-digit,
.landscape .digital-colon {
		position: relative;
		float: left;
		width: 92px;  
		text-align: center;
		height: 181px;
		font-size: 64px;
		font-weight: bold;
		color: #E00;
}

.digital-digit.digit-0,
.digital-digit.digit-1,
.digital-digit.digit-2,
.digital-digit.digit-3,
.digital-digit.digit-4,
.digital-digit.digit-5,
.digital-digit.digit-6,
.digital-digit.digit-7,
.digital-digit.digit-8,
.digital-digit.digit-9 { display: block;}

.digital-digit.digit-0 { background: url(images/digit-0.png) center center no-repeat;}
.digital-digit.digit-1 { background: url(images/digit-1.png) center center no-repeat;}
.digital-digit.digit-2 { background: url(images/digit-2.png) center center no-repeat;}
.digital-digit.digit-3 { background: url(images/digit-3.png) center center no-repeat;}
.digital-digit.digit-4 { background: url(images/digit-4.png) center center no-repeat;}
.digital-digit.digit-5 { background: url(images/digit-5.png) center center no-repeat;}
.digital-digit.digit-6 { background: url(images/digit-6.png) center center no-repeat;}
.digital-digit.digit-7 { background: url(images/digit-7.png) center center no-repeat;}
.digital-digit.digit-8 { background: url(images/digit-8.png) center center no-repeat;}
.digital-digit.digit-9 { background: url(images/digit-9.png) center center no-repeat;}

.am,
.pm {
		width: 30px;
		height: 12px;
		background: url(images/pm.png) center left no-repeat;
		position: absolute;
		bottom: 19px;
		left: 2px;
}

.am {
		background: url(images/am.png) center left no-repeat;
}

.landscape .am,
.landscape .pm {
		width: 40px;
		height: 16px;
		background: url(images/pm-landscape.png) center left no-repeat;
		position: absolute;
		bottom: 26px;
		left: 4px;
}

.landscape .am {
		background: url(images/am-landscape.png) center left no-repeat;
}

.de_de .am {
		background: url(images/de_de-am.png) center left no-repeat;
}

.de_de .landscape .am {
		background: url(images/de_de-am-landscape.png) center left no-repeat;
}

.de_de .pm {
		background: url(images/de_de-pm.png) center left no-repeat;
}

.de_de .landscape .am {
		background: url(images/de_de-pm-landscape.png) center left no-repeat;
}

.en_gb .am {
		background: url(images/en_gb-am.png) center left no-repeat;
}

.en_gb .landscape .am {
		background: url(images/en_gb-am-landscape.png) center left no-repeat;
}

.en_gb .pm {
		background: url(images/en_gb-pm.png) center left no-repeat;
}

.en_gb .landscape .am {
		background: url(images/en_gb-pm-landscape.png) center left no-repeat;
}

.es_us .am,
.es_es .am {
		background: url(images/es_es-am.png) center left no-repeat;
}

.es_us .landscape .am,
.es_es .landscape .am {
		background: url(images/es_es-am-landscape.png) center left no-repeat;
}

.es_us .pm,
.es_es .pm {
		background: url(images/es_es-pm.png) center left no-repeat;
}

.es_us .landscape .am,
.es_es .landscape .am {
		background: url(images/es_es-pm-landscape.png) center left no-repeat;
}

.fr_ca .am {
		background: url(images/fr_ca-am.png) center left no-repeat;
}

.fr_ca .landscape .am {
		background: url(images/fr_ca-am-landscape.png) center left no-repeat;
}

.fr_ca .pm {
		background: url(images/fr_ca-pm.png) center left no-repeat;
}

.fr_ca .landscape .am {
		background: url(images/fr_ca-pm-landscape.png) center left no-repeat;
}

.fr_fr .am {
		background: url(images/fr_fr-am.png) center left no-repeat;
}

.fr_fr .landscape .am {
		background: url(images/fr_fr-am-landscape.png) center left no-repeat;
}

.fr_fr .pm {
		background: url(images/fr_fr-pm.png) center left no-repeat;
}

.fr_fr .landscape .am {
		background: url(images/fr_fr-pm-landscape.png) center left no-repeat;
}

.it_it .am {
		background: url(images/it_it-am.png) center left no-repeat;
}

.it_it .landscape .am {
		background: url(images/it_it-am-landscape.png) center left no-repeat;
}

.it_it .pm {
		background: url(images/it_it-pm.png) center left no-repeat;
}

.it_it .landscape .am {
		background: url(images/it_it-pm-landscape.png) center left no-repeat;
}

.full-date {
		font-size: 18px;
		margin-top: 30px;
		height: 20px;
		width: 100%;
		text-align: center;
		color: #666;
		font-weight: bold;
}

.landscape .full-date {
		margin-top: 0;
		height: 30px;
		font-size: 24px;
}

.hour-container,
.minute-container {
		float: left;
		position: relative;
		text-align: center;
		margin: 30px 0 0 52px;
		height: 134px;
		width: 136px;
}

.minute-container {
		margin-left: 20px;
}


.landscape .hour-container,
.landscape .minute-container {
		float: left;
		text-align: center;
		margin: 21px 0 0 4px;
		height: 181px;
		width: 184px;
}

.landscape .minute-container {
		margin-left: 20px;
}

.landscape .digital-digit.digit-0 { background: url(images/digit-0-landscape.png) center center no-repeat; }
.landscape .digital-digit.digit-1 { background: url(images/digit-1-landscape.png) center center no-repeat; }
.landscape .digital-digit.digit-2 { background: url(images/digit-2-landscape.png) center center no-repeat; }
.landscape .digital-digit.digit-3 { background: url(images/digit-3-landscape.png) center center no-repeat; }
.landscape .digital-digit.digit-4 { background: url(images/digit-4-landscape.png) center center no-repeat; }
.landscape .digital-digit.digit-5 { background: url(images/digit-5-landscape.png) center center no-repeat; }
.landscape .digital-digit.digit-6 { background: url(images/digit-6-landscape.png) center center no-repeat; }
.landscape .digital-digit.digit-7 { background: url(images/digit-7-landscape.png) center center no-repeat; }
.landscape .digital-digit.digit-8 { background: url(images/digit-8-landscape.png) center center no-repeat; }
.landscape .digital-digit.digit-9 { background: url(images/digit-9-landscape.png) center center no-repeat; }                                                                                           
