/* ------------------------------------------------------------ FOSYS ------------------------------------------------------------  */

textarea { font-size: 105%; }
select { font-size: 100%; height: 22px; }
.star  { display: inline; color: red; }

/* ---------- form - fosys - general */
#fosysbox      { width: 692px; margin: 0; border: #eaeaea 1px solid; padding: 0; /* background: #eaeaea; */ }
#fosys         { margin: 0; border: 0; padding: 2px; }
#fosys100      { width: 100%; margin: 0; border: 0; padding: 0; background: #f5f5f5; }
#fosys h2      { margin: 0; border: 0; padding: 0 0 10px 0; font-size: 100%; font-weight: bold; color: green; text-transform: uppercase; background: transparent; }
#fosys h2 span { text-transform: none; }
#fosys h3      { margin: 0; border: 0; padding: 3px 0 2px 3px; font-size: 100%; font-weight: bold; background: transparent; }

/* ---------- form - fosys - content */
#fosys .line      { display: block; clear: both; /*float: left;*/ width: 688px; height: 24px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosys .linegreen      { display: block; clear: both; /*float: left;*/ width: 688px; height: 24px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; background-color: lime; }
#fosys .lineHtmlEditor      { clear: left; /*float: left;*/ width: 695px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosys .label { float: left; width: 220px; margin: 0; padding: 0; color: black; }
#fosys .labelgreen { float: left; width: 220px; margin: 0; padding: 0; color: black; }
#fosys .cont { float: right; width: 468px; display: block; margin: 0; padding: 0; }
#fosys .label label { display: block; padding: 3px 5px 0 3px; }
#fosys .label label span { color: #d60000; }
#fosys .label label span { color: #d60000; }
#fosys label.labcheck { display: inline; width: auto; }
#fosys .cont input  { width: 463px; position: relative; top: 0px; }
#fosys .cont input.check  { width: auto; position: relative; top: 2px; }
#fosys .cont input.in25   { width: 25px; position: relative; top: 2px; }
#fosys .cont input.in40   { width: 40px; position: relative; top: 2px; }
#fosys .cont input.in80   { width: 80px; position: relative; top: 2px; }
#fosys .cont input.in200  { width: 200px; position: relative; top: 2px; }
#fosys .cont input.in400  { width: 400px; position: relative; top: 2px; }
#fosys .cont input.inbig  { width: 434px; position: relative; top: 2px; }
#fosys .cont input.inauto { width: auto; position: relative; top: 2px; }
#fosys .cont select { width: 468px; position: relative; top: 1px; }
#fosys .cont select.in25 { width: 25px; }
#fosys .cont select.in40 { width: 40px; }
#fosys .cont select.in80 { width: 80px; }
#fosys .cont select.in200 { width: 200px; }
#fosys .cont select.in400 { width: 400px; }
#fosys .cont select.inbig  { width: 434px; }
#fosys .cont label  { display: inline; }
#fosys .contxt     { float: right; width: 468px; margin: 0; padding: 0; }
#fosys .contxt div { display: block; padding: 4px 5px 0 3px; }
#fosys .contxt input.check  { width: auto; position: relative; top: 2px; }
#fosys .errorstyle, #reg .errorStyle { display: block; width: 688px; height: 20px; text-align: right; color: #d60000; }
#fosys .inlineerr .errorstyle { clear: both;}
#fosys .errorstyleHtmlEditor, #reg .errorstyleHtmlEditor { display: block; width: 688px; height: 20px; text-align: right; color: #d60000; }

#fosys .labelW2 { float: left; width: 320px; margin: 0; padding: 0; color: black; }  /* -- wider label   -- */
#fosys .contW2 { float: right; width: 368px; display: block; margin: 0; padding: 0; }/* -- narrower cont -- */

