/* 
CSS Stylesheet - design.css
domain: www.mickovamonika.cz
 */

body {
  width: 100%; height: 100%;
  background: white;
  margin: 0 auto; padding: 0;
}

body, h1, h2, h3, td, th, a, 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: #dc4018; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }


/* buttons */
a.button { 
	color: white; width: auto; height: 18px; display: block; float: left;
	background: url('../img/layout/fields/button_x140.png') top left no-repeat;
}
a.button.left { margin-left: 0; }
a.button.right { float: right; }
a.button span {
	padding: 0 5px; line-height: 18px; height: 18px; display: block;
	background: url('../img/layout/fields/button_right.png') top right no-repeat;
}
.button {
	width: 60px; height: 20px; line-height: 20px;
	margin: 0 0 0 0;
	border: 0;
	color: white;
}
.button:hover { cursor: pointer; text-decoration: underline; }
.button_x60 {
	background: url('../img/layout/fields/button_x60.png') bottom left no-repeat;
}
.button_x140 {
	width: 140px;
	background: url('../img/layout/fields/button_x140.png') bottom left no-repeat;
}

.noitem { border: 1px dashed #ccc; padding: 20px; margin: 10px; text-align: center; color: #555; }

/* corners */
.corner { width: 5px; height: 5px; overflow: hidden; position: absolute; background: transparent top left no-repeat; }
.corner.tl { top: -1px; left: -1px; }
.corner.tr { top: -1px; right: -1px; }
.corner.bl { bottom: -1px; left: -1px; }
.corner.br { bottom: -1px; right: -1px; }
.corner.bl.orange { background-image: url('../img/layout/box-corner-orange-bl.png'); }
.corner.br.orange { background-image: url('../img/layout/box-corner-orange-br.png'); }
.corner.bl.gray { background-image: url('../img/layout/box-corner-gray-bl.png'); }
.corner.br.gray { background-image: url('../img/layout/box-corner-gray-br.png'); }
.corner.bl.black { background-image: url('../img/layout/box-corner-black-bl.png'); }
.corner.br.black { background-image: url('../img/layout/box-corner-black-br.png'); }
.corner.tl.white { background-image: url('../img/layout/corner-white-tl.png'); top: 0; left: 0; }
.corner.tr.white { background-image: url('../img/layout/corner-white-tr.png'); top: 0; right: 0; }
.corner.bl.white { background-image: url('../img/layout/corner-white-bl.png'); bottom: 0; left: 0; }
.corner.br.white { background-image: url('../img/layout/corner-white-br.png'); bottom: 0; right: 0; }

/**/
#tip {
	position: absolute; z-index: 100;
	background: #e64916; color: white;
	border: 1px solid white;
	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/16x16/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; }


/* -------------
 * Checkboxes
 * ------------- */
.jNiceCheckbox {
	background: transparent url('../img/layout/fields/checkbox.png') no-repeat left top;
	display: block; float: left; width: 12px; height: 12px;
	margin: 10px 3px 0 0;
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
.jNiceChecked { background: transparent url('../img/layout/fields/checkbox-checked.png') no-repeat left top; }