/* 
CSS Stylesheet - design.css
domain: odsmoravany.cz
 */

body {
  margin: 0; padding: 0;
  background: url('/img/layout/bg.png') top right repeat-x;
  color: black;
}

body, h1, h2, h3, td, th, select, input, textarea, button {
	font-size: 12px;
	font-family: 'Arial CE', Arial, Helvetica, sans-serif;
}
textarea, input {
  font-size: 12px;
}

.r { text-align: right; }
.l { text-align: left; }
.c { text-align: center; }
.j { text-align: justify; }

.left { float: left; }
.right { float: right; }
.cleaner { clear: both; }


/* MSG ERRORS */
.msg-err, .msg-ok { padding: 15px; margin: 15px 0 10px 0; text-align: center; }
.msg-err { color: #c00; }
.msg-ok { color: #360; }
.free { color: #444; padding: 15px; text-align: center; }
.free span { color: #dc4018; }


/* LINKS */
a { color: #3761ab; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

a.green { margin: 5px; background: url('/img/layout/h_green.png') center left repeat-x; border: 1px solid #508e07; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.green span, a.red span { display: block; height: 20px; line-height: 20px;  color: white; font-weight: bold; text-align: center; }
a.red { margin: 5px; background: url('/img/layout/a_red_bg.png') top right no-repeat; color: white; }
a.red span { background: url('/img/layout/a_red_l.png') top left no-repeat; color: white; }
a.green:hover { text-decoration: none; }
a.green:hover span { color: black; }


/* TIP */
#tip {
	position: absolute; z-index: 100;
	background: white; color: black;
	border: 1px solid #dfdfdf;
	max-width: 400px;
}
#tip .arrow-left, #tip .arrow-right { position: absolute; top: 0; width: 9px; height: 21px; background: right center; }
#tip .arrow-left { right: -9px; background-image: url('../img/arrows/tip-arrow-right.png'); }
#tip .arrow-right { left: -9px; background-image: url('../img/arrows/tip-arrow-left.png'); }
#tip .title { background: url('../img/icons/small/help.png') 99% center no-repeat; color: black; line-height: 20px; padding: 0 5px; font-weight: bold; }
#tip #tipText { padding: 5px; }
#tip #tipText ul { margin: 0; padding: 0; list-style: decimal inside; color: black; }