/* ---------- linex - 2x height */
#fosys .linex  { clear: left; /*float: left;*/ width: 688px; height: 40px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosys .linex .label { float: left; width: 220px; margin: 0; padding: 0; color: black; }
#fosys .linex .label label { display: block; padding: 3px 5px 0 3px; }
#fosys .linex .label label.labcheck { display: inline; width: auto; }
#fosys .linex .label input.check  { width: auto; position: relative; top: 2px; }
#fosys .linex .cont label.lbl80  { display: block; width: 80px; float: left; margin: 3px 0 0 0; }
#fosys .linex .cont { display: block; width: 468px; padding: 0; }
#fosys .linex .cont input { width: 463px; }
#fosys .linex .cont input.inmena { width: 180px; }
#fosys .linex .cont input.check  { width: auto; position: relative; top: 2px; }
#fosys .linex .cont input.in25   { width: 25px; position: relative; top: 2px; }
#fosys .linex .cont input.in40   { width: 40px; position: relative; top: 2px; }
#fosys .linex .cont input.in80   { width: 80px; position: relative; top: 2px; }
#fosys .linex .cont input.in200  { width: 200px; position: relative; top: 2px; }
#fosys .linex .cont input.in400  { width: 400px; position: relative; top: 2px; }
#fosys .linex .cont input.inbig  { width: 434px; position: relative; top: 2px; }
#fosys .linex .cont input.inauto { width: auto; position: relative; top: 2px; }
#fosys .linex .cont select { width: 468px; position: relative; top: 1px; }
#fosys .linex .cont select.in25 { width: 25px; }
#fosys .linex .cont select.in40 { width: 40px; }
#fosys .linex .cont select.in80 { width: 80px; }
#fosys .linex .cont select.in200 { width: 200px; }
#fosys .linex .cont select.in400 { width: 388px; }
#fosys .linex .cont select.sel400  { display: block; width: 388px; float: left; }
#fosys .linex .cont select.inbig  { width: 434px; }
#fosys .linex .cont textarea { width: 462px; height: 33px; }
#fosys .linex .contxt     { float: right; width: 468px; margin: 0; padding: 0; }
#fosys .linex .contxt div { padding: 3px 5px 0 0; }
#fosys .linex .cont br { clear: both; }
#fosys .linex45 { height: 45px; }
#fosys .linex65 { height: 65px; }
#fosys .linex65 .cont textarea { width: 462px; height: 58px; position: relative; top: 0; }
#fosys .linex100 { height: 100px; }
#fosys .linex100 .cont textarea { width: 462px; height: 93px; position: relative; top: 0; }
/* ---------- line65 - 3x height */
/*
#fosys .line65   { clear: left; width: 688px; height: 65px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosys .line55   { height: 55px; }
#fosys .line65 .label { float: left; width: 220px; margin: 0; padding: 0; color: black; }
#fosys .line65 .label label { display: block; padding: 3px 5px 0 3px; }
#fosys .line65 .cont { display: block; padding: 0; }
#fosys .line65 .cont textarea { width: 462px; height: 58px; position: relative; top: 0; }
*/
/* ---------- line100 - 5x height */
#fosys .line100   { clear: left; /*float: left;*/ width: 688px; height: 100px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosys .line55   { height: 55px; }
#fosys .line75   { height: 75px; }
#fosys .line130   { height: 130px; }
#fosys .line160   { height: 160px; }
#fosys .line150   { height: 150px; }
#fosys .line170   { height: 170px; }
#fosys .line100B  { clear: left; /*float: left;*/ width: 688px; height: 71px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosys .line100 .label { float: left; width: 220px; margin: 0; padding: 0; color: black; }
#fosys .line100 .label label { display: block; padding: 3px 5px 0 3px; }
#fosys .line100 .cont { display: block; padding: 0; }
#fosys .line100 .cont textarea { width: 462px; height: 93px; position: relative; top: 0; }

/* ---------- hodnoceni */
#fosys .line100 .conth { display: block; padding: 0; }
#fosys .line100 .conth input { width: auto; height: auto; }

/* ---------- linepod - 400px height - podminky */
#forsys .linepod  { clear: left; width: 688px; height: 405px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#forsys .linepod .cont { width: 688px; height: 400px; margin: 0; padding: 0; background: red; }
#forsys .linepod .cont textarea { width: 688px; height: 400px; margin: 0; padding: 0; position: relative; top: 0; background: yellow; }

