/*   ------------------------------------------------------------  */
/*   ************************************************************  */
/*   * Graphics and xhtml/css code                              *  */
/*   * Copyright (c) 2007, Ondrej Pohorsky  All rights reserved *  */
/*   *                                                          *  */
/*   * author: Ondrej Pohorsky                                  *  */
/*   * url:    http://www.poho.cz                               *  */
/*   * mail:   poho@poho.cz                                     *  */
/*   * icq:    190484844                                        *  */
/*   *                                                          *  */
/*   * This work is under BSD license                           *  */
/*   ************************************************************  */
/*   ------------------------------------------------------------  */

/*
------------------------- General 
*/
* {padding:0; margin:0; font-size:100%;}
html, body {height:100%;}
.cleaner {clear:both; height:1px; font-size:1px; line-height:1px;}
.hidden {display:none}
.noborder {border:none !important;}

/*
------------------------- Typography
*/
.grey {color:#999;}
.red {color:#c00;}
.green {color:#0c0;}
.blue {color:#06c;}

* {font-family:Tahoma, "Lucida Grande CE", lucida, sans-serif;}
#witti {font-size:80%;}
#header a {color:#ccc; text-decoration:none;}
#content h1, #content h2 {font-weight:normal;}
#content h1 {font-size:170%; color:#389ccd;}
#content h2 {font-size:150%; color:#75bbdd;}
#content p {line-height:1.5em;}
#content blockquote {font-style:italic; color:#666;}
#content a {color:#06c;}
#content a:hover {text-decoration:none;}
#content .left em, #content .right em, #content .center em {text-align:center; color:#999;}
#content table#list th, #content table.info th {color:#666;}
#content fieldset legend {font-weight:bold;}
#content .error {color:#d1481a;}
#content .succes {color:#669900;}
#content .question {color:#399ece;}

/*
------------------------- Witti
*/
#witti {width:auto; height:100%; min-height:100%; margin:20px;}
body>#witti {height:auto;}

/*
------------------------- Header
*/
#header {width:auto;}
#header .userinfo {display:none;}

/*
------------------------- Main
*/
#main {padding-bottom:20px;}

/*
------------------------- Menu
*/
#menu {display:none;}

/*
------------------------- Content
*/
#content {width:100%;}
#content h1, #content h2, #content p, #content .center, #content blockquote, #content ul, #content ol, #content table, 
  #content form, #content fieldset, #content .error, #content .succes, #content .question, #content .halfes {margin-bottom:16px;}
#content blockquote {padding:16px; margin-left:20px; border-left:4px solid #e5e5e5;}
#content .important {padding:16px; padding-bottom:0; border:1px dashed #399ece; background-color:#f3f9fc;}
#content .print {display:none;}

/* Pictures floating on left, right and center */
#content img {padding:5px; margin-top:5px; border:1px solid #ccc;}
#content .left {float:left; margin-right:10px;}
#content .right {float:right; margin-left:10px;}
#content .center {text-align:center;}
#content .left em, #content .right em, #content .center em {display:block; margin-top:5px;}

/* Lists */
#content ul, #content ol {margin-left:20px; list-style-position:inside;}
#content ul {list-style-type:square;}
#content ul li, #content ol li {margin-top:5px;}
#content ul ul {list-style-type:circle;}

/* Tables */
#content table {width:98%;}
#content table#list, #content table.info {border:1px solid #e0e0e0; border-collapse:collapse;}
#content table#list th {border-bottom:1px solid #e0e0e0;}
#content table#list th, #content table.info th {background-color:#f5f5f5; }
#content table#list th, #content table#list td {padding:5px 10px; text-align:center;}
#content table#list th.left, #content table#list td.left {float:none; text-align:left;}
#content table#list tr.even td {background-color:#ecf5fb;}
#content table.info th, #content table.info td {border:1px solid #ccc;}
#content table.info th, #content table.info td {padding:5px 10px; text-align:left;}
#content table.info th.center, #content table.info td.center {text-align:center;}

/* Form */
#content form fieldset {padding:10px 20px; _padding-top:0; border:1px solid #e0e0e0;}
#content form fieldset legend {padding:0 10px; _margin-bottom:10px;}
#content form fieldset input, #content fieldset select {margin-top:3px; margin-bottom:10px;}
#content form fieldset textarea {width:95%;}
#content form fieldset label input {margin-bottom:0;}
#content form p.submit input {padding:0 10px; margin-bottom:0;}

/* Messages */
#content .error, #content .succes, #content .question {border-width:1px; border-style:solid; padding:16px 20px 0 60px;}
#content .error {border-color:#d1481a; background:#fff1ec url('./img/error.gif') center left no-repeat;}
#content .succes {border-color:#669900; background:#f9ffec url('./img/succes.gif') center left no-repeat;}
#content .question {border-color:#399ece; background:#f3f9fc url('./img/question.gif') center left no-repeat;}
#content .question input {padding:0 10px;}

/* Halfes */
#content .halfes {width:98%; background:url('./img/separator.gif') top center repeat-y;}
#content .halfes .leftcol {float:left; width:45%; }
#content .halfes .rightcol {float:right; width:45%; }

/* Right column */
#content .right-column {width:98%;}
#content .right-column .rightcol {float:right; width:200px; padding-left:20px; margin-left:20px; background:url('./img/separator.gif') top left repeat-y;}
#content .right-column .leftcol {padding-right:240px;}

/*
------------------------- Foot
*/
#footer {display:none;}