@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial;
	font-size: 11px;
	margin:6px 0 20px 0;
	padding:0;
	line-height:15px;
	text-align:center;
}
p {
	font-size:12px;
	line-height: 18px;
	padding-top: 0px;
}
#container {
	width:860px;
	margin:0 auto;
	text-align:left;
	position: relative;
}
.description {
	margin-left:44px;
}
.checked {
	float:left;
	margin-right:14px;
	width:30px;
	height:40px;

}
.checked2{
	float:left;
	margin-right:14px;
	width:30px;
	height:40px;
	background:url(../images/checked.gif) top left no-repeat;
}
.checked2-off {
	float:left;
	margin-right:14px;
	width:30px;
	height:40px;
	background:url(../images/checked_off.gif) top left no-repeat;
}
#counter {
	color:#666666;
}
#counter strong {
	color:#000;
}
#settings {
	width:220px;
	float:left;
}
#statistics {
	margin-left:220px;
	padding: 10px;
}
#demo {
}
#demo .extra {
	padding-left:30px;
}
#demo .options {
	padding-left:10px;
}
#demo .getOption {
	padding-left:10px;
	padding-right:20px;
}
.quittext {
	font-weight: normal;
	color: #000;
	text-transform: uppercase;
	font-size: 10pt;
}
.landmarks {
	margin-bottom:10px;
	border-top:1px solid #ccc;
	padding-top:10px;
}
.time {
	width:150px;
	float:left;
	padding-left:20px;
	background:url(../images/clock.gif) no-repeat center left;
	font-size: 14px;
}
input {
	margin:0;
	padding:0;
	margin-top:4px;
	width: 55px;
	margin-bottom: 4px;
}
select {
	margin:0;
	padding:0;
	margin-top:4px;
	width: 60px;
	margin-bottom: 4px;
}
label {
	color:#666666;
	font-size:11px;
	margin:0;
	padding:0;
}
h2 {
	margin-top:0;
	padding-top:0;
	font-size:16px;
	margin-bottom: 0px;
	padding: 0;
}
#footer h2 {margin:20px 0}
#window h3 {
	font-size:14px;
	color:#bf0000;
	margin-bottom: 3px;
}
h3 {
	margin:0 0 10px 0;
	padding:0;
}
h1 {


	padding:0;
	margin:0;
	background-image:url(../images/logo.gif);
	font-size:0;
    text-indent:-5000px;
    width:400px;/*image width*/
	height:110px;
}

.clear {
	clear:both;
}
.left {
	float:left;
	width:65px;
}
form {
	margin:0;
	padding:0
}
.isaved {
	background: url(../images/heart.gif) no-repeat #F3FFEC 10px center;
	padding:12px;
	border:1px solid #CCFFCC;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.line1, .line2, .line3, .linesperm  {
	height:25px;
	font-size:14px;
	padding-left:50px;
}
.line1 {
	background: url(../images/stopped.gif) no-repeat 10px center;
	padding:8px 8px 8px 50px;
}
.line2 {
	background: url(../images/calender.gif) no-repeat 10px center;
	padding:8px 8px 8px 50px;
}
.line3 {
	background: url(../images/money.gif) no-repeat 10px center;
	padding:8px 8px 8px 50px;
}

.linesperm {
	background: url(../images/icons/pregnancy32x32.png) no-repeat 10px center;
	padding:8px 8px 8px 50px;
}
.linebirth {
	background: url(../images/icons/cariage.png) no-repeat #F3FFEC 10px center;
	padding:12px;
	border:1px solid #CCFFCC;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
#footer {
text-align:center;
}

#footer a {
color:#666;
text-decoration:none;
}

#language {
color:#666;
text-decoration:none;
float:right;
clear:both;
color:#333;
margin-top:8px;
}

a{
color:#666;
text-decoration:none;
}
a:hover{
color:#666;
text-decoration:underline;
}

#language a{
color:#666;
text-decoration:none;
}
#language a:hover{
color:#666;
text-decoration:underline;
}