/* ---------- linemsg  */
#forsys .linemsg  { clear: left; width: 688px; height: 106px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#forsys .linemsg .cont { width: 688px; margin: 0; padding: 0; }
#forsys .linemsg .cont input    { width: 685px; height: 100px; margin: 0; padding: 0; position: relative; top: 0; }
#forsys .linemsg .cont textarea { width: 685px; height: 100px; margin: 0; padding: 0; position: relative; top: 0; }
#forsys .req  { color: #d60000; font-weight: bold; }

/* ---------- contall  */
#fosys .contall { width: 688px; margin: 0; padding: 3px 5px 0 3px; text-align: left; }
#fosys .contall textarea { width: 680px; height: 50px; }
#fosys .contall label.inline { display: inline; margin: 0; }
#fosys .contall input.in40 {width: 40px; }

/* ---------- sms */
#fosys .line span.sms { font-weight: bold; color: #d60000; }
#fosys .cont input.incastka { width: 120px; }

/* ---------- radiobutton */
#fosys .labelrb { float: right; width: 370px; margin: 0; padding: 0; font-weight: bold; color: black; }
#fosys .labelrb label { display: block; padding: 2px 5px 0 0; }
#fosys .contrb { float: left; width: 30px; margin: 0; padding: 0; }
#fosys .contrb input { width: auto; }

/* ---------- contce - created/edited - CourseEdit.aspx */
#fosys .contce             { float: right; width: 468px; margin: 0; padding: 0; }
#fosys .contce input       { float: left; width: 218px; position: relative; top: 0; }
#fosys .contce input.inday { float: left; width: 138px; position: relative; top: 0; }
#fosys .contce label       { float: left; width: 96px; text-align: right; padding: 3px 4px 0 0; }

#fosys .labelrb2 { float: right; width: 370px; margin: 0; padding: 0; /*font-weight: bold;*/ color: black; }
#fosys .labelrb2 label { display: block; padding: 3px 5px 0 0; }
#fosys .contrb2 { float: left; width: 30px; margin: 0; padding: 1px 0 0 0; }
#fosys .contrb2 input { width: auto; }

/* ---------- rod.cislo, ico - (Faq.aspx, ...)*/
#fosys .labelrc { float: left; width: 220px; margin: 0; padding: 0; color: black; }
#fosys .labelrc label { display: block; padding: 3px 5px 0 3px; }
#fosys .labelrc label span { color: #d60000; }
#fosys .contrc { float: left; width: 468px; margin: 0; }
#fosys .contrc input { width: auto; border: 0; position: relative; top: 2px; }

/* ---------- tlacitka */
#fosys .btnlog { float: left; margin: 0; padding: 0 0 0 0; text-align: right; }
#fosys .btnlog input { width: 95px; }
#fosys .btnreg { float: left; margin: 0; padding: 3px 0 0 0; text-align: left; }
#fosys .btnreg input { width: 95px; }

/* ---------- tlacitka - vyl=vyloučit, del=zrusit, zob=zobrazit */
#fosys .btnsave     { float: left; width: 100px; margin: 0; padding: 0; text-align: left; }
#fosys .btnsave input { width: 95px; }
#fosys .btncancel { float: left; width: 100px; margin: 0; padding: 0; text-align: right; }

#fosys .btncancel input { width: 95px; }
#fosys .btnzob { float: left; width: 200px; margin: 0; padding: 0; text-align: right; }
#fosys .btnzob input { width: 95px; }
#fosys .btnhtmleeditor { float: left; width: 150px; margin: 0; padding: 0; text-align: right; }

