
th {
	text-align:left;
	vertical-align:top;
}

h1.titleL {
	margin-bottom:1em;
}

div.line {
	border-bottom: 1px solid #bbbbbb;
	clear:both;
	height:100%;
}

#popupBody p.successMsg, #popupBody p.errorMsg {
	clear:both;
	margin:10px;
}

div.tabContainer {
	clear:both;
	margin:10px;
	padding:0;
	width:730px;
}
div.tabContainerSmall {
	clear:both;
	margin:10px;
	padding:0;
	width:620px;
}
div.tabContent {
	clear:both;
	background:#fff url('http://images.coronaria.fi/8060735.png') center top repeat-y;
	border-top:1px solid #ededed;
	margin:0;
	padding:0;
	width:730px;
}
div.tabContainerSmall div.tabContent {
	background:#fff url('http://images.coronaria.fi/0858158.png') center top repeat-y;
	width:620px;
}
div.tabContent p,
div.tabContent h1,
div.tabContent h2,
div.tabContent h3,
div.tabContent h4,
div.tabContent img {
	margin: 0 10px 10px 10px;
}
div.tabContent .col1 {
	margin-left:10px;
}
div.tabNavi {
	margin:0;
}
div.tabNavi div {
	background:transparent url('http://images.coronaria.fi/0482200.png') top left no-repeat;
	float:left;
	padding:10px 0px 10px 0px;
}
div.tabNavi div a {
	background:transparent url('http://images.coronaria.fi/5058958.png') top right no-repeat;
	color:#000;
	padding:10px;
	cursor:hand;
	cursor:pointer;
}
div.tabNavi div:hover {
	background:transparent url('http://images.coronaria.fi/2766653.png') top left no-repeat;
}
div.tabNavi div a:hover {
	background:transparent url('http://images.coronaria.fi/8120575.png') top right no-repeat;
}

#Calendar {
	background:#efefef;
	width:100%;
}
#Calendar th, #Calendar td {
	border:1px solid #bbbbbb;
	padding:3px;
}
#Calendar .day {
	vertical-align:top;
	padding-bottom:1px;
	width:77px;
}
#Calendar .activeDay {
	cursor:hand;
	cursor:pointer;
	background:#f9f9f9;
}
#Calendar .activeDay:hover {
	cursor:hand;
	cursor:pointer;
	background:#fff;
	border:1px solid gray;
}
#Calendar .week {
}
#Calendar .thisDay {
	background-color:#fff;
	border:2px solid gray;
}
#Calendar .thisDay:hover {
	border:2px solid #000;
}
#Calendar .thisDay span {
	font-weight:bold;
}
#Calendar .note {
	clear:both;
	font-size:0.8em;
	height:50px;
}
#Calendar .icons {
	clear:both;
	height:16px;
	padding-bottom:6px;
	text-align:center;
}
#Calendar .icons img {
	float:left;
	margin-right:3px;
}


/* Smogo */

#Calendar .daySymptom1 {
	background-color:#4e9a06;
}
#Calendar .daySymptom1:hover {
	background-color:#64ae1e;
}
#Calendar .daySymptom2 {
	background-color:#fcaf3e;
}
#Calendar .daySymptom2:hover {
	background-color:#fcba58;
}
#Calendar .daySymptom3 {
	background-color:#f57900;
}
#Calendar .daySymptom3:hover {
	background-color:#f58518;
}
#Calendar .daySymptom4 {
	background-color:#ef5529;
}
#Calendar .daySymptom4:hover {
	background-color:#ef6741;
}
#Calendar .daySymptom5 {
	background-color:#ef2929;
}
#Calendar .daySymptom5:hover {
	background-color:#ef4141;
}

/* Kuukautiskalenteri ja ehkäisymuistuttaja */

#Calendar .periodsDay {
	background-color:#337e03;
}
#Calendar .periodsDay:hover {
	background-color:#41940a;
}
#Calendar .estimationDay {
	background-color:#95bc7b;
}
#Calendar .estimationDay:hover {
	background-color:#a5c58f;
}


/* Painonseuranta */
#foods form, #exercises form, #foods input, #exercises input {
	margin:0px;
}
#foods input, #exercises input, #exercises select {
	font-size:11px;
}
#Calendar .weight {
	clear:both;
	font-size:1.4em;
	text-align:center;
}
#foods textarea, #exercises textarea {
	width:99%;
	height:100px;
}

div.col1,div.col2,div.col3,div.col4,div.col5,div.col6 {
	margin:4px;
	width:166px;
	float:left;
}
div.col1 {
	clear:both;
	width:50px;
}
div.colLast {
	width:auto;
}
div.colHead {
	font-weight:bold;
}
div.colHead img {
	margin:0px;
}

#exercises .col3, #exercises .col4 {
	width:130px;
}
#exercises .col5 {
	width:80px;
}

#Calendar .status7 {
	background-color:#ef1e07;
}
#Calendar .status7:hover {
	background-color:#ef4937;
}
#Calendar .status6 {
	background-color:#ef7005;
}
#Calendar .status6:hover {
	background-color:#ef8a35;
}
#Calendar .status5 {
	background-color:#efc304;
}
#Calendar .status5:hover {
	background-color:#efcc35;
}
#Calendar .status4 {
	background-color:#efef04;
}
#Calendar .status4:hover {
	background-color:#efef67;
}
#Calendar .status3 {
	background-color:#bee105;
}
#Calendar .status3:hover {
	background-color:#cae153;
}
#Calendar .status2 {
	background-color:#6eae07;
}
#Calendar .status2:hover {
	background-color:#8fc33d;
}
#Calendar .status1 {
	background-color:#126e09;
}
#Calendar .status1:hover {
	background-color:#47ac3d;
}