#swf {
	position:absolute;
	top:34px;
	left:662px;
	color:#666;
	text-decoration:none;
	clear:both;
	color:#333;
	margin-top:8px;
	width: 173px;
}
#swf a{
color:#666;
text-decoration:none;
}
#swf a:hover{
color:#666;
text-decoration:underline;
}

a.button {
	display:block;
	background:url(../images/button_back.gif) top left no-repeat;
	color:#666666;
	margin-top:6px;
	font-size:13px;
	text-decoration:none;
	clear:both;
	height:38px;
	padding:0 0 0 0px;
	width:200px;
}
a:hover.button {
background:url(../images/button_back_hover.gif) top left no-repeat;
}

#window {
	background:url(../images/window_middle.gif);
	width:199px;
	margin-top: 4px;

}
#window .header {
background:url(../images/window_top.gif) top left no-repeat;
width:199px;
height:10px;
line-height:1px;
font-size:1px;
}
#window .bottom {
background:url(../images/window_bottom.gif) top left no-repeat;
width:199px;
height:11px;
}
#window .container {
padding:0 8px 0 8px;
}

span.icon {
	display:block;
	float:left;
	margin:2px 2px 0 2px;
}
span.text {
display:block;
float:left;
margin-top:8px;
}


.countdowncontainer {
	height:28px;
	float:left;
	width: 270px;

}

.passed {
color:#999999;
float:left;
height:40px;
}

.holiday {
	height:28px;
	float: left;
	padding-top: 12px;

}
.holidaypassed {
height:28px;
padding-top: 12px;
color:#666;
}
.holidaycontainer {
height:40px;
}

.today {
padding:8px;

font-size:14px;
color:#666;
margin-bottom:10px;
font-weight:bold;
background: url(../images/icons/clock.gif) no-repeat 10px center;
padding-left:45px;
height:18px;
}
#upcomming {
border:1px solid #CFFFA4;
font-size:16px;
color:#666;
background-color:#E9FFE8;
margin-bottom:10px;
font-weight:bold;
height:70px;
}


#upcomming .checked2-off {
display:none;
}
#upcomming .holiday {
font-size:14px;
color:#000;
}
#upcomming .lcdstyle {
font-size:16px;
padding-top:10px;
height:60px;

}
#upcomming .holiday {
padding:10px 0 0 10px;
width:200px;
float:left;
line-height:20px;
text-align:center;
}
.miepmiep {
width:310px;
font-size:10px;
float:left;
line-height:26px;

}

.until {
font-size:11px;
font-weight:normal;
}


/* Birthday */


#age {
border:1px solid #fef996;
background-color:#fffdd1;
margin-bottom:10px;
padding:15px 0 15px 85px;

}

#bday {
border:1px solid #CFFFA4;
margin-bottom:10px;
padding:25px 0 25px 85px;
background:url(../images/icons/pie64x64.png) 10px #E9FFE8 no-repeat;
}

#bornon {
border:1px solid #a4e8ff;
margin-bottom:10px;
padding:25px 0 25px 85px;
background:url(../images/icons/bornon.png) 10px #eafbff no-repeat;
}



#bday input, #age input{
background:transparent;
border:none;
width:100%;
font-size:17px;
font-weight:bold;
color:#666666;
}

#living input {
background:none;
border:none;
width:100%;
font-weight:bold;
color:#666666;
}




#upcomming {
padding:0 0 0 0px;
height:70px;
}

#upcomming #miepmiep27 {
background: url(../images/icons/icon_laborday.gif) no-repeat left center;
padding:0 0 0 60px;
}
#upcomming #miepmiep28 {
background: url(../images/icons/icon_ramadan.gif) no-repeat left center;
padding:0 0 0 60px;
}

#label {}

#label {
	position:absolute;
	top:70px;
	left:70px;
	color:#bf0000;
	font-size:18px;
	font-weight:bold;
	height: 20px;
	width: 301px;
	left:60px;
	top:74px;
	text-align:left

}


#footer ul {margin:0;padding:0}
#footer li {display:inline;margin-right:8px;border-right:1px solid #999;padding-right:8px}
.clocks {
	float:left;
	width:250px;
	margin-right: 30px;
	height: 140px;
}
#clocks a.button {margin-left:24px;}
.app-container {float:left;width:260px;margin-right:15px;}