/* ---------- tlacitka - new (SlideEdit.aspx, ..) */
#fosys .btncont   { float: left; width: 465px; margin: 0; padding: 0; text-align: left; position: relative; }
#fosys .btncont input { width: 95px; }
#fosys .btncont input.in200 { width: 200px; }
#fosys .btncont input.inauto { width: auto; }
#fosys .btncont input.in430.right { width: 430px; float: right; }
#fosys .btncont input.inimg { width: 24px; height: 24px; position: absolute; top: 0; right: 0; }
#fosys .label input.inimg { width: 24px; height: 24px; }

#fosys .btncontW2   { float: left; width: 365px; margin: 0; padding: 0; text-align: left; position: relative; }
#fosys .btncontW2 input { width: 95px; }

/* ---------- seznam - ul,li - (UserSettings.aspx, ..) */
#fosys ul { display: block; margin: 0 0 0 20px; padding: 5px 0 0 0; list-style: square /* url("../../images/odrazka.gif") */; }
#fosys li { margin: 0; padding: 0 0 0px 0px; }

/* ---------- h135 (pretypovani vysky) - (UserSetting.aspx, ..) */
#fosys .h135  { display: block; height: 135px; }

/* ------------------------------------------------------------ FOSYSTERM ------------------------------------------------------------  */

/* ---------- form - FOSYSTERM (DictNewTerm.aspx, ..) */
#fosysboxTerm { width: 692px; margin: 0; border: #eaeaea 1px solid; padding: 0; /* background: #eaeaea; */ }
#fosysTerm    { margin: 0; border: 0; padding: 2px; }
#fosysTerm100 { width: auto; margin: 0; border: 0; padding: 0; background: #f5f5f5; } /* pro tabulku uvnitr, ktera budu mit sirku 100% */

#fosysTerm h2      { margin: 0; border: 0; padding: 0 0 10px 0; font-size: 100%; font-weight: bold; color: green; text-transform: uppercase; background: transparent; }
#fosysTerm h2 span { text-transform: none; }
#fosysTerm h3      { margin: 0; border: 0; padding: 3px 0 2px 3px; font-size: 100%; font-weight: bold; background: transparent; }

#fosysTerm .line  { clear: left; /*float: left;*/ width: 688px; height: 25px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosysTerm .label { float: left; width: 220px; margin: 0; padding: 0;  color: black; }
#fosysTerm .cont { float: right; width: 468px; margin: 0; padding: 0; }
#fosysTerm .btnsaveTerm { float: right; width: 100px; margin: 0; padding: 0; text-align: left; }
#fosysTerm .label label { display: block; padding: 3px 5px 0 3px; }
#fosysTerm .label label span { color: #d60000; }
#fosysTerm .cont input { width: 465px; }
#fosysTerm .cont input.infind  { width: 360px; }
#fosysTerm .cont input.btnfind { width: 95px; }
#fosysTerm .cont select { width: 468px; }
#fosysTerm .contxt     { float: right; width: 468px; margin: 0; padding: 0; }
#fosysTerm .contxt div { padding: 3px 5px 0 0; }
#fosysTerm .errorstyle, #reg .errorStyle { display: block; width: 688px; height: 20px; text-align: right; color: #d60000; }

/* ---------- tlacitka */
#fosysTerm .btnsave     { float: left;  width: 100px; margin: 0; padding: 0; text-align: left; }
#fosysTerm .btnsave input { width: 95px; font-size: 10pt; }
#fosysTerm .btncancel { float: left; width: 100px; margin: 0; padding: 0; text-align: right; }
#fosysTerm .btncancel input { width: 95px; }
/* ---------- tlacitka - new */
#fosysTerm .btncont   { float: left; width: 465px; margin: 0; padding: 0; text-align: left; }
#fosysTerm .btncont input { width: 95px; }
#fosysTerm .btncont input.in200 { width: 200px; }
#fosysTerm .btncont input.inauto { width: auto; }

/* ---------- line100 - 5x height */
#fosysTerm .line100   { clear: left; /*float: left;*/ width: 688px; height: 100px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosysTerm .line130   { height: 130px; }
#fosysTerm .line100 .label { float: left; width: 220px; margin: 0; padding: 0; color: black; }
#fosysTerm .line100 .label label { display: block; padding: 3px 5px 0 3px; }
#fosysTerm .line100 .cont { display: block; padding: 0; }
#fosysTerm .line100 .cont textarea { width: 463px; height: 93px; position: relative; top: 0; }

