/* SimplePicture - an open source xhtml/css website layout by Ben Goldman 
(aka Robobuilder) - http://realalibi.com . You are free to use this template
for any purpose as long as the proper credits are given for the original design work. 

Version: 1.0, Spring 2007 

Main Syle Colors
colors {
 #333333(dark gray), #479FED(blue), #FFFFFF(white), 
   #DFDFDF(light gray), #656565(gray)
}
*/
/*
 * Adapted for dudka.cz by Kamil Dudka
 */
*{
 margin:0;
 padding:0;
}
ul li {
 margin-left:20pt;
 list-style-type:none;
}
body{
 font:13px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#333;
 background-color:#fff; 
}
h1 em, h2 em {
 font-size:50%;
 font-weight:normal;
 color:black;
}
.clearleft{
 clear:left;
}
.clearright{
 clear:right;
}
.clearboth{
 clear:both;
}

/*Content*/
#container{
  margin:0;
}
#inner{
  width: 100%;
  padding: 0px;
  text-align: left;
  background-color: #fff; 
/*   overflow: auto; */
}

/*Blurb*/
#blurb{
 padding:10px;
 padding-bottom:0;
 border-bottom:10px #dfdfdf solid;
 font-size:14.5px;
 letter-spacing:.05em; 
}

#langSwitch {
 float:right;
}
#langSwitch img {
 border:1px solid black;
}

/*Navigation*/
#qmWrapper {
 margin:10px 10px 10px 0;
 width:400px;
 float:left;
 font-size:15px;
 font-weight:bold;
}
#qmInputBox {
 margin:18px 0 10px 20pt;
 height:30px;
 overflow:visible;
}
#qmInputBox input {
 width:200px;
}
#qmFacade {
 color:#479FED;
 font-weight:bold;
}
#qmInput, #qmFacade {
 float:left;
}
#qmClearInput, #qmExpandAll {
 margin:2px 0 0 5px;
}
#QuickMenu a:hover {
 color:black;
 text-decoration:none;
}
#QuickMenu li img {
 margin:2pt;
}
#QuickMenu {
 clear:both;
 margin-bottom:2pt;
}
#qmActiveLink {
 color:black;
}
a.qmDefault {
 color:gray;
}
#qmActiveLink.qmMatch,
#qmActiveLink.qmMatch:hover {
 color:#DFDFDF;
}
.qmHidden {
 display:none;
}

/*Contennt*/
#content{
 margin:18px 25px 10px 410px;
 border-left:1px #dfdfdf solid;
 padding:0 0 0 10px;
 line-height:22px;
}

#content ul li {
/*  margin-left:20pt; */
 list-style-type:disc;
}


/*Footer*/
#footer{
 border-top:10px #dfdfdf solid;
 padding:5px 25px 5px 5px;
}

#study strong {
 background:#C0FF00;
}

#study em {
 font-size:inherit;
}

#study dt {
 margin-top:20px;
}

#study dd {
 margin-bottom:5px;
}

#study div.vspace {
 height:.5em;
}
#study .code {
 font-family:monospace;
}
#study code.pre {
 white-space:pre;
}
#study .tabStop {
 border-collapse:collapse;
}
#study .tabStop tr td, #study .tabStop tr th {
 text-align:left;
 vertical-align:bottom;
 padding:2px 1em 3px 0;
}
#study .tabStop tr td.toRight, #study .tabStop tr th.toRight {
 text-align:right;
}
#study .tabStop tr.strong {
 background:#C0FF00;
}
#study table.spaced tr td, #study table.spaced tr th {
 vertical-align:top;
 padding-bottom:1em;
}
#study .nowrap {
 white-space:nowrap;
}
#study .pre {
 white-space:pre;
}

/*dd + dd {
 margin-top:inherit;
}
dl + dl {
 margin-top:2em;
}*/

div.backLink {
 margin-bottom:2em;
 height:32px;
}
div.backLink a {
/*  height:32px; */
 line-height:32px;
 color:#333;
}

div.backLink img {
 float:left;
}

span.imgLink32 {
 margin-right:20px;
 white-space:nowrap;
}

div.imgLink32 {
 height:32px;
 margin-bottom:16px;
}

div.imgLink32 a {
 line-height:32px;
 color:#333;
}

div.imgLink32 img {
 float:left;
 margin-right:5px;
}

table.FileDetail {
 border-collapse:collapse;
}

table.FileDetail p {
 display:inline;
}

.FileDetail td {
 vertical-align:top;
}
.FileDetail td a span.name {
 font-weight:bold;
 color:black;
}
.FileDetail td a img {
 position:relative;
 top:2px;
}
.FileDetail td.head {
 text-align:right;
 padding-right:2pt;
 font-weight:normal;
}
a.imgPreview img {
 cursor:pointer;
}
pre{
 font:11pt "Courier New", monospace;
 background-color:#dfdfdf;
 padding:5px;
 border-left:3px #479FED solid;
}

pre.FileContent {
 white-space:pre;
 margin:1em 2em 2em 0;
 font:11pt "Courier New", monospace;
 background-color:white;
 padding:5px;
 border-left:3px #479FED solid;
 overflow:scroll;
}

