/**
 * WYSIWYG content rules
 *
 * $Id: content.css 120 2009-05-15 14:51:56Z svoby $
 */

body { font: 76% Tahoma, Arial, Helvetica, sans-serif; background: white; color: #222; }
a { color: #C3122E; text-decoration: underline; }
a:hover { color: #0037AF; }
h1, h2, h3, h4 { margin-top: 0; color: #C3122E; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1, h2 { font-size: 180%; font-weight: normal; margin: 0; }
h3 { font-size: 150%; margin-bottom: 0.5em; }
h4 { font-size: 120%; margin-bottom: 0.3em; }
img { border: none; }
p, ul, ol, dl, table { margin-top: 0; margin-bottom: 2em; line-height: 1.55em; }
ul, ol { margin: 0 0 1.5em 1.5em; }
ul ul { margin-bottom: 0.5em; }
li ul, li ol { margin: 0 1.5em; }
ol { list-style-type:decimal; }
dt { font-weight: bold; }
table, th, td { font-size: 100%; border: 1px solid #ccc; }
caption, th, td { text-align:left; font-weight:normal; }
th, td { padding: 0.5em; }
th { font-weight: bold; background: #eee; }
caption { color: #A6560F; text-align: left; font-size: 120%; font-weight: bold; }
form, fieldset { margin: 0; padding: 0; border: none; }
fieldset { padding: 15px; margin-bottom: 2em; background: #dfdfdf; border: 1px solid #ccc; }
form p { margin: 0.5em 0; }
input, textarea, select { font-family: Arial, sans-serif; font-size: 100%; }
input.text, textarea, select { margin: 0.1em 0; padding:5px; border:1px solid #bbb; }
input.text:focus, textarea:focus, select:focus { border:1px solid #666; }
select { padding: 4px; }
input { vertical-align:  middle; }
label { font-weight: bold; }
legend {font-weight:bold;font-size:1.2em;}
* html legend {margin:-18px -8px 16px 0;padding:0;}
abbr, acronym {border-bottom:1px dotted #666;}

/* Columns */
.col-33-l, .col-33-r , .col-50-l, .col-50-r { width: 32%; margin-right: 2%; float: left; _display: inline; }
.col-33-r, .col-50-r { margin-right: 0; float: right; }
.col-50-l, .col-50-r { width: 48%; }

/* images */
#images { padding: 30px 20px 0 30px; }
#images a { display: block; float: left; padding: 6px; margin: 0 10px 16px 0; text-align: center; text-decoration: none; background: white; font-size: 92%; width: 206px; height: 16em; _height: 16em; _display: inline; }
#images img { margin-bottom: 5px; border: 1px solid #888; padding: 2px; background: white; _vertical-align: bottom; }
#images span { display: block; }
#images.profile { padding: 0; }
#images.profile div { padding: 10px;height: 160px; clear: both; margin-bottom: 20px; background: #eee; }
#images.profile a { padding: 0; display: inline; float: none; font-size: 150%; background: transparent; }
#images.profile img { float: left; margin-right: 20px; }

img.left, img.right { margin: 0 1.5em 1.5em 1.5em; }
img.left { float: left; margin-left: 0; }
img.right { float: right; margin-right: 0; }
img.no-border { padding: 0; background: transparent; border: none; }

/* Image replacement */
.img { position: relative; }
.img a, .img span { width: 100%; height: 100%; display: block; }
.img a { cursor: pointer; }
.img span { position: absolute; top: 0; left: 0; }

/* Misc */
.break { clear: both; }
.bold { font-weight: bold; }
.out { position: absolute; left: -3000px; }
.small { font-size: 92%; }
.right { text-align: right; }
.center { text-align: center; }
.l { float: left; }
.r { float: right;}
img.left, img.right { margin: 1.8em; margin-top: 0; clear: both; }
img.left { float: left; margin-left: 0; }
img.right { float: right; margin-right: 0; }
.no-margin { margin: 0; }
.no-border { border: none; }
.center { text-align: center; }
.right { text-align: right; }
.s100 { width: 100%; }
.s90 { width: 90%; }
.s70 { width: 70%; }
.s80 { width: 80%; }
.s60 { width: 60%; }
.s50 { width: 50%; }
.s20 { width: 20%; }
.s10 { width: 10%; }
textarea.s100 { width: 97%; }
input.s100 { width: 95%; _width: 92%; }

.more a { padding: 1em 25px 1em 1em; width: 13em; display: block; background-color: #F0F0F0; background-position: 93% 50%; }
.more a:hover { color: #C3122E; text-decoration: none; }

.link { padding-right: 10px; background: url(/layout/img/link.gif) no-repeat 100% 60%; }

.error, .notice, .success { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }

/* Icons */
ul.ico { margin: 0; padding: 0; line-height: 1.7em; list-style: none; background: none; }
ul.ico li, .ico { padding: 0 0 0.5em 23px; }
ul.ico li { background-repeat: no-repeat; }
.ico { background: url("ico/noname.gif") no-repeat 0 0; padding-bottom: 5px; }
.ico-pdf { background-image: url("ico/pdf.gif"); }
.ico-doc { background-image: url("ico/doc.gif"); }
.ico-xls { background-image: url("ico/xls.gif"); }
.ico-jpg { background-image: url("ico/jpg.gif"); }
.ico-gif { background-image: url("ico/gif.gif"); }
.ico-rss { background-image: url("ico/rss.png"); }

/* IE only */
.cols { min-height: 1px; _height: 1px; }