/* ---------- seznam - ul,li */
#fosysTerm ul { display: block; margin: 0 0 0 20px; padding: 5px 0 0 0; list-style: square /* url("../../images/odrazka.gif") */; }
#fosysTerm li { margin: 0; padding: 0 0 0px 0px; }

/* ------------------------------------------------------------ FOSYSMAIL -----------------------------------------------------------  */

/* ---------- form - FOSYSMAIL */
#fosysboxmail { width: 692px; margin: 0; border: #eaeaea 1px solid; padding: 0;}
#fosysmail    { margin: 0; border: 0; padding: 2px; position: relative; }
#fosysmail100 { width: auto; margin: 0; border: 0; padding: 0; background: #f5f5f5; } /* pro tabulku uvnitr, ktera budu mit sirku 100% */

#fosysmail h2      { margin: 0; border: 0; padding: 0 0 10px 0; font-size: 100%; font-weight: bold; color: green; text-transform: uppercase; background: transparent; }
#fosysmail h2 span { text-transform: none; }
#fosysmail h3      { margin: 0; border: 0; padding: 3px 0 2px 3px; font-size: 100%; font-weight: bold; background: transparent; }

#fosysmail .line  { clear: left; /*float: left;*/ width: 688px; height: 25px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosysmail .label { float: left; width: 220px; margin: 0; padding: 0;  color: black; }
#fosysmail .label label { display: block; padding: 3px 5px 0 3px; }
#fosysmail .cont  { float: left; width: 468px; margin: 0; padding: 0; }
#fosysmail .cont input    { width: 465px; margin: 0; padding: 0; }
#fosysmail .cont select   { width: 465px; margin: 0; padding: 0; }
#fosysmail .cont textarea { width: 465px; margin: 0; padding: 0; }

/* ---------- line short - zkrácené pro fotku */
#fosysmail .linest  { clear: left; /*float: left;*/ width: 600px; height: 25px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosysmail .linest .label { float: left; width: 220px; margin: 0; padding: 0;  color: black; }
#fosysmail .linest .label label { display: block; padding: 3px 5px 0 3px; }
#fosysmail .linest .cont  { float: left; width: 380px; margin: 0; padding: 0; }
#fosysmail .linest .cont input    { width: 377px; margin: 0; padding: 0; }
#fosysmail .linest .cont select   { width: 377px; margin: 0; padding: 0; }
#fosysmail .linest .cont textarea { width: 377px; margin: 0; padding: 0; }

/* ---------- mphoto */
#fosysmail #mphotobox { position: absolute; width: 84px; height: 79px; top: 3px; right: 3px; background: #f5f5f5; }
#fosysmail #mphoto    { margin: 0; border: 0; padding: 2px; }

/* ---------- line100 - 5x height */
#fosysmail .line100   { clear: left; /*float: left;*/ width: 688px; height: 200px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosysmail .line100 .label { display: block; width: 220px; padding: 0; }
#fosysmail .line100 .label label { display: block; padding: 3px 5px 0 3px; }
#fosysmail .line100 .cont { display: block; width: 468px; height: 200px; }
#fosysmail .line100 .cont textarea  { width: 465px; height: 196px; }

/* ---------- tlacitka */
#fosysmail .btncancel { float: left; width: 100px; margin: 0; padding: 0; text-align: right; } /* old version */
/* ---------- tlacitka - new */
#fosysmail .btncont   { float: left; width: 465px; margin: 0; padding: 0; text-align: left; }
#fosysmail .btncont input { width: 95px; }
#fosysmail .btncont input.in200 { width: 200px; }
#fosysmail .btncont input.inauto { width: auto; }

/* ---------- seznam - ul,li */
#fosysmail ul { display: block; margin: 0 0 0 20px; padding: 5px 0 0 0; list-style: square /* url("../../images/odrazka.gif") */; }
#fosysmail li { margin: 0; padding: 0 0 0px 0px; }