.SourceCode pre {
/*  white-space:pre; */
 margin:1em 2em 2em 0;
 font:11pt "Courier New", monospace;
 background-color:white;
 padding:5px;
 border-left:3px #479FED solid;
 overflow:scroll;
}

.SourceCodeNoScroll pre {
 margin:1em 2em 2em 0;
 font:11pt "Courier New", monospace;
 background-color:white;
 padding:5px;
 border-left:3px #479FED solid;
 overflow:visible;
}

#fbImgPreview {
 /*position:fixed;
 bottom:20px;
 right:20px;
 width:330px;
 height:330px;
 z-index:2;
 overflow:hidden;*/
 width:0;
 height:0;
 float:right;
}

#fbImgPreview img {
/*  border:3px #333333 inset; */
 border:none;
 margin:3px;
/*  background:white; */
 position:fixed;
 top:100px;
 right:20px;
 z-index:2;
}

.FileBrowserPath {
 margin-top:2em;
}

.FileBrowserPath .Download a {
 position:relative;
 top:2px;
}
.FileBrowser table {
 border-collapse:collapse;
/*  border-left:3px #479FED solid; */
}

.FileBrowser table thead td {
 text-align:left;
 font-weight:bold;
 border-bottom:1px solid black;
}

.FileBrowser table thead a {
 color:black;
}

.FileBrowser tr.odd {
 background-color:#F0F0F0;
}

.FileBrowser tr.even {
 background-color:#F8F8F8;
}

.FileBrowser td {
 padding:2px 6px;
 text-align:left;
 white-space:nowrap;
}

.FileBrowser td.treeImg img {
 position:relative;
}

.FileBrowser td.date, .FileBrowser td.time , .FileBrowser td.actions {
}

.FileBrowser td.actions a {
 margin-right:1em;
}

.FileBrowser td.actions img {
 position:relative;
 top:2px;
}

.FileBrowser .name a:link, .FileBrowser .name a:visited {
 color:black;
}

.FileBrowser .size {
 text-align:right;
}

.FileBrowser .defaultAction {
 font-weight:bold;
}

table.cv {
 border-collapse:collapse;
 margin-bottom:20px;
}

table.cv td {
 padding:0 5px;
 vertical-align:top;
}

table.cv td.col1st {
 text-align:right;
/*  min-width:160px; */
 width:160px;
 font-weight:bold;
}

/*Element Styles*/
h1, h2, h3, h4, h5, h6{
 color:#333;
 padding:8px 0;
}
h1{
 font-size:26px;
}
h2{
 font-size:23px;
 margin-top:2em;
 color:#479FED;
}
h3{
 font-size:21px;
 margin-top:2em;
 color:#479FED;
}
h4{
 font-size:19px;
}
h5{
 font-size:17px;
}
h6{
 font-size:15px;
 font-weight:bold;
}
p{
 margin:4px 0 10px 0;
}

a {
 color:#479FED;
 text-decoration:none;
}

a:hover {
 color:#479FED;
 text-decoration:underline;
}

a img{
 border:none;
}

#content ol, #content ul{
 padding:5px;
}
#content ol li,#content ul li{
 margin-left:20px;
}
dt{
/*  color:#479FED; */
 font-weight:bold;
 font-size:14px;
 padding:2px 0;
}
dd{
 padding-left:25px;
}
blockquote{
 background:#dfdfdf;
 padding:10px;
 margin:12px 0;
 font-size:120%;
 font-weight:bold;
}
blockquote.red{
 background:#fff url("img/warning.gif") center left no-repeat;
 border:3px #AF003C solid;
 padding-left:44px;
}
blockquote.blue{
 background:#fff url("img/message.gif") center left no-repeat;
 border:3px #479FED solid;
 padding-left:44px;
}
blockquote.yellow{
 background:#fff url("img/notice.gif") center left no-repeat;
 border:3px #ffcc00 solid;
 padding-left:44px;
}
blockquote.green{
 background:#fff url("img/go.gif") center left no-repeat;
 border:3px #66ff66 solid;
 padding-left:44px;
}
/* Class Styles */
.left{
 float:left;
 margin-right:2em;
}
.right{
 float:right;
 margin-left:2em;
}
img.left , img.right {
 margin:5px 8px;
}
.w50{
 width:49%;
}
.blue{
 color:#479FED;
}
.indent{
 border-left:3px #479FED solid;
 padding-left:5px;
}
.highlight{
 color:#479FED;
 font-weight:bold;
}
/* Form Styles */
form label{
 display:block;
}
form input.text, form textarea{
 width:375px;
 border:2px #dfdfdf solid;
 color:#656565;
 padding:4px 5px;
 font:12px Verdana,Arial,san-serif;
}
form input.text:hover, form textarea:hover{
 border:2px #656565 solid;
}
form input.text:focus, form textarea:focus{
 border:2px #479FED solid;
 color:#333;
}
form input.button{
 margin-right:8px;
 padding:3px 5px;
 font:12px Verdana,Arial,san-serif;
}
* html form input.text,
* html form textarea{
 border-color:#656565;
 color:#333;
}

/* TODO: uncoment on release!! */
#jsLog {
 background-color:white;
 color:white !important;
}