/* ------------------------------------------------------------ FOSYSCHAT ------------------------------------------------------------  */

/* ---------- form - FOSYSCHAT */
#fosysboxchat { width: 692px; margin: 0; border: #eaeaea 1px solid; padding: 0; }
#fosyschat    { margin: 0; border: 0; padding: 2px; position: relative; }
#fosyschat100 { width: auto; margin: 0; border: 0; padding: 0; background: #f5f5f5; } /* pro tabulku uvnitr, ktera budu mit sirku 100% */

#fosyschat h2      { margin: 0; border: 0; padding: 0 0 10px 0; font-size: 100%; font-weight: bold; color: green; text-transform: uppercase; background: transparent; }
#fosyschat h2 span { text-transform: none; }
#fosyschat h3      { margin: 0; border: 0; padding: 3px 0 2px 3px; font-size: 100%; font-weight: bold; background: transparent; }

#fosyschat .line  { clear: left; width: 688px; height: 25px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosyschat .label { float: left; width: 220px; margin: 0; padding: 0;  color: black; }
#fosyschat .label label { display: block; padding: 3px 5px 0 3px; }
#fosyschat .cont  { width: 688px; }
#fosyschat .cont input    { width: 465px; margin: 0; padding: 0; }
#fosyschat .cont select   { width: 465px; margin: 0; padding: 0; }
#fosyschat .cont textarea { width: 465px; margin: 0; padding: 0; }
#fosyschat .line100B { width: 600px; }

/* ---------- tlacitka */
#fosyschat .btnlog { padding: 0; }
#fosyschat .btncancel { float: left; width: 100px; margin: 0; padding: 0; text-align: right; } /* old version */
/* ---------- tlacitka - new */
#fosyschat .btncont   { float: left; width: 465px; margin: 0; padding: 0; text-align: left; }
#fosyschat .btncont input { width: 95px; }
#fosyschat .btncont input.in200 { width: 200px; }
#fosyschat .btncont input.inauto { width: auto; }

/* ---------- seznam - ul,li */
#fosyschat ul { display: block; margin: 0 0 0 20px; padding: 5px 0 0 0; list-style: square /* url("../../images/odrazka.gif") */; }
#fosyschat li { margin: 0; padding: 0 0 0px 0px; }

/* ---------- entry - entries list */
#entrybox { width: 692px; margin: 0; border: #eaeaea 1px solid; padding: 0; }
#entry     { margin: 0; border: 0; padding: 0px; }

#entry .efirst  { display: block; width: 692px; margin: 0; border: 0; padding: 0; color: black; background: #f5f5f5; }
#entry .esecond { display: block; width: 692px; margin: 0; border: 0; padding: 0; color: black; background: white; }

#entry h3       { margin: 0; border-bottom: 1px solid #eaeaea; padding: 5px 3px 5px 3px; }
#entry .eimg    { margin: 0; border: 0; padding: 0; position: relative; top: 2px; }
#entry .edate   { font-weight: normal; }
#entry strong   { font-weight: bold; }
#entry p        { margin: 0; border: 0; padding: 5px 3px 5px 3px; }

/* ------------------------------------------------------------ FOSYSLONG ------------------------------------------------------------  */

/* ---------- form - FOSYSLONG */
#fosysboxLong     { width: 692px; margin: 0; border: #eaeaea 1px solid; padding: 0; /* background: #eaeaea; */ }
#fosysLong .line  { clear: left; /*float: left;*/ width: 688px; height: 25px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }
#fosysLong .cont  { float: right; width: 468px; margin: 0; padding: 0; }
#fosysLong .cont input { width: 465px; }
#fosysLong .btnsave { float: left; width: 468px; margin: 0; padding: 0; text-align: left; }
#fosysLong .btnsave input { width: 228px; }

/* ------------------------------------------------------------ FOVOC ------------------------------------------------------------  */

/* ---------- fovoc - general */
#fovocbox  { width: 392px; margin: 0; border: #eaeaea 1px solid; padding: 0; }
#fovoc       { margin: 0; border: 0; padding: 2px; }
#fovoc .line { display: block; clear: both; width: 388px; height: 24px; margin: 2px 0 0 0; padding: 0; background: #cce081; background: #f5f5f5; }   
#fovoc .contall { width: 388px; margin: 0; padding: 1px 5px 0 3px; text-align: left; position: relative; }
#fovoc .contall .vocplayimg { display: block; position: absolute; top: 4px; right: 16px; }
#fovoc .contall label { display: block; padding: 2px 5px 0 0; }

/* ---------- fovoc - image buttons */
#fovoc a.btnsmile, #fovoc a.btnneutral, #fovoc a.btnglum
{ display: block; width: 378px; margin: 0; border: #d6d6d6 1px solid; padding: 2px 0 2px 2px; 
  font-weight : normal; text-decoration: none; color: black; background: #fafafa; }  
#fovoc a.btnsmile:hover, #fovoc a.btnneutral:hover, #fovoc a.btnglum:hover
{ display: block; width: 378px; margin: 0; border: #d6d6d6 1px solid; padding: 2px 0 2px 2px; 
  font-weight: normal; text-decoration: none; color: #333333; background: #eaeaea; }  
#fovoc a.btnsmile         { background: #fafafa url("../../images/smile_yes.png") 99% 1px no-repeat; }
#fovoc a.btnneutral       { background: #fafafa url("../../images/smile_neutral.png") 99% 1px no-repeat; }
#fovoc a.btnglum          { background: #fafafa url("../../images/smile_no.png") 99% 1px no-repeat; }
#fovoc a.btnsmile:hover   { background: #eaeaea url("../../images/smile_yes.png") 99% 1px no-repeat; }
#fovoc a.btnneutral:hover { background: #eaeaea url("../../images/smile_neutral.png") 99% 1px no-repeat; }
#fovoc a.btnglum:hover    { background: #eaeaea url("../../images/smile_no.png") 99% 1px no-repeat; }

/* ---------- fovoc - tlacitka */
#fovoc .contall input { width: 95px; position: relative; top: -1px; }
#fovoc .contall input.in200 { width: 200px; }
#fovoc .contall input.inauto { width: auto; }

/* ---------- table for ConnectorElement */
.lblpair { width: 60px; display: block; font-weight: bold; }
.inputpair { width: 290px; }

/* ------------------------------------------------------------ OTHER --------------------------------------------------------------  */

.center { text-align: center; }

.input200 select, .input200 option { width: 200px; }
.inputmax select, .inputmax option { width: 640px; }
.inputemail input { width: 460px; }
.btns { width: 95px; }
.orderdialoginput { width:99%; }


/* ------------------------------------------------------------ END ----------------------------------------------------------------  */
.error { color: red; }
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;z-index:100; }

/*------------DEBUG----------------*/
#fosys .debug, .debug { background: yellow; }
/*------------End Debug------------*/

/*------------Table ttestparams----------------*/
table.ttestparams { width: 688px; font-size: 100%; border: 0; color: black; background: #f5f5f5; }
table.ttestparams tr { }
table.ttestparams .header span { display: block; margin: 2px 0 2px 0; }
table.ttestparams th { vertical-align: middle; padding: 2px 2px 2px 2px; min-height: 24px; }
table.ttestparams td { vertical-align: top; padding: 2px 2px 2px 2px; border-top: 2px solid white; min-height: 24px; }
table.ttestparams td img { margin: 0 2px 1px 0; vertical-align: middle; }
table.ttestparams td select, table.ttestparams td option { width: 120px; }
table.ttestparams td select.optionevaluate, table.ttestparams td option.optionevaluate { width: 377px; }
table.ttestparams td label { display: block; position: relative; top: 1px; margin-left: 2px; }
/*------------End of Table ttestparams----------------*/

.readonly { background-color: #d4d0c8; }