@charset "utf-8"; /* WEBSITE SCREEN CSS */ /* Theme name: _default */ /* Author: info@netventic.com */ /*------ ## GENERAL ## -----------------------------------------------------------------*/ /* TAGS */ html {height:100%;} body {font-family: Arial, sans-serif; font-size: medium; color: #000; text-align: center; border: 0px none;} h1 {color: #000; font-size: 260%;} h2 {color: #0089d0; font-size: 200%; font-weight: normal; padding: 0; margin: 0.3em 0 0.1em 0;} h3 {color: #000; font-size: 160%; font-weight: normal; padding: 0; margin: 0.8em 0;} h4 {color: #666; font-size: 130%; font-weight: normal; padding: 0; margin: 0.8em 0;} h5 {color: #666; font-size: 113%; padding: 0; margin: 0.8em 0;} h6 {color: #666; font-size: 100%; padding: 0; margin: 0.8em 0;} acronym { cursor: help; border-bottom: dotted 1px black;} form {} legend {background-color: #0089d0; color: #FFFFFF; font-weight: normal; padding: 0.3em 1.5em;} fieldset {border: 1px solid #DEDEDE; margin: 1em 0; padding: 1em;} label {} input {clear: left;} hr {border-top: solid 1px #EBEDEF; border-right: none; border-bottom: none; border-left: none} table {border-collapse: collapse;} table th {text-align: center;} del { font-size: 85%; color: #666666; text-decoration: line-through;} /* LINKS */ a:link {color: #1f8afa;} a:visited {color: #1f8afa;} a:hover {color: #000;} a:active {color: #000;} /*------ ## MASTER PAGE TEMPLATE (MPT) ## -----------------------------------------------------------------*/ /* MPT is a special type of template, which contains only parts of page which are common for the pages in website using this MPT. This is usually a header, main menu and footer. Master Pae Template is stored in *.tpl.php format and placed in \templates\site\themes\\tpl\masterpage\ folder. */ /*------ MPT 1 - FIXED WIDTH PAGE -----------------------------------------------------------------*/ /* master page template with fixed width layout */ /* used by MPT fixed_width.tpl.php */ /* BODY */ #fixed {text-align: left; margin: 0; padding: 0 0; background: url("../images/bg/page-2025.jpg") top center no-repeat #fff; } /* WRAPPERS */ #fixed #wrapper {} #fixed #main {padding: 1em 0; min-height: 300px;} /* wrappers backgrounds */ #fixed .bg1col {/*background: url("../images/bg/1col.png") top left repeat-y;*/} #fixed .bg2cols {/*background: url("../images/bg/2col.png") top left repeat-y;*/} #fixed .bg3cols {/*background: url("../images/bg/3col.png") top left repeat-y;*/} /* for vertically centered layout only */ #fixed #wrapper5 {height: 456px; margin-left: auto; margin-right: auto; text-align: left;} /* for pages loaded into iframe */ #wrapper6 {width: auto; text-align: left; background-color: #FFF;} /* COLUMNS */ #fixed .leftCol {} #fixed .centerCol {} #fixed .rightCol {} /* LAYOUTS */ #fixed .tpl_3_cols_grid_3_6_3 .rightCol {float: right !important;} /* FOOTER */ #fixed #footer {margin: 0px auto; text-align: left;} #fixed #footer p {font-size: 83%; color: #999999; margin: 0; padding: 2.8em 12px;} #fixed #footer p a {color: #999999; text-decoration: none;} /* 984px GRID SYSTEM */ /* 12 Columns / Margin left + right: 12px */ #fixed {min-width: 984px;} /* =Containers --------------------------------------------------------------------------------*/ #fixed .container_12 {margin-left: auto; margin-right: auto; width: 984px;} /* =Grid >> Global --------------------------------------------------------------------------------*/ #fixed .grid_1, #fixed .grid_2, #fixed .grid_3, #fixed .grid_4, #fixed .grid_5, #fixed .grid_6, #fixed .grid_7, #fixed .grid_8, #fixed .grid_9, #fixed .grid_10, #fixed .grid_11, #fixed .grid_12 {display: inline; float: left; margin-left: 12px; margin-right: 12px;} #fixed .push_1, #fixed .pull_1, #fixed .push_2, #fixed .pull_2, #fixed .push_3, #fixed .pull_3, #fixed .push_4, #fixed .pull_4, #fixed .push_5, #fixed .pull_5, #fixed .push_6, #fixed .pull_6, #fixed .push_7, #fixed .pull_7, #fixed .push_8, #fixed .pull_8, #fixed .push_9, #fixed .pull_9, #fixed .push_10, #fixed .pull_10, #fixed .push_11, #fixed .pull_11 {position: relative;} /* =Grid >> Children (Alpha ~ First, Omega ~ Last) --------------------------------------------------------------------------------*/ #fixed .alpha {margin-left: 0;} #fixed .omega {margin-right: 0;} /* =Grid >> 12 Columns --------------------------------------------------------------------------------*/ #fixed .container_12 .grid_1 {width: 58px;} #fixed .container_12 .grid_2 {width: 140px;} #fixed .container_12 .grid_3 {width: 222px;} #fixed .container_12 .grid_4 {width: 304px;} #fixed .container_12 .grid_5 {width: 386px;} #fixed .container_12 .grid_6 {width: 468px;} #fixed .container_12 .grid_7 {width: 550px;} #fixed .container_12 .grid_8 {width: 632px;} #fixed .container_12 .grid_9 {width: 714px;} #fixed .container_12 .grid_10 {width: 796px;} #fixed .container_12 .grid_11 {width: 878px;} #fixed .container_12 .grid_12 {width: 960px;} /* =Prefix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ #fixed .container_12 .prefix_1 {padding-left: 82px;} #fixed .container_12 .prefix_2 {padding-left: 164px;} #fixed .container_12 .prefix_3 {padding-left: 246px;} #fixed .container_12 .prefix_4 {padding-left: 328px;} #fixed .container_12 .prefix_5 {padding-left: 410px;} #fixed .container_12 .prefix_6 {padding-left: 492px;} #fixed .container_12 .prefix_7 {padding-left: 574px;} #fixed .container_12 .prefix_8 {padding-left: 656px;} #fixed .container_12 .prefix_9 {padding-left: 738px;} #fixed .container_12 .prefix_10 {padding-left: 820px;} #fixed .container_12 .prefix_11 {padding-left: 902px;} /* =Suffix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ #fixed .container_12 .suffix_1 {padding-right: 82px;} #fixed .container_12 .suffix_2 {padding-right: 164px;} #fixed .container_12 .suffix_3 {padding-right: 246px;} #fixed .container_12 .suffix_4 {padding-right: 328px;} #fixed .container_12 .suffix_5 {padding-right: 410px;} #fixed .container_12 .suffix_6 {padding-right: 492px;} #fixed .container_12 .suffix_7 {padding-right: 574px;} #fixed .container_12 .suffix_8 {padding-right: 656px;} #fixed .container_12 .suffix_9 {padding-right: 738px;} #fixed .container_12 .suffix_10 {padding-right: 820px;} #fixed .container_12 .suffix_11 {padding-right: 902px;} /* Push Space >> 12 Columns --------------------------------------------------------------------------------*/ #fixed .container_12 .push_1 {left: 82px;} #fixed .container_12 .push_2 {left: 164px;} #fixed .container_12 .push_3 {left: 246px;} #fixed .container_12 .push_4 {left: 328px;} #fixed .container_12 .push_5 {left: 410px;} #fixed .container_12 .push_6 {left: 492px;} #fixed .container_12 .push_7 {left: 574px;} #fixed .container_12 .push_8 {left: 656px;} #fixed .container_12 .push_9 {left: 738px;} #fixed .container_12 .push_10 {left: 820px;} #fixed .container_12 .push_11 {left: 902px;} /* Pull Space >> 12 Columns --------------------------------------------------------------------------------*/ #fixed .container_12 .pull_1 {left: -82px;} #fixed .container_12 .pull_2 {left: -164px;} #fixed .container_12 .pull_3 {left: -246px;} #fixed .container_12 .pull_4 {left: -328px;} #fixed .container_12 .pull_5 {left: -410px;} #fixed .container_12 .pull_6 {left: -492px;} #fixed .container_12 .pull_7 {left: -574px;} #fixed .container_12 .pull_8 {left: -656px;} #fixed .container_12 .pull_9 {left: -738px;} #fixed .container_12 .pull_10 {left: -820px;} #fixed .container_12 .pull_11 {left: -902px;} /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after {content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} .clearfix:after {clear: both;} /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix {zoom: 1;} /*------ MPT 2 - FLUID LAYOUT -----------------------------------------------------------------*/ /* master page template with fluid width layout */ /* used by MPTs fluid_width.tpl.php, fluid_width_content_only.tpl.php */ /* BODY */ #fluid {text-align: left; margin: 15px 30px; padding: 0; background: url("../images/bg/page-2025.jpg") top left repeat-x #dcdfe3;} /* WRAPPERS */ #fluid #wrapper {background-color: #fff; -moz-box-shadow: 0px 0px 8px #999999; -webkit-box-shadow: 0px 0px 8px #999999; -khtml-box-shadow: 0px 0px 8px #999999; box-shadow: 0px 0px 8px #999999;} #fluid #main {padding: 1em 12px; min-height: 300px;} /* COLUMNS */ #fluid .leftCol {} #fluid .centerCol {} #fluid .rightCol {} /* PAGE LAYOUTS */ /* 2-col layout (1. col: fixed width, 2. col: variable width) */ #fluid .tpl_2_cols_fix_var .leftCol {float: left; width: 222px;} #fluid .tpl_2_cols_fix_var .rightCol {margin: 0 0 0 222px; padding: 0 0 0 24px;} /* 2-col layout (1. col: variable width, 2. col: fixed width) */ #fluid .tpl_2_cols_var_fix .leftCol {margin: 0 222px 0 0; padding: 0 24px 0 0;} #fluid .tpl_2_cols_var_fix .rightCol {float: right; width: 222px;} /* 2-col layout (1. col: 20% width, 2. col: 80% width) */ #fluid .tpl_2_cols_20_80 .leftCol {float: left; width: 20%;} #fluid .tpl_2_cols_20_80 .rightCol {width: 80%; margin: 0 0 0 20%;} /* 2-col layout (1. col: 70% width, 2. col: 30% width) */ #fluid .tpl_2_cols_70_30 .leftCol {float: left; width: 70%;} #fluid .tpl_2_cols_70_30 .rightCol {width: 30%; margin: 0 0 0 70%;} /* 3-col layout (1+3. col: fixed width, 2. col: variable width) */ #fluid .tpl_3_cols_fix_var_fix .leftCol {float: left; width: 222px;} #fluid .tpl_3_cols_fix_var_fix .centerCol {margin: 0 222px; padding: 0 24px;} #fluid .tpl_3_cols_fix_var_fix .rightCol {float: right; width: 222px;} /* footer */ #fluid #footer {width: auto; clear: left; margin: 0px auto; text-align: left;} #fluid #footer p {font-size: 83%; color: #999999; margin: 0; padding: 2.8em 12px;} #fluid #footer p a {color: #999999; text-decoration: none;} /*------ MPT 3 - VERTICALLY CENTERED PAGE -----------------------------------------------------------------*/ /* vertically centered page layout, suitable for login screen etc */ /* used by MPT vertical_centered.tpl.php */ #verticalCentered #vcDistance {width: 1px; height: 40%; background-color: none; margin-bottom: -14.5em; float: left;} #verticalCentered #vcContainer {margin: 0 auto; position: relative; text-align: center; height: 27.5em; width: 45em; clear: left;} #verticalCentered #vcIntro h1 {display: none;} /* for vertically centered layout only */ #verticalCentered #wrapper5 {height: 456px; margin-left: auto; margin-right: auto; text-align: left;} /*------ ## PAGE LAYOUT (PL) ## -----------------------------------------------------------------*/ /* The PL defines the layout of the page content. The PL ussually contains basic HTML structure and contains web parts or web part zones. */ /* Page Content Wrapper */ .contentContent { padding: 10px 0;} .contentContent2 { padding: 0;} /* headings */ .contentContent h2 {} /* perex */ div.perex {color: #585858; font-size: 130%; padding: 0.3em 0; border-bottom: dotted 1px #ccc; margin: 0;} /* custom styles */ .contentList {text-align: left; padding: 0 1.5em; margin: 0; list-style: url("../images/bullet1.png");} .contentTable {border-collapse: collapse; border: solid 1px #CCC; width: 100%; margin: 0.5em 0;} .contentTable th {padding: 0.8em 0.1em; vertical-align: middle; text-align: center; background-color: #000; color: #CCC;} .contentTable td {border-bottom: solid 1px #CCC; border-right: dotted 1px #CCC; padding: 0.5em !important;} .yellowMarker { background-color: #FF3;} .pageHiglight {background-color: #ffff99; color: #000; font-size: 120%; padding: 1em; margin: 0.6em 0 1.5em 0; -moz-border-radius: 6px; -webkit-border-radius: 6px;} /* editor templates */ /* 2 col content layout*/ .editorLayout2colTable {border-collapse: collapse; width: 100%; margin: 0; border: 0;} .editorLayout2colTable>tbody>tr>td {width: 50%; padding: 1.5em; vertical-align: top;} /* 3 col content layout*/ .editorLayout3colTable {border-collapse: collapse; width: 100%; margin: 0; border: 0;} .editorLayout3colTable>tbody>tr>td {width: 33%; padding: 0.5em 1.5em; vertical-align: top;} /* universal box */ .uniBox1 {margin-bottom: 10px;} .uniBox1>h2, .uniBox1>h3 {padding: 0.5em; margin: 0; background-color: #F0F0F0; color: #000; font-size: 100%; font-weight: bold;} .uniBox1 img {border: none;} /* layout table - used by docserver and test run templates to layout the page content */ #layoutTable { width: 100%; border-collapse: collapse;} #layoutTable a {color: #0033ff;} #layoutTable>tbody>tr>td { vertical-align: top; border: solid 1px #e1e4e9; padding: 0.5em;} /*------ EXTRA IMAGES -----------------------------------------------------------------*/ /* these extra divs may be used as dummy objects to add extra images into design */ #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv3 span, #extraDiv4, #extraDiv5, #extraDiv6, #extraDiv6 span {position: absolute;} #extraDiv1 {} /* more to add... */ #extraDiv2 {} /*------ WEB PARTS (WPs) -----------------------------------------------------------------*/ /* Webparts allow you to display content and integrate features. You can easily create your own WEB PARTs. Webpart templates for rendering content on live website are stored in *.tpl.php format and placed in \templates\site\themes\\tpl\webparts\ folder. */ /* WP :: GENERAL STYLES */ .wpWrapperMini {margin-bottom: 10px;} .wpWrapperMini>h3 {padding: 0.5em; margin: 0; background-color: #F0F0F0; color: #000; font-size: 100%;} .wpWrapperMini img {border: none;} /* WEB PART :: HEAD */ #head { display: block; position: relative; width: 100%; height: 150px; margin: 0; padding: 0; background-image: url("../images/bg/head-2025.png"); background-position: left top; background-repeat: no-repeat;} #headAccount {position: absolute; top: 24px; right: 12px; width: 600px; text-align: right;} #headAccount .warning {display: none !important;} /*forces the duplicated warning msg on login page to disappear*/ /* WEB PART :: LOGO (IMAGE) */ #logo {position: absolute; top: 25px; left: 25px; } #logo, #logo a {display: block; width: 350px; height: 100px; margin: 0; padding: 0;} #logo span {display: none;} #logo img {border: none; display: none;} /* WEB PART :: LOGO (TEXT) */ #logoText {position: absolute; top: 50px; left: 35px; display: block; width: 340px; margin: 0; padding: 0; color: #0089d0; font-size: 150%;} #logoText a {display: block; text-decoration: none; color: #0089d0;} /* Page Top Anchor*/ #pagetop {visibility: hidden; position: absolute; top: 0} /* WEB PART :: LANGUAGE SWITCH */ #languages {font-size: 85%; color: #000; text-align: right; display: none; /*HIDDEN*/} #languages p { padding: 1em 0; margin: 0;} #languages a { text-decoration: none; color: #666;} #languages a:hover { text-decoration: underline; color: #333;} /* WEB PART :: CERTIFICATES */ #certificateWrapper {position: relative; margin: 0 auto;} #certificateWrapper #certificate {} #certificateWrapper #content {position: absolute; top: 0; left: 0;} /* WEB PART :: BREADCRUMB */ .breadCrumbNavi {width: 100%; clear: both; padding: 0; color: #000; font-size: 85%;} .breadCrumbNavi p {padding: 10px; margin: 0;} .breadCrumbNavi a { color: #333;} /* WEB PART :: CART BOX */ /* cart box 1 */ #cartBox1 {padding: 10px 10px 5px 10px; color: #fff; text-align: left; background: url("../images/icons/cart-32x32.png") 150px center no-repeat #daedfc;} #cartBox12 {position: relative;} #cartBoxP { padding: 1em; margin: 0; font-weight: bold;} #cartBoxP a:hover { color: #FFF;} /* cart box info */ #cartInfo1 {position: absolute; width: 160px; top: 38px; left: 0; border: solid 1px #71BEF9; background: #012545; color: #FFF; display: none; z-index: 100; padding: 1em 1em 1em 1em; margin: 0; text-align: left;} #cartInfo1 p {padding: 0.5em; margin: 0;} #cartInfo1 a { color: #FFFF00;} #cartInfo1 a:hover { color: #FFF;} /* WEB PART :: SHOPPING CART */ #cartBig {width: 100%; border-collapse: collapse; border: solid 1px #96CFFB; background-color: #FFF;} #cartBig th {padding: 0.5em; vertical-align: middle; text-align: center; border-bottom: solid 1px #96CFFB; color: #005CA8; background-color: #82d1f5;} #cartBig td {padding: 0.5em; vertical-align: middle; text-align: left; border-bottom: dotted 1px #96CFFB;} #cartBig img {border: none; vertical-align: middle;} /* prices */ .orderPrice { font-size: 140%;} /* buttons */ #cartBigSendOrder {font-weight: bold;} /* deliveries */ .cartDeliveries { width: 100%} .cartDeliveries h3 {color: #2661A2;} /* WEB PART :: LOGIN FORM */ .wpLoginForm {padding: 1em; background-color: #f0f0f0;} .wpLoginForm input {padding: 0.5em; margin: 0.5em 0;} .wpLoginForm label {font-weight: bold;} /* WEB PART :: LOGIN FORM MINI */ .wpLoginFormMini {margin-top: 5px;} .wpLoginFormMini h3 { padding: 0.3em 0; margin: 0; color: #000; font-size: 100%; border-bottom: dotted 1px #ccc;} .wpLoginFormMini form { padding: 0; margin: 0;} .wpLoginFormMini p {} .wpLoginFormMini input {margin-bottom: 10px;} .wpLoginFormMini a {} .wpLoginFormMini a:hover {} .wpLoginFormMini .poleSearch {color: #999;} .wpLoginFormMini .inputLogin {width: 200px;} .wpLoginFormMini .inputPass {width: 115px;} /* WP :: Logout Button*/ #logoutForm {display: inline-block; margin-left: 1em;} .loggedLang {} .loggedFullname {font-weight: bold;} /*icons*/ .logout {display: inline-block; min-height: 16px; padding-left: 18px; background: url("../images/icons/logout.png") top left no-repeat;} .login {display: inline-block; min-height: 16px; padding-left: 18px; background: url("../images/icons/login.png") top left no-repeat;} /* WEB PART :: BANNER */ /* banner box 1 */ .bannerBox1 {width: auto; margin: 0; padding: 0; text-align: center;} .bannerBox1cont {margin: 0; padding: 10px;} .bannerBox1 img {border: solid 1px #ccc;} /* banner box 2 */ .bannerBox2 {width: auto; text-align: center; clear: both; display: none;} .bannerBox2cont {margin: 0; padding: 0; background-color: #fff;} .bannerBox2 img {border: none;} /* WEB PART :: USER ACCOUNT */ #accountBox {float: right; width: 240px; text-align: right; color: white; font-size: 83%; } #accountBox p {padding: 15px 1em 0 0; margin: 15px 0 0.5em 0; background: url("../images/bg/account-box-div.png") top left repeat-y;} #accountBox a {color: white;} /* WEB PART :: PAGING - DEPRECATED, refactoring needed */ /* 3 cells table */ .spodniLista {width: 100%; border-collapse: collapse; background-color: #82d1f5; margin: 1.5em 0; color: #000;} .spodniLista td {border: none; padding: 0.8em; vertical-align: middle;} /* cisla */ .strankovaniCisloActive a {padding: 3px 6px; color: #016acc; border: solid 1px transparent;} .strankovaniCisloActive a:hover {border: solid 1px #000 !important;} .strankovaniCislo {padding: 3px 6px; background-color: #016acc; border: solid 1px #016acc; color: #FFF;} /* BOTTOM BUTTONS BAR - DEPRECATED*/ /* 2 cells table */ .bottomBar { width: 100%; border-collapse: collapse; background-color: #82d1f5; margin: 1.5em 0; color: #000;} .bottomBar td {width: 50%; border: none; padding: 1em !important; vertical-align: middle;} .bottomBar p { padding: 0; margin: 0;} /* paging info*/ .pagingInfo {color: #808080; font-size: 93%;} /* WEB PART :: HORIZONTAL DROPDOWN MENU */ /* Displays a dynamically generated horizontal navigation menu. */ /* Menu Wrapper */ #topMenuWrapper {float: left; width: 100%; background: #0089d0;} /* Menu list */ .horizontalDropdownMenu {float: left; width: auto; list-style: none; padding: 0; margin: 0; z-index: 100;} .horizontalDropdownMenu a {text-decoration: none;} .horizontalDropdownMenu>li {float: left; width: auto; list-style: none; margin: 0;} .horizontalDropdownMenu>li>div {width: auto;} .horizontalDropdownMenu>li>div>a {display: block; width: auto; font-weight: bold; padding: 11px 1.3em 11px 1.3em; color: #FFF;} .horizontalDropdownMenu>li>a>span {} .horizontalDropdownMenu a.tree {} /* Level 2 */ .horizontalDropdownMenu li ul {position: absolute; left: -999em; height: auto; padding: 0; margin: 0; width: 275px; list-style: none; z-index: 100; background-color: #0089d0; border: solid 1px #016acc;} .horizontalDropdownMenu li li {font-weight: normal; width: auto; /*background: #fff;*/} .horizontalDropdownMenu li li a { display: block; padding: 0.6em 1.6em; width: auto; color: #fff !important; background: url("../images/bullet7.png") 5px 0.8em no-repeat; border-bottom: solid 1px #016acc;} .horizontalDropdownMenu li li a:hover {background: url("../images/bullet7.png") 5px 0.8em no-repeat #016acc;} .horizontalDropdownMenu li li div {} /* megadropdown */ .dropHeader {width: 275px; height: 0px !important; padding: 0; margin: 0; /*background: url("../images/bg/menu-1-dropdown-bd.png") top left repeat;*/} .dropBody { width: 275px; height: auto; padding: 0; margin: 0;} .dropFooter {width: 275px; height: 0px !important; padding: 0; margin: 0; /*background: url("../images/bg/menu-1-dropdown-bd.png") top left repeat;*/} /* submenu items width */ .horizontalDropdownMenu li li {} /* submenu items padding */ .horizontalDropdownMenu li ul a {width: auto;} .horizontalDropdownMenu li ul span {width: auto;} /* Level 3 */ .horizontalDropdownMenu li ul ul {margin-top: -25px; margin-left: 270px; font-size: 100% !important;} .horizontalDropdownMenu li li li {} /* blackbox */ .horizontalDropdownMenu li:hover ul ul, .horizontalDropdownMenu li:hover ul ul ul, .horizontalDropdownMenu li.sfhover ul ul, .horizontalDropdownMenu li.sfhover ul ul ul {left: -999em;} .horizontalDropdownMenu li:hover ul, .horizontalDropdownMenu li li:hover ul, .horizontalDropdownMenu li li li:hover ul, .horizontalDropdownMenu li.sfhover ul, .horizontalDropdownMenu li li.sfhover ul, .horizontalDropdownMenu li li li.sfhover ul {left: auto;} .horizontalDropdownMenu li:hover, .horizontalDropdownMenu li.sfhover {background: #fff;} /*hover bg - any level*/ .horizontalDropdownMenu>li:hover, .horizontalDropdownMenu>li.sfhover {} /*hover bg - first level*/ .horizontalDropdownMenu>li>div>a:hover, .horizontalDropdownMenu>li>div>a.sfhover { color: #0089d0;} /*hover bg a - first level*/ /*selected item*/ .horizontalDropdownMenu>li.active {float: left; display: block; background: #ffffff !important; color: #0089d0;} /*active bg*/ .horizontalDropdownMenu>li.active>ul {} .horizontalDropdownMenu>li.active>span, .horizontalDropdownMenu>li.active>div>a { color: #0089d0;} /*tree root*/ .horizontalDropdownMenu li ul .tree {font-weight: bold !important;} /*items with childrens*/ /* WEB PART :: VERTICAL LIST TYPE MENU (MENU 2) */ /* Displays a dynamically generated vertical navigation menu for a specified section of the website. */ /* Menu supports up to 4 levels, but N levels support is possible, just add some more definitions. */ .verticalListMenu {width: auto; font-size: 93%;} .verticalListMenu h2, .verticalListMenu>h3 {padding: 0.5em; margin: 0; background-color: #f0f0f0; color: #000; font-size: 100%; font-weight: bold;} .verticalListMenu>ul {padding: 10px 0 !important; margin-bottom: 5px !important;} .verticalListMenu ul, .verticalListMenu li {padding: 0; margin: 0; } .verticalListMenu li {background: none; display: block; list-style: none;} .verticalListMenu a {color: #000; text-decoration: none; padding: 0.5em 5px 0.5em 25px; display: block; border-bottom: dotted 1px #ccc;} .verticalListMenu a:hover, .verticalListMenu a:focus {color: #666; background-color: #f0f0f0;} .verticalListMenu span {color: #666666; text-decoration: none; padding: 0.5em 3px 0.5em 20px; display: block; } .verticalListMenu .active {background: url("../images/bg/menu-ico.png") 10px 4px no-repeat; background-color: #daedfc;} /* Level 1 */ /* a, span */ .verticalListMenu>ul>li>a, .verticalListMenu>ul>li>span { background: url('../images/bullet7.png') 12px 0.8em no-repeat;} /* active a, span */ .verticalListMenu>ul>li.active>a, .verticalListMenu>ul>li>ul>li.active>a, .verticalListMenu>ul>li.active>span, .verticalListMenu>ul>li>ul>li.active>span {font-weight: bold; background: url('../images/bullet8.png') 12px 0.8em no-repeat;} .verticalListMenu>ul>li.active>a.tree, .verticalListMenu>ul>li>ul>li.active>a.tree, .verticalListMenu>ul>li.active>span.tree, .verticalListMenu>ul>li>ul>li.active>span.tree {font-weight: bold; background: url('../images/bullet8b.png') 12px 0.8em no-repeat;} /* Level 2 */ .verticalListMenu li ul { display: none;} .tree:hover ul { display: block !important;} .verticalListMenu li.active ul { display: block;} .verticalListMenu>ul>li>ul>li>a, .verticalListMenu>ul>li>ul>li>span {} .verticalListMenu li ul>li>a, .verticalListMenu li ul>li>span {padding: 0.3em 3px 0.3em 35px; background: none !important;} .verticalListMenu>ul>li>ul>li.active>a, .verticalListMenu>ul>li>ul>li.active>span {background: none !important;} /* Level 3 */ .verticalListMenu li li ul>li a, .verticalListMenu li li ul>li span {padding-left: 45px; background: none !important;} .verticalListMenu li li.active ul>li a, .verticalListMenu li li.active ul>li span {padding-left: 45px; background: none !important;} /* Level 4 */ .verticalListMenu li li li ul>li>a, .verticalListMenu li li li ul>li>span {padding-left: 60px; background: none !important;} .verticalListMenu li li li.active ul>li>a, .verticalListMenu li li li.active ul>li>span {padding-left: 60px; background: none !important;} /*tree root*/ .verticalListMenu .tree { background: url('../images/bullet7b.png') 12px 0.8em no-repeat;} /*items with childrens*/ /* WEB PART :: MENU 2 STATIC */ #menuStatic li {border-bottom: dotted 1px #585858;} /* WEB PART :: HORIZONTAL TABS MENU */ .horizontalTabsMenu { float: left; width: 984px; margin-top: 1em;} .horizontalTabsMenu>ul {margin: 0; padding: 13px 1em; border-top: 1px solid #71BEF9;} .horizontalTabsMenu li {list-style: none; margin: 0; display: inline;} .horizontalTabsMenu li a {padding: 12px 2em; margin-right: 0.5em; border: 1px solid #96CFFB; border-top: 1px solid #82d1f5; background: #82d1f5; text-decoration: none;} .horizontalTabsMenu li a:link { color: #032B62; } .horizontalTabsMenu li a:visited { color: #032B62; } .horizontalTabsMenu li a:hover {color: #FFF; background: #398FD6;} .horizontalTabsMenu>ul>li.active>a, .bookmarks1cont>ul>li.active>span {color: #000; background: #FFF; border-bottom: 1px solid #71BEF9; border-right: 1px solid #71BEF9; border-left: 1px solid #71BEF9; border-top: 2px solid #FFF; } /* WEB PART :: COURSES LIST and COURSE PLAYER */ /* common - theese element should have same bg color */ .courseListItem, .courseListItemPublic, .courseDetailTop, #courseBarTop { background-color: #f0f0f0;} /* list */ #courseList { margin: 12px 0; width: 100%;} #courseList td { vertical-align: top;} .courseImage { width: 204px; padding: 12px 0; float: left;} .courseImage img { border: 0;} /* info page */ #courseDetail {width: 100%;} #courseDetail td {vertical-align: top;} .lessonImage { width: 204px; padding: 12px 0; float: left;} .lessonImage img { border: 0;} /* list items */ .courseListItem {padding: 12px; margin: 12px 0;} .courseListItemPublic {padding: 12px; margin: 12px 0;} .courseDetailTop {padding: 12px; margin-top: 12px; border-right: none; border-left: none;} .courseDetailMain {padding: 12px;} /* mini lists */ .coursesListMini {} /*info*/ .courseInfo {} .courseInfo span {display: inline-block; padding: 0.3em; background-color: #0089d0; color: #f0f0f0; font-size: 83%; font-style: italic;} .courseInfo a {color: #ffffff !important;} /* Dynatree custom styles */ .learnedString {display: none;} .dynatree-learned span.dynatree-icon {background-position: 0 0 !important; background-image: url("dynatree/skin-vista/learned.png");} .dynatree-lessonDisabled a {color: #ACACAC;} .dynatree-lessonDisabled span.dynatree-icon {background-position: 0 0 !important; background-image: url("dynatree/skin-vista/disabled.png");} /* attached items list */ .itemsList { list-style: none; padding: 0; margin: 1em 0;} .itemsList li {margin: 0.3em 0;} /* course navigation */ .lessonLearnedControlWrapper {padding: 1em 0; float: left; white-space: normal;} .learningProcessInfo {float: right; margin: 1.9em 1em 0 0;} #courseBarTop {padding: 0.5em 1em; margin-top: 1.1em;} #courseTreePopupWrapper {display: inline-block; position: relative; z-index: 1;} #courseTreePopup {position: absolute; padding: 0.5em; left: -165px; width: 300px; height: 300px; background: #fff; overflow: hidden; border: solid 3px #fff;} #courseTreePopup h5 {padding: 0.5em; margin: 0;} #courseTreePopup .closePopup {position: absolute; top: 5px; right: 5px;} #courseTreePopup .dynatree-container {height: 260px; border: solid 1px #F0F0F0;} /*scorm player*/ #scormarea {border: 0 none !important; width: 100%; height: 500px;} /*view mode switch*/ #scormViewModeSwitch {background-position: center; background-repeat: no-repeat;} #scormViewModeSwitch span {display: block; width: 22px; height: 1em;} #scormViewModeSwitch.normalScreen {background-image: url("../images/icons/fullscreen.png");} #scormViewModeSwitch.fullScreen {position: absolute; top: 20px; right: 20px; z-index: 99999; background-image: url("../images/icons/fullscreen_close.png");} #scormarea.fullScreen {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} /* button */ #enterCourse {font-size: 160%;} /* categories (ex. study programs)*/ .courseCategoriesListMini {list-style: none; padding: 0; margin: 0;} .courseCategoriesListMini li {list-style: none; display: block; float: left; margin: 6px;} .courseCategoriesListMini a {display: block; padding: 12px; width: 200px; height: 75px; border: solid 1px #ccc;} .courseCategoriesListMini a:hover {border: solid 1px #666666; background-color: #F0F0F0;} .courseCategoriesListMini img {float: left; margin-right: 12px;} /* WEB PART :: TESTS */ /* list */ .testDetail {padding: 3px 20px 3px 0; background: url("../images/icons/arrow-green-right-16x16.png") center right no-repeat; text-decoration: none;} /* layout */ .questionAnswers {border-collapse: collapse; display: table;} .questionAnswers p {margin: 0.5em 0;} /* single question */ .question {border: solid 1px #ECECEC; padding: 0.5em; margin-bottom: 1em;} .questionCaption {padding: 1em; margin: 0; font-weight: normal; background-color: #F0F0F0; border: solid 1px #ECECEC; } /* amswers */ .oddAnswer { width: 300px; background: url("../images/webparts/tests/arrow-big.png") center right no-repeat; text-align: center;} .oddAnswer2 { width: auto; height: 45px; padding: 0.3em 0 0 0.3em; margin: 1em 110px 1em 0; border: 6px solid #EFEFEF; overflow: auto;} .evenAnswer {width: 150px; height: 45px; padding: 0.3em 0 0 0.3em; margin: 1em 0; overflow: auto; text-align: center; border: 6px solid #CCC;} .evenAnswer2 { width: 150px; height: 45px; padding: 0.3em 0 0 0.3em; margin: 1em 0; overflow: auto; text-align: center; border: 1px dotted #444;} /* jquery for some question types */ .droppable {} .draggable {} .droppedAnswer {border: solid 6px #444;} .onReload {margin-top: -65px;} /* when allready dropped on reload */ /* info page */ .infoPage {border-collapse: collapse; width: 100%;} .infoPage tr {} .infoPage th {padding: 0.5em 1em; background-color: #CCCCCC; font-weight: normal;} .infoPage td {padding: 0.3em 1em;} /* finish page */ #testFinish {} #testFinish {margin: 1.5em 0; padding: 0; border-collapse: collapse; empty-cells: show; width: 100%;} #testFinish td {padding: 0.5em 1.5em; vertical-align: baseline;} .importantData {font-size: 300%;} /* content */ .graphic li { margin: 1em 0; padding: 10px;} /* list of questions */ #questionsList { margin: 1em 0;} #questionsList ul {padding: 0; margin: 0; list-style: none; width: 180px; } #questionsList li {width: 180px; padding: 0.3em 0; margin: 0; background-color: #f4f4f4; isplay: block; text-decoration: none; border-bottom: solid 1px #E1E4E9;} #questionsList span {padding: 0 10px; margin: 0 10px; } #questionsList a:hover {color: #000; background-color: #EDF2F5 !important;} /* list of questions with links */ #questionsListLinks {margin: 1em 0; border-top: solid 1px #d7d7d7;} #questionsListLinks ul {padding: 0; margin: 0; list-style: none; background-color: #f4f4f4; } #questionsListLinks li {padding: 0; margin: 0; border-top: solid 1px #fff; border-right: solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7; border-left: solid 1px #d7d7d7;} #questionsListLinks a {display: block; width: auto; padding: 0.3em; margin: 0; text-decoration: none; } #questionsListLinks a:hover {color: #000; background-color: #eeeeee !important;} /* active question */ .activeQuestion {background-color: #82d1f5; font-weight: bold;} /* notice in preview mode */ #notice { position: absolute; top: 7px; left: 200px; font-size: 90%; padding: 0.5em 1em; margin: auto 1em; border: solid 1px red; background: url("../images/back-notice-80proc.png") top left;} /* time countdown */ #countdownTime, .hasCountdown {float: right; background: none;} /* anwers */ .correctAnswer {color: #339933; font-weight: bold;} .wrongAnswer {color: #CC0000; font-weight: bold;} /* TEST ATTEMPT DETAIL */ #attemptTable {text-align: left; margin: 0; padding: 0; border-collapse: collapse; empty-cells: show; width: 100%; border: solid 1px #AEB2BA;} #attemptTable thead {border-bottom: 1px solid #D0D4D9;} #attemptTable th {padding: 1em; background-color: #F5F7F8; font-weight: normal; font-size: 90%; text-align: center;} #attemptTable td { padding: 0.5em 1em; border-right: 1px dotted #DCDFE3; vertical-align: middle;} /* 2DO nefunguje padding?! */ /* nested Q/A table */ .attemptQaTable {text-align: left; margin: 0; padding: 0; border-collapse: collapse; empty-cells: show; width: 100%;} .attemptQaTable td {vertical-align: middle; border-right: none !important; border-bottom: dotted 1px #DCDFE3; padding: 0 !important;} /* rows */ .attemptRow {border-bottom: 1px solid #AEB2BA;} .attemptSumRow {border-bottom: 1px solid #DCDFE3; background-color: #F5F7F8;} /* row over */ .attemptRowOver {border-bottom: 1px solid #AEB2BA; background-color: #FDFACA;} .attemptSumRowOver {border-bottom: 1px solid #DCDFE3; background-color: #FDFACA;} /* texts */ .qNumber {font-size: 160%; margin: 0; padding-top: 0.7em;} /* ## WEB PART :: PRODUCTS ## */ /* categories list */ .categoryList {width: auto; list-style: none; min-height: 10px; padding: 0; margin: 0 0 10px 0; overflow: hidden; } .categoryList>li {position: relative; } .categoryList h3 {margin: 0; margin-bottom: 10px; overflow: hidden; } .categoryList h3 a {text-decoration: underline; display: block; } .categoryList h3 a:hover, .productList h3 a:focus {text-decoration: none; } /* category card 1 */ .categoryCard1 {width: 160px; height: 19em; text-align: center; padding: 10px 7px; margin: 0 9px 10px 0; border: solid 1px #82d1f5; overflow: hidden; float: left; background-color: #FFFFFF;} .categoryCard1 h3 {font-size: 1em;} /* image box */ .categoryCard1 .imageBox {text-align: center; width: 160px; height: 131px; margin-bottom: 5px; border-bottom: solid 1px #82d1f5;} .categoryCard1 .imageBox td { vertical-align: middle; height: 130px} .categoryCard1 .imageBox a {width: 160px; height: 131px; margin-bottom: 5px; } .categoryCard1 .imageBox img {} /*simple categories list*/ #productsCategories {width: 984px; height: auto; clear: left; text-align: left; margin: 0px auto; background-color: #FFFFFF;} #productsCategories ul {width: 245px; float: left;} #productsCategories ul>li {} #productsCategories a {} /* list */ .productList {width: auto; list-style: none; min-height: 10px; padding: 0; margin: 0 0 10px 0; overflow: hidden; } .productList>li {position: relative; } .productList h3 {margin: 0; margin-bottom: 10px; overflow: hidden; } .productList h3 a {text-decoration: underline; display: block; } .productList h3 a:hover, .productList h3 a:focus {text-decoration: none; } /* product card 1 */ .productCard1 {width: 218px; height: 28.5em; border: solid 1px #82d1f5; text-align: center; padding: 10px; margin: 0 9px 10px 0; overflow: hidden; background: #fff; float: left;} .productCard1 h3 {font-size: 1.1em; line-height: 1.5; height: 2.8em; font-weight: bold;} /* image box */ .productCard1 .imageBox {text-align: center; width: 218px; height: 165px; margin-bottom: 5px; border-bottom: solid 1px #82d1f5;} .productCard1 .imageBox td { vertical-align: middle; height: 165px} .productCard1 .imageBox a {width: 218px; height: 160px; margin-bottom: 5px; } .productCard1 .imageBox img {} /* product card 2 */ .productCard2 {width: 160px; height: 17em; text-align: center; padding: 10px 7px; margin: 0 1px 10px 0; border-top: solid 1px #82d1f5; overflow: hidden; float: left; background-color: #FFFFFF;} .productCard2 h3 {font-size: 1em;} /* image box */ .productCard2 .imageBox {text-align: center; width: 160px; height: 131px; margin-bottom: 5px; border-bottom: solid 1px #82d1f5;} .productCard2 .imageBox td { vertical-align: middle; height: 130px} .productCard2 .imageBox a {width: 160px; height: 131px; margin-bottom: 5px; } .productCard2 .imageBox img {} /* product card 3 */ .productCard3 {width: 160px; height: 17em; text-align: center; padding: 7px 7px; margin: 0 4px 7px 0; border: solid 1px #82d1f5; overflow: hidden; float: left; background-color: #FFFFFF;} .productCard3 h3 {font-size: 1em;} /* image box */ .productCard3 .imageBox {text-align: center; width: 160px; height: 131px; margin-bottom: 5px; border-bottom: solid 1px #82d1f5;} .productCard3 .imageBox td { vertical-align: middle; height: 130px} .productCard3 .imageBox a {width: 160px; height: 131px; margin-bottom: 5px; text-decoration: none;} .productCard3 .imageBox img {} /* rating */ .productCard3 .rating_wrapper { text-align: center;} .productCard3 .base { margin: 0 auto;} /* product card 4 */ .productCard4 {width: auto; border-bottom: solid 1px #EDF8FF; padding: 10px 3px 3px 10px; clear: left;} .productCard4 h3 {font-size: 100%; padding: 0; margin: 0;} .productCard4 p { padding: 0; margin: 0.5em 0 0 0;} /* image box */ .productCard4 .imageBox {text-align: center; float: left; width: 75px; height: 75px; margin: 0 5px 0 0;} .productCard4 .imageBox a {} .productCard4 .imageBox img {} /* product card data */ .productCardData {clear: both;} .productCardData .perex { display: block; font-size: 85%; line-height: 1.2em; height: 2.4em; overflow: hidden; padding: 0; margin: 0;} .productCardData .price { color: #000; padding: 0; margin: 0.4em;} .productCardData .availabilities { font-size: 85%; padding: 0; margin: 0;} .productCardData .manufacturer { font-size: 85%;} /* filter */ .filter { background-color: #82d1f5; color: #000; padding: 0.5em 1em; margin: 0 10px 10px 0;} .filter form { padding: 0; margin: 0; vertical-align: middle;} .filter input {vertical-align: middle;} /* rating */ .rating_wrapper { text-align: center;} .productCard1 .rating_wrapper { float: right;} .base {width: 85px; margin: 0 auto; height: 100%; padding-right: 4px; overflow: hidden; background: url("../images/modules/rating/ratings.gif") 0 0 no-repeat;} .average {text-indent: -9999px; background: url("../images/modules/rating/ratings.gif") 0 -16px no-repeat;} /* WEB PART :: RECOMMENDED PRODUCTS */ .recommendedProductsBox {margin: 10px 0; padding: 10px; background-color: #82d1f5;} .recommendedProductsBox h2 { padding: 0; margin: 0 0 1em 0;} /* labels */ .productLabels1 {position: absolute; width: 100px; height: 48px; top: -5px; left: -5px; font-size: 75%; color: #FFF;} .productLabels1 span {text-decoration: none !important;} .productLabels1 .label1 {display: block; width: 100px; height: 25px; padding-top: 7px; margin-bottom: -13px; background: url('../images/webparts/labels/label1trans.png') top left no-repeat;} .productLabels1 .label2 {display: block; width: 100px; height: 25px; padding-top: 7px; margin-bottom: -13px; background: url('../images/webparts/labels/label2trans.png') top left no-repeat;} .productLabels1 .label3 {display: block; width: 100px; height: 25px; padding-top: 7px; margin-bottom: -13px; background: url('../images/webparts/labels/label3trans.png') top left no-repeat;} .productLabels1 .label4 {} /* labels set 2 */ .productLabels2 {} /* WEB PART :: PRODUCT DETAIL */ #productDetail {} /* detail part I. */ #productDetailDiv1 {float: left; width: 370px;} #productDetailDiv1cont {padding-right: 10px;} /* detail part II. */ #productDetailDiv2 { float: right; width: 340px; text-align: center;} /* summary table */ .productDetailSummary {width: 100%; border: solid 1px #CCC;} .productDetailSummary th {padding: 0.2em; vertical-align: middle; font-weight: bold; text-align: center;} .productDetailSummary td {padding: 0.2em; vertical-align: middle;} /* availabilities table */ .productDetailAvailabilities {width: 100%; border: solid 1px #CCC;} .productDetailAvailabilities th {padding: 0.2em; vertical-align: middle; font-weight: bold; text-align: center;} .productDetailAvailabilities td {padding: 0.2em; vertical-align: middle;} /* availabilities table */ .productDetailQuantityDiscount {width: 100%; margin-bottom: 1em;} .productDetailQuantityDiscount th {padding: 0.5em; vertical-align: middle; text-align: left; border-bottom: solid 1px #CCC;} .productDetailQuantityDiscount td {padding: 0.5em; vertical-align: middle; text-align: left;} /* variants table */ .productDetailVariants {width: 100%; border: solid 1px #96CFFB; margin-bottom: 1.5em;} .productDetailVariants th {padding: 0.5em; vertical-align: middle; text-align: center; border-bottom: solid 1px #96CFFB; color: #005CA8; background-color: #82d1f5;} .productDetailVariants td {padding: 0.5em; vertical-align: middle; text-align: left; border-bottom: dotted 1px #96CFFB;} .productDetailVariants .price {font-size: 140%;} .productDetailVariants .availability { color: #009933;} /* set */ .isFree { color: #009900; font-weight: bold;} /* ratings table */ .productDetailRatings { margin: 1em 0;} .productDetailRatings td {padding: 0.5em; vertical-align: middle;} /* variant selector */ .productDetailVarSelector { font-weight: bold;} /* prices */ .productDetailSummary .price { font-size: 160%; color: #000;} /* jQuery Lightbox gallery */ /* image box - master image */ #productDetailDiv2 .imageBox {width: 241px; height: auto; margin-bottom: 5px;} #productDetailDiv2 .imageBox td { vertical-align: middle; height: auto;} #productDetailDiv2 .imageBox a {width: 240px; height: auto; margin-bottom: 5px;} #productDetailDiv2 .imageBox img {border: 0; margin: 0; padding: 0; border: solid 3px #FFF;} /* image box */ #productDetailDiv2 .imageBoxGallery { float: left; text-align: center; width: 55px; height: 55px; margin: 0 5px 5px 0;} #productDetailDiv2 .imageBoxGallery td { vertical-align: middle; height: 55px;} #productDetailDiv2 .imageBoxGallery a {width: 55px; height: 55px; margin-bottom: 5px;} #productDetailDiv2 .imageBoxGallery img {border: 0; margin: 0 0 0 2px; padding: 0;} /* buy button */ .buyForm {text-align: right; padding: 0.2em 1em; margin-top: 1em; border: solid 1px #CCC;} .ui-effects-transfer {border: 2px solid #C10000;} /* WEB PART :: ATTACHMENTS LIST */ .attachmentsList {width: auto; list-style: none; min-height: 10px; padding: 0; margin: 10px 0;} .attachmentsList>li { padding: 0; margin: 0.6em 0;} .attachmentsList h3 {margin: 0; margin-bottom: 10px; overflow: hidden; } .attachmentsList h3 a {text-decoration: underline; display: block; } .attachmentsList h3 a:hover, .attachmentList h3 a:focus {text-decoration: none; } /* WEB PART :: SITEMAP */ .siteMapList {} .siteMapList>li {} /* WEB PART :: PAGES LIST */ /* list */ .subpagesList {width: auto; list-style: none; min-height: 10px; padding: 0; margin: 2em 0;} .subpagesList>li {list-style: none; overflow: auto;} .subpagesList h3 { padding: 0; margin: 0.5em 0;} .subpagesList h3 a {text-decoration: underline;} .subpagesList h3 a:hover, .productList h3 a:focus {text-decoration: none; } .subpagesList img {margin-right: 1em;} /* cards */ /* type 1 */ .subpageCard1 {padding: 0; margin: 1em 0; width: auto; height: auto;} .subpageCard1 h3 {font-size: 1.2em; line-height: 1.5; margin: 0; margin-bottom: 10px;} .subpageCard1 img {float: left; border: none;} .subpageCard1 p { padding: 0; margin: 0 0 1em 0;} /* type 2 */ .subpageCard2 { float: left; padding: 0; margin: 1em 0; width: 330px; height: 14em;} .subpageCard2 h3 {font-size: 1.2em; line-height: 1.5; margin: 0; margin-bottom: 10px;} .subpageCard2 img {float: left; border: none;} .subpageCard2 p {} /* WEB PART :: ARTICLES LIST */ /* list */ .articlesList {width: auto; list-style: none; min-height: 10px; padding: 0; margin: 0;} .articlesList>li {list-style: none;} .articlesList h3 { padding: 0; margin: 0.5em 0;} .articlesList h3 a {text-decoration: underline;} .articlesList h3 a:hover {text-decoration: none; } .articlesList img {margin-right: 1em; border: none;} /* list item */ .articleListItem {padding: 1em 0; clear: left;} .articleListItem h3 {} .articleListItem img {float: left;} /* article top item (Opener) */ .articleTopItem {padding: 0; margin: 1em 0; width: auto; } .articleTopItem h3 {font-size: 1.5em; line-height: 1.5; margin: 0; margin-bottom: 10px; overflow: hidden; } .articleTopItem img { margin-bottom: 0.5em;} /* articles list latest item */ .articlesListLatestItem { clear: left; width: auto; margin: 0; padding: 1em 0;} .articlesListLatestItem h3 {font-size: 1.2em; font-weight: normal; margin-top: 0;} .articlesListLatestItem img {float: left;} /* news list latest item */ .newsListLatestItem {clear: left;width: auto; } .newsListLatestItem h3 {} .newsListLatestItem img {} /* info */ .articleInfo {font-size: 85%; padding: 0; margin: 0 0 0.5em 0; color: #55B6FF;} .datePublished {padding-left: 16px !important; background: url("../images/icons/time.png") center left no-repeat;} /* detail */ .articleDetail {} /*image in list and detail*/ .articleImage { width: auto; padding: 0; margin-right: 12px; float: left;} .articleImage img { border: 0;} /* WEB PART :: GALLERY */ /* box for vertical centering // 2DO: bypass solution by CSS solution for vertical centering */ .imageBox {position: relative;} .imageBox table {border-collapse: collapse; width: 100%;} .imageBox td {} .imageBox a {outline: none; vertical-align: middle;} .imageBox img {border: 0;} /* list */ .gallery {width: auto; list-style: none; min-height: 10px; padding: 0; margin: 0 0 10px 0; overflow: hidden; } .gallery>li {position: relative; overflow: hidden; background: #fff; float: left;} .gallery h3 {margin: 0; margin-bottom: 10px; overflow: hidden; } .gallery h3 a {text-decoration: underline; display: block; } .gallery h3 a:hover, .productList h3 a:focus {text-decoration: none; } /* item */ .galleryItem {width: 222px; height: 200px; text-align: center; padding: 0; margin: 0px 9px 10px 0;} .galleryItem .imageBox {text-align: center; margin-bottom: 5px;} .galleryItem .imageBox table { width: 100%;} .galleryItem .imageBox td { vertical-align:bottom; height: 172px} .galleryItem .imageBox a {vertical-align: baseline; margin-bottom: 5px; } .galleryItem .imageBox img {border: 1px solid #CCCCCC; box-shadow: 0 0 2px #CCCCCC; padding: 4px;} /* WEB PART :: GOOGLE MAP (2DO) */ #gMap { border: none; float: right; margin-left: 25px; font-size: 60% !important;} #gMap iframe { border: solid 1px #FFF;} /* WEB PART :: THREADS LIST - BOARDS (2DO-complete refactoring of component) */ .postsList {} .postsList li {} /* posts list2 - small list */ .postsList2 {padding: 0.5em 0; margin: 0; list-style: none; font-size: 83%;} .postsList2 li {padding: 0; margin: 0; list-style: none;} /* icons */ .zobrazvybrane {padding: 3px 0 3px 15px; background: url("../images/modules/forum/zobrazvybrane.gif") center left no-repeat;} .zobrazvse {padding: 3px 0 3px 15px; background: url("../images/modules/forum/zobrazvse.gif") center left no-repeat;} .odpovedet {padding: 3px 0 3px 15px; background: url("../images/modules/forum/odpovedet.gif") center left no-repeat;} .pridattema {padding: 3px 0 3px 20px; background: url("../images/modules/forum/pridat.gif") center left no-repeat;} .uvod {padding: 3px 0 3px 20px; background: url("../images/modules/forum/uvod.gif") center left no-repeat;} /* thread */ #temadetail { background-color: #f0f0f0; margin: 2em 0 0 0; } #temadetail .hlavicka {background: url("../images/modules/forum/reakce.png") 5px 1em no-repeat; padding: 10px 0 5px 50px; margin: 10px 0 0 0;} .hlavicka h3 { font-size: 114%; margin-bottom: 1em;} #temadetail .text {padding: 0.5em 1em 0.5em 50px; margin: 0 0 1em 0;} /* replies */ #forumodpseznam { border: solid 1px #E8E8E8; padding: 0;} #forumodpseznam select {overflow: auto; height: 200px;} .forumodpnav { margin-top: 10px;} .temaodpoved .hlavicka {background: url("../images/modules/forum/reakce.png") 5px 0.3em no-repeat #F8F8F8; border-top: 1px solid #CCC; padding: 10px 10px 15px 50px; margin: 10px 0 0 0;} .temaodpoved .hlavicka h3 { font-size: 114%; padding: 0; margin: 0 0 10px 0;} .temaodpoved .text {padding: 0.5em 1em 0.5em 50px; border: solid 1px #FFF; margin: 0 0 1em 0;} /* WEB PART :: SEARCH BOX */ .searchBox {float: right; width: 280px; padding: 0; text-align: right;} .searchBox form {padding: 0; margin: 6px 6px 0 0;} /*search input*/ .searchBox .searchInput {width: 175px; height: 18px;} .searchBox .searchInput.blur {color: #999; font-style: italic;} .searchBox .searchInput.focus {color: #000;} /* WEB PART :: SEARCH RESULTS */ /* list */ .searchList {width: auto; list-style: none; min-height: 10px; padding: 0; margin: 0; overflow: hidden; } .searchList li {width: auto; clear: left; padding: 1em 0; margin: 0; list-style: none;} .searchList h3 { padding: 0; margin: 0.5em 0;} .searchList h3 a {text-decoration: underline;} .searchList h3 a:hover, .productList h3 a:focus {text-decoration: none; } .searchList img {float: left; border: solid 1px #F0F0F0; margin-right: 1em;} /* search phrase (string) in result */ .spString { background-color: #FFFF00; font-weight: bold;} /* WEB PART :: POLLS LIST */ /* list */ .pollsList {width: auto; list-style: none; min-height: 10px; padding: 0; margin: 10px; overflow: hidden; } .pollsList>li {position: relative; overflow: hidden; background: #fff; float: left;} .pollsList h3 {margin: 0; margin-bottom: 10px; overflow: hidden; } .pollsList h3 a {text-decoration: underline; display: block; } .pollsList h3 a:hover, .productList h3 a:focus {text-decoration: none; } /* item */ .pollsItem {width: 218px; height: 20em; border: solid 1px #d9d8d8; text-align: center; padding: 10px; margin: 0 9px 10px 0;} /* WEB PART :: POLL MINI */ .wpPollMini {margin: 1em 0; padding-bottom: 1em; background-color: #f0f0f0; } .wpPollMini h3 {padding: 1em; margin: 0;border-bottom: dotted 1px #ccc;} .wpPollMini a {text-decoration: none;} .wpPollMini a:hover {} /* options */ .wpPollMini .wpPollMini2 {padding: 1em;} .wpPollMini .pollQuestion, .wpPollMini .pollAnswer {padding: 0.5em 0; margin: 0.5em 0;} /* WEB PART :: DOCSERVER */ /* title */ #docsCatalogTitle { margin-top: 1.5em; clear: left; display: none;} /* HIDDEN */ /* data table */ .dataTable {border-collapse: collapse; border: 1px solid #D0D4D9; empty-cells: show; width: 100%;} .dataTable thead {border-bottom: 1px solid #D0D4D9;} .dataTable th {padding: 1em 0.3em; background-color: #F5F7F8; font-weight: normal; font-size: 90%; text-align: center;} .dataTable td {padding: 0.5em 0.1em;} .dataTable tbody td {border-right: bottom 1px #e1e4e9; padding: 0.5em 0.3em; vertical-align: top;} /* folders list */ .foldersList {text-align: left; margin: 0; padding: 0; border-collapse: collapse; border: 1px solid #D0D4D9; empty-cells: show; width: 100%;} .foldersList thead {border-bottom: 1px solid #D0D4D9;} .foldersList th {padding: 1em 0.3em; background-color: #F5F7F8; font-weight: normal; font-size: 90%; text-align: center;} .foldersList tr {border-bottom: 1px dotted #E1E4E9;} .foldersList td {padding: 0.4em 0.3em; margin: 0;} /* footer */ .foldersListFooter { background-color: #E1E4E9; border-top: 1px dotted #D0D4D9; font-size: 85%;} .foldersListFooter td {padding: 0.5em !important;} /* subitems */ .subItems {list-style: none; padding: 0 3em; margin: 0;} .subItems li {background: url("../images/modules/docserver/subitem.png") center left no-repeat; padding-left: 17px; margin: 0.3em 0;} /* folders */ .folder2 {padding-left: 18px; background: url("../images/icons/folder2.gif") top left no-repeat;} /* grid */ .row {background-color: #FFFFFF;} .rowOver {background-color: #FFF886;} /* toolbar */ #topAction {width: 100%; padding: 0; margin-bottom: 1em;} #topAction td {} #topAction form {padding: 0; margin: 0;} /* tools */ .multiActMove {padding-left: 15px; background: url("../images/icons/move12x12.png") center left no-repeat;} .multiActMoveDis {padding-left: 15px; background: url("../images/icons/move12x12-dis.png") center left no-repeat;} .multiActExport {padding-left: 15px; background: url("../images/icons/move12x12.png") center left no-repeat;} .multiActCopy {padding-left: 15px; background: url("../images/icons/copy12x12.png") center left no-repeat;} .multiActDelete {padding-left: 15px; background: url("../images/icons/delete12x12.png") center left no-repeat;} .multiActDeleteDis {padding-left: 15px; background: url("../images/icons/delete12x12-dis.png") center left no-repeat;} .multiActZip {padding-left: 15px; background: url("../images/icons/filetype-zip-12x12.png") center left no-repeat;} /* folder card */ .folderCard1 {width: 160px; height: 19em; text-align: center; padding: 10px 7px; margin: 0 9px 10px 0; border: solid 1px #82d1f5; overflow: hidden; float: left; background-color: #FFFFFF;} .folderCard1 h3 {font-size: 1em;} /* image box */ .folderCard1 .imageBox {text-align: center; width: 160px; height: 131px; margin-bottom: 5px; border-bottom: solid 1px #82d1f5;} .folderCard1 .imageBox td { vertical-align: middle; height: 130px} .folderCard1 .imageBox a {width: 160px; height: 131px; margin-bottom: 5px; } .folderCard1 .imageBox img {} /* files list */ .filesList {width: auto; list-style: none; min-height: 10px; padding: 0; margin: 0 0 10px 0; overflow: hidden; } .filesList>li {position: relative; } .filesList h3 {margin: 0; margin-bottom: 10px; overflow: hidden; } .filesList h3 a {text-decoration: underline; display: block; } .filesList h3 a:hover, .productList h3 a:focus {text-decoration: none; } /* item card */ .fileCard1 {width: 218px; height: 28.5em; border: solid 1px #82d1f5; text-align: center; padding: 10px; margin: 0 9px 10px 0; overflow: hidden; background: #fff; float: left;} .fileCard1 h3 {font-size: 1.1em; line-height: 1.5; height: 2.8em; font-weight: bold;} /* image box */ .fileCard1 .imageBox {text-align: center; width: 218px; height: 165px; margin-bottom: 5px; border-bottom: solid 1px #82d1f5;} .fileCard1 .imageBox td { vertical-align: middle; height: 165px} .fileCard1 .imageBox a {width: 218px; height: 160px; margin-bottom: 5px; } .fileCard1 .imageBox img {} /* tree */ #tree-div { position: relative; overflow: auto; text-align: left;} #saveDragDrop {display: block; position: absolute; top: 0px; right: 15px; z-index: 1; padding-left: 20px;} #saveDragDrop .active {background: url("../images/icons/save-16x16.png") center left no-repeat;} #saveDragDrop .dis {background: url("../images/icons/save-16x16-dis.png") center left no-repeat; color: #CCC !important;} /* FOOTER */ #footerNavi {width: auto; padding: 15px 15px 0 0; text-align: right;} #footerLogo, #footerLogo:visited {display: block; float: right; margin-top: 0; width: 120px; height: 16px; background-image: url("../images/logo-developer-grey.png"); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; text-decoration: none;} #footerLogo:hover {background-position: -131px 0;} #footerLogo span { display: none;} /* CUSTOM PAGE STYLES*/ /* place custom styles (for example for title page) here*/ .titleIntro {width: 984px; height: 330px;} .hpContent {padding: 15px;} .titleMainZoneContent2 {} .titleMainZoneNews {float: left; /*width: 328px;*/} .titleMainZoneNews2 {padding: 10px;} .zoneDivider {border-right: dotted 1px #ccc;} /*--------- ### FRAMEWORK ### ------------------------------------------------------*/ /* COLORS */ .grey {color: #999999;} .grey2 {color: #BBBBBB;} .grey3 {color: #D1DAE0} .red {color: #FF0000;} .black {color: #000000;} .yellow {color: #FFCC00;} .orange {color: #FF6600;} .blue1 {color: #82d1f5;} .green {color: #009900;} /* BG COLORS */ .bgBlue1 { background-color: #82d1f5;} /* COLORS - OBSOLETE */ .seda { color: #CCCCCC;} .cervena {color: #FF0000;} .cerna {color: #000000;} .zluta {color: #FFCC00;} .svZluta {color: #FFF886;} .oranzova {color: #FF6600;} .svModra {color: #FF6600;} .modra {color: #4763A2;} .tmModra {color: #1E3070;} .zelena {color: #009900;} /* DIMMER */ .cm_dimmer {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: #000; opacity: 0.4; filter: alpha(opacity=40);} /* LOADING */ .loading {display: none; text-align: center; width: 100px; height: 100px; position: fixed; top: 40%; left: 50%; margin: -50px 0 0 -50px; z-index: 10002; padding: 0; background: url("../images/loading.gif") center no-repeat transparent;} .loading p { padding: 0; margin: 70px 0 0 0;} .loading span {font-weight: bold;} /* GALLERY */ .card {float: left; width: 180px; height: 220px; margin: 0 10px 10px 0; padding: 10px 0; text-align: center; background: #fff; border: 1px solid #e6e6e6; overflow: auto;} .card-title {margin: 0 0 5px 0; color: #f60; font-size: 100%;} .card-photo {height: 135px; margin: 0 5px; padding: 0; border: none; background-color: #ddd;} .card-desc {margin: 5px 10px; padding:0; text-align: left;} .card-info {margin: 5px 10px 0 10px; padding:0; text-align: center; color: #666;} /* CSS 3 BUTTONS */ .cm.button { font-weight: bold; display: inline-block; text-decoration: none; white-space: nowrap; padding: 0.45em 1.3em; line-height:1em; position:relative; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #999;/* IE */ border: rgba(0, 0, 0, .2) 1px solid;/* CSS3 */ border-bottom: rgba(0, 0, 0, .4) 1px solid; /* CSS3 inner emboss effect*/ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); /* CSS3 background gradient - due to transaprency it applies over the bg-color defined by positive/negative/... classes*/ background: -moz-linear-gradient(center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%); background: -webkit-gradient(linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1))); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ /*cannot selecct text*/ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; /*animation of properties values*/ -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .cm.button.positive {background-color:#f0f0f0; color: #3d94f6 !important; text-shadow: 1px 1px 0px #ffffff;} .cm.button.positive:hover, .button.positive:focus {background-color: #ffffff;} .cm.button.positive:active {background-color: #CFEFFE;} .cm.button.negative {background-color: #0089d0; color: #ffffff !important; text-shadow:1px 1px 0px #094d8d;} .cm.button.negative:hover {background-color: #3d94f6;} .cm.button.negative:active {background-color: #56C6FC;} .cm.button.disabled {background-color: #F0F0F0; color: #C0C0C0 !important; text-shadow:1px 1px 0px #F0F0F0; cursor: default !important; border: rgba(0, 0, 0, .1) 1px solid;/* CSS3 */ border-bottom: rgba(0, 0, 0, .3) 1px solid;} /* Buttons ID */ #testRun {font-size: 120%;} /* Highslide workaround */ .extTreeInside ul { list-style: none;} .extTreeInside ul, li { padding: 0; margin: 0;} /* DUMMIES*/ .cleaner { width: auto; height: 0; font-size: 0; clear: both;} /* BOX FRAMEWORK */ /* paddings */ .inset1 {padding: 12px;} .inset1_top {padding-top: 12px;} .inset1_right {padding-right: 12px;} .inset1_bottom {padding-bottom: 12px;} .inset1_left {padding-left: 12px;} /* floats */ .fL { float: left !important;} .fR { float: right !important;} .cL { clear: left !important;} /* PRINT */ /* use this class for determining which elements should be not printable. Leave this class definitoin empty, in print stylesheet has display:none propetry */ .unprintable {} /* PROCESS TIME */ #processTime {display: none;} /* GLOBAL EFFECTS AND APPEARANCE ------------------------------------------------------------------- */ /* GENERIC */ .shadow {-moz-box-shadow: 0px 0px 8px #585858; -webkit-box-shadow: 0px 0px 8px #585858; -khtml-box-shadow: 0px 0px 8px #585858; box-shadow: 0px 0px 8px #585858;} .shadow2 {-moz-box-shadow: 0px 0px 8px #999999; -webkit-box-shadow: 0px 0px 8px #999999; -khtml-box-shadow: 0px 0px 8px #999999; box-shadow: 0px 0px 8px #999999;} .rounded3 {-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;} .rounded6 {-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;} .rounded9 {-moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;} .displayNone {display: none !important;} .hidden {display: none;} /*obsolete?*/ .visHidden {visibility: hidden;} .visVisible {visibility: visible;} .curHelp {cursor: help;} .curPointer {cursor: pointer;} .curMove {cursor: move;} /* ARROWS */ .nextSmallBlack {padding-right: 8px; background: url("../images/sipka-next-small-b.gif") center right no-repeat;} .prevSmallBlack {padding-left: 8px; background: url("../images/sipka-prev-small-b.gif") center left no-repeat;} .nextSmallGrey {padding-right: 8px; background: url("../images/sipka-next-small-g.gif") center right no-repeat;} .nextSmallGreyDis {padding-right: 8px; color: #999999; background: url("../images/sipka-next-small-g2.gif") center right no-repeat;} .prevSmallGreyDis {padding-left: 8px; color: #999999; background: url("../images/sipka-prev-small-g2.gif") center left no-repeat;} .arrowDown {padding-right: 12px; background: url("../images/sipka-down-small-b.gif") center right no-repeat;} .arrowUp {padding-left: 12px; background: url("../images/sipka-up-small-b.gif") center left no-repeat;} /* GRAPHICAL LINKS */ .external {padding-right: 10px; background: url("../images/link_external.gif") top right no-repeat;} .cartLink {} .loginLink {} .addLink {padding-left: 18px; background: url("../images/icons/green-plus.gif") top left no-repeat;} .removeLink {padding-left: 18px; background: url("../images/icons/red-minus.gif") top left no-repeat;} .generateLink {padding: 3px 10px 3px 10px; background: url("../images/icons/reload.gif") center left no-repeat; text-decoration: none;} .generateLink span { display: none;} .generateLinkDis {padding: 3px 10px 3px 10px; background: url("../images/icons/reload-dis.gif") center left no-repeat;} .generateLinkDis span { display: none;} .warningLink {padding: 3px 22px 3px 0px; background: url("../images/icons/warning.gif") center right no-repeat; cursor: help;} .warningLink a {display: none;} .delete {background: url("../images/icons/delete.png") center no-repeat; text-decoration: none !important; padding: 5px;} .delete span {visibility: hidden;} .helpLink {padding: 3px 0 3px 20px; background: url("../images/icons/napoveda.gif") center left no-repeat;} .emailLink {padding-left: 18px; background: url("../images/icons/email.png") center left no-repeat;} .downloadLink {padding-left: 18px; background: url("../images/icons/download16x16.png") center left no-repeat; text-decoration: none;} .restoreLink {padding-left: 18px; background: url("../images/icons/restore16x16.png") center left no-repeat; text-decoration: none;} .zoomLink {padding-left: 18px; background: url("../images/icons/zoom.gif") center left no-repeat; text-decoration: none;} /* FILE TYPES */ /* attachment */ .att {padding: 3px 0 3px 30px; height: 16px; background: url("../images/icons/filetype-att-24x24.png") center left no-repeat;} /* SYMBOLS */ .yes {padding-left: 15px; background: url("../images/icons/yes.gif") left center no-repeat;} .no {padding-left: 15px; background: url("../images/icons/no.gif") left center no-repeat;} /* SYSTEM MESSAGES */ .error, .warning, .notice, .confirm, .tip {text-align: left !important; position: relative; padding: 0 !important; padding: 0.5em 0.5em 0.5em 48px !important; margin: 12px 0;} .error div, .warning div, .notice div, .confirm div, .tip div { padding: 12px 0 !important;} .error h5, .warning h5, .notice h5, .confirm h5, .tip h5 {display: none;} .error {background: url("../images/icons/msg-error-24x24.png") 12px 12px no-repeat #ffdbdb !important;} .warning {background: url("../images/icons/msg-warning-24x24.png") 12px 12px no-repeat #fff8de !important;} .confirm {background: url("../images/icons/msg-confirm-24x24.png") 12px 12px no-repeat #d8fed8 !important;} .notice {background: url("../images/icons/msg-notice-24x24.png") 12px 12px no-repeat #fff8de !important;} .tip {background: url("../images/icons/msg-tip-24x24.png") 12px 12px no-repeat #fff8de !important;} /* message appearance */ .modal {position: absolute; width: 500px; text-align: left; top: 40%; left: 50%; margin: 0 0 0 -250px; z-index: 10000;} /* hintWindow */ .popupHint {position: relative; cursor: help; font-style: italic;} .hintWindow {display: block; position: absolute; padding: 0.5em !important; margin: 0.5em; border: solid 1px #666 !important; background: #fff !important; text-align: left !important;} .hintWindow h5 {font-size: 120% !important; padding: 0 0 0.3em 0 !important; margin: 0 !important; height: 26px; overflow: hidden; font-weight: bold !important; border: none !important;} .hintWindow2 {display: block; width: 300px; height: 150px; overflow: auto; border: solid 1px #ccc; padding: 0.3em;} /*controls*/ .hintWindow .close {display: block; float: right; width: 21px; height: 21px; background: url("../images/icons/close.png") center no-repeat; margin: 0; padding: 0 !important;} /* links with images */ .generovat {padding: 3px 10px 3px 10px; background: url("../images/icons/reload.gif") center left no-repeat; text-decoration: none;} .generovat span { display: none;} /* key actions */ .upravit {padding-left: 18px; background: url("../images/icons/upravit.gif") center left no-repeat; text-decoration: none;} .nahled {padding-left: 18px; background: url("../images/icons/nahled.gif") center left no-repeat; text-decoration: none;} .detail {padding-left: 18px; background: url("../images/icons/search2.gif") center left no-repeat;} .arrowDown {padding-left: 18px; background: url("../images/icons/arrow-green-down-16x16.png") center left no-repeat;} .arrowUp {padding-left: 18px; background: url("../images/icons/arrow-red-up-16x16.png") center left no-repeat;} .rolldown {padding-left: 18px; background: url("../images/icons/arrow2-green-16x16.png") center left no-repeat;} .rollup {padding-left: 18px; background: url("../images/icons/arrow2-red-16x16.png") center left no-repeat;} .smazat {padding-left: 18px; background: url("../images/icons/smazat.gif") top left no-repeat; text-decoration: none;} .smazat span { display: none;} .smazatDis {padding-left: 18px; background: url("../images/icons/smazat-dis.gif") top left no-repeat; text-decoration: none;} .smazatDis span {display: none;} .print {padding-left: 18px; padding-bottom: 1px; background: url("../images/icons/print-16x16.gif") top left no-repeat; text-decoration: none;} .print span { display: none;} .printDis {padding-left: 18px; background: url("../images/icons/print-16x16-dis.gif") top left no-repeat; text-decoration: none;} .printDis span {display: none;} .add {padding-left: 18px; background: url("../images/icons/green-plus.gif") top left no-repeat;} .upload {padding-left: 18px;background: url("../images/icons/upload16x16.png") center left no-repeat; text-decoration: none;} .upload span { display: none;} .uploadDis {padding-left: 18px;background: url("../images/icons/upload16x16-dis.png") center left no-repeat; text-decoration: none;} .uploadDis span { display: none;} .locked {padding-left: 18px; background: url("../images/icons/lock-locked.png") top left no-repeat; text-decoration: none;} .locked span { display: none;} .download {padding-left: 18px; background: url("../images/icons/download16x16.png") top left no-repeat; text-decoration: none;} .download span { display: none;} .downLock {padding-left: 18px; background: url("../images/icons/down-lock-16x16.png") top left no-repeat; text-decoration: none;} .downLock span { display: none;} .downCompress {padding-left: 18px; background: url("../images/icons/filetype-zip-16x16.gif") top left no-repeat; text-decoration: none;} .downCompress span { display: none;} .ownerLock {padding-left: 18px; background: url("../images/icons/lock-key.png") top left no-repeat; text-decoration: none;} .ownerLock span { display: none;} .ownerUnlock {padding-left: 18px; background: url("../images/icons/unlock-key.png") top left no-repeat; text-decoration: none;} .ownerUnlock span { display: none;} .getLink {padding-left: 18px; background: url("../images/icons/get-link-16x16.png") top left no-repeat; text-decoration: none;} .getLink span {display: none;} .getLinkInput {position: absolute; margin-left: -200px; display: none; background-color: #f5f7f8; border: solid 1px #828284; padding: 10px; text-align: left;} .getLinkInput>a { float: right;} .getLinkInput p { padding: 5px 0;} /* FILE TYPES*/ .ufo {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-ufo-16x16.gif") center left no-repeat;} /* ufo for unkown extensions must be first */ .pdf {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-pdf-16x16.gif") center left no-repeat;} .xls, .xlsx {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-xls-16x16.gif") center left no-repeat;} .doc, .docx {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-doc-16x16.gif") center left no-repeat;} .htm, .html {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-htm-16x16.gif") center left no-repeat;} .rar {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-rar-16x16.gif") center left no-repeat;} .zip {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-zip-16x16.gif") center left no-repeat;} .txt {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-txt-16x16.gif") center left no-repeat;} .que {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-que-16x16.gif") center left no-repeat;} .tst {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-tst-16x16.gif") center left no-repeat;} .aud, .mp3, .waw, .ogg {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-aud-16x16.gif") center left no-repeat;} .mov, .avi, .mpg, .mpeg, .asf {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-vid-16x16.gif") center left no-repeat;} .fla, .swf, .flv {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-fla-16x16.gif") center left no-repeat;} .cms, .ppt {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-cms-16x16.gif") center left no-repeat;} .img, .jpg, .png, .gif {padding: 3px 0 3px 20px; height: 16px; background: url("../images/icons/filetype-img-16x16.gif") center left no-repeat;} /* extension */ .fileType {font-family: monospace; font-size: 113%;} /* BOX MODEL */ .cistic {clear: left; width: auto; line-height: 0px; font-size: 0px;} .noFloatAround {clear: both;} /* TEXTS */ .bigText {font-size: 140%;} .bigText2 {font-size: 140%;} .smallText {font-size: 85%;} .smallText2 {font-size: 93%;} .aCenter {text-align: center !important;} .aRight {text-align: right !important;} .aLeft {text-align: left !important;} .nowrap {white-space: nowrap;} .noCapitalized {text-transform: none !important;} .vAmiddle { vertical-align: middle !important;} .vAbaseline { vertical-align: baseline !important;} .vAtop { vertical-align: top !important;} .infoText {font-size: 83%;} .infoText2 { color: #015AA4; font-size: 83%; font-weight: bold;} /* IMAGES */ .floatL { float: left; margin: 0 0.5em 0.5em 0; padding: 0;} .floatR { float: right; margin: 0 0 0.5em 0.5em; padding: 0;} /* TABLES */ .table1 {border: solid 2px #0089d0; width: 100%;} .table1 thead {background-color: #0089d0; color: #fff; font-weight: bold;} .table1 th {padding: 0.5em;} .table1 td {border-right: dotted 1px #999999; border-bottom: solid 1px #999999; padding: 1em 0.5em ;} .table1 tfoot {background-color: #cccccc;} /* LISTS */ /*list 1*/ .list1 {text-align: left; padding: 0; margin: 1em 0;} .list1 li {margin: 0; padding: 0.5em 1em;} /* list 2*/ .list2 {text-align: left; padding: 0; margin: 1em 0;} .list2 li {margin: 0; padding: 1em; border-bottom: solid 1px #F0F0F0;} /* bullets */ .bullet1 li {list-style: none; background: url("../images/bullet1.png") left center no-repeat;} .bullet2 li {list-style: none; background: url("../images/bullet2.png") left center no-repeat;} .bullet3 li {list-style: none; background: url("../images/bullet3.png") left center no-repeat;} .bullet4 li {list-style: none; background: url("../images/bullet4.png") left center no-repeat;} .bullet5 li {list-style: none; background: url("../images/bullet5.png") left center no-repeat;} .bullet6 li {list-style: none; background: url("../images/bullet6.png") left center no-repeat;} /* no bullets */ .noBullets {list-style: none; padding: 0; margin: 0;} .noBullets li {padding: 0.3em 0; margin: 0;} /* SYSTEM FORMS */ /* universal form */ .uniForm td { padding: 0.3em; vertical-align: top; line-height: 1.7em;} .uniForm fieldset {} .uniForm input { padding: 0.3em; } .uniForm .inputStyle {width: 330px; border: 1px solid #A5ACB2; background-color: #FFFFFF !important;} .uniForm textarea { padding: 0.3em; width: 330px;} /* form 1*/ .form1 {} .form1 label {float: left; clear: left; width: 25%; margin-right: 0.5em; padding-top: 0.4em; text-align: right;} /* elements */ .formBottomBar {width: auto; background-color: #82d1f5; padding: 1em;} /* special inputs */ .readOnly { background-color: #CCCCCC; color: #666666; border: solid 1px #A5ACB2; padding: 2px 1px;} .requiredData {background: url("../images/modules/forms/input_required.png") top right no-repeat #fff; border: 1px solid #A5ACB2; padding: 2px 1px;} .incorrectData {border: 2px solid #FF0000 !important;} /* FORMS ENGINE */ .tableForm {width: 100%;} /* DEPRECATED, get rid of tables... */ .tableForm td {padding: 0.3em;} /* DEPRECATED, get rid of tables... */ /* GRID */ .grid {text-align: left; margin: 0; padding: 0; border-collapse: collapse; border: 1px solid #D0D4D9; empty-cells: show; width: 100%;} .grid thead { border-bottom: 1px solid #D0D4D9;} .grid th {padding: 1em 0.3em; background-color: #F5F7F8; font-weight: normal; font-size: 90%; text-align: center;} .grid tr {border-bottom: 1px dotted #D0D4D9;} .grid td {vertical-align: middle; padding: 0.5em;} .grid tfoot {font-size: 90%;} .grid tfoot tr {background-color: #E1E4E9; border-top: 1px dotted #D0D4D9;} .grid tfoot td {padding: 1em 0.5em !important;} /* zaznamy nenalezeny*/ .noRecords {background-color: #FFF; border-bottom: solid 1px #CCCCCC;} .noRecords td { padding: 2em !important;} /* form wrapper (OBSOLETE) */ #viewTableForm { padding: 0; margin: 0;} /* odd/even lines */ .odd {background-color: #FFFFFF;} .oddOver {background-color: #FFF886;} .even {background-color: #F5F7F8;} .evenOver {background-color: #FFF886;} /* multiple actions */ .multipleActions {background-color: #E1E4E9; font-size: 90%;} /* FullCalendar v1.4.10 Stylesheet ------------------------------------------------------*/ #calendarSide {margin-top: 3px !important;} .fc .fc-header, .fc .fc-content {} .fc table {border-collapse: collapse; border-spacing: 0;} .fc td, .fc th {padding: 0; vertical-align: top;} /* Header */ table.fc-header { margin-bottom: 3px; width: 100%; } table.fc-header td { vertical-align: middle; } .fc-header-left { width: 25%; } .fc-header-left table { float: left; } .fc-header-center { width: 50%; text-align: center; } .fc-header-center table { margin: 0 auto; } .fc-header-right { width: 25%; } .fc-header-right table { float: right; } .fc-header-title { font-size: 100%; color: #000; margin: 0; white-space: nowrap; } .fc-header-space { padding-left: 10px; } /* right-to-left */ .fc-rtl .fc-header-title { direction: rtl; } /* Buttons ------------------------------------------------------------------------*/ .fc-header .fc-state-default, .fc-header .ui-state-default { /*margin-bottom: 1em;*/ cursor: pointer; } .fc-header .fc-state-default { border-width: 1px 0; padding: 0 1px; } .fc-header .fc-state-default, .fc-header .fc-state-default a { border-style: solid; } .fc-header .fc-state-default a { display: block; border-width: 0 1px; margin: 0 -1px; width: 100%; text-decoration: none; } .fc-header .fc-state-default span { display: block; border-style: solid; border-width: 1px 0 1px 1px; padding: 1px 3px; } .fc-header .ui-state-default { padding: 2px 3px; } .fc-header .fc-state-default span, .fc-header .ui-state-default span { white-space: nowrap; } /* for adjacent buttons */ .fc-header .fc-no-right { padding-right: 0; } .fc-header .fc-no-right a { margin-right: 0; border-right: 0; } .fc-header .ui-no-right { border-right: 0; } /* for fake rounded corners */ .fc-header .fc-corner-left { margin-left: 1px; padding-left: 0; } .fc-header .fc-corner-right { margin-right: 1px; padding-right: 0; } /* DEFAULT button COLORS */ .fc-header .fc-state-default, .fc-header .fc-state-default a { border-color: #777; /* outer border */ color: #333; } .fc-header .fc-state-default span { border-color: #fff #fff #d1d1d1; /* inner border */ background: #e8e8e8; } /* PRESSED button COLORS (down and active) */ .fc-header .fc-state-active a { color: #fff; } .fc-header .fc-state-down span, .fc-header .fc-state-active span { background: #888; border-color: #808080 #808080 #909090; /* inner border */ } /* DISABLED button COLORS */ .fc-header .fc-state-disabled a { color: #999; } .fc-header .fc-state-disabled, .fc-header .fc-state-disabled a { border-color: #ccc; /* outer border */ } .fc-header .fc-state-disabled span { border-color: #fff #fff #f0f0f0; /* inner border */ background: #f0f0f0; } /* Content Area & Global Cell Styles ------------------------------------------------------------------------*/ .fc-widget-content { font-size: 85%; border: 1px solid #ccc; /* outer border color */ } .fc-content { clear: both; } .fc-content .fc-state-default { border-style: solid; border-color: #ccc; /* inner border color */ } .fc-content .fc-state-highlight { /* today */ background: #ffff99 !important; } .fc-content .fc-state-highlight .fc-day-number { /* today's number */ font-weight: bold; } .fc-content .fc-not-today { /* override jq-ui highlight (TODO: ui-widget-content) */ background: none; } .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #9cf; opacity: .2; filter: alpha(opacity=20); /* for IE */ } .fc-view { /* prevents dragging outside of widget */ width: 100%; overflow: hidden; } .fc-content .fc-sat { background-color: #DEF8DC; } /* saturday */ .fc-content .fc-sun { background-color: #DEF8DC; } /* sunday */ /* Global Event Styles ------------------------------------------------------------------------*/ .fc-event, .fc-agenda .fc-event-time, .fc-event a { border-style: solid; border-color: #36c; /* default BORDER color (probably the same as background-color) */ background-color: #36c; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ } /* Use the 'className' CalEvent property and the following * example CSS to change event color on a per-event basis: * * .myclass, * .fc-agenda .myclass .fc-event-time, * .myclass a { * background-color: black; * border-color: black; * color: red; * } */ .fc-event { text-align: left; } .fc-event a { overflow: hidden; text-decoration: none; cursor: pointer; } .fc-event-editable { cursor: pointer; } .fc-event-time, .fc-event-title { padding: 0 1px; } /* for fake rounded corners */ .fc-event a { display: block; position: relative; width: 100%; height: 100%; } /* right-to-left */ .fc-rtl .fc-event a { text-align: right; } /* resizable */ .fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/ display: block; position: absolute; z-index: 99999; border: 0 !important; /* important overrides pre jquery ui 1.7 styles */ background: url(data:image/gif;base64,AAAA) !important; /* hover fix for IE */ } /* Horizontal Events ------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; margin-bottom: 1px; } .fc-event-hori a { border-width: 0; } /* for fake rounded corners */ .fc-content .fc-corner-left { margin-left: 1px; } .fc-content .fc-corner-left a { margin-left: -1px; border-left-width: 1px; } .fc-content .fc-corner-right { margin-right: 1px; } .fc-content .fc-corner-right a { margin-right: -1px; border-right-width: 1px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; /* importants override pre jquery ui 1.7 styles */ right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; /* IE6 had 0 height */ } /* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/ .fc-grid table { width: 100%; } .fc .fc-grid th { border-width: 0 0 0 1px; text-align: center; } .fc .fc-grid td { border-width: 1px 0 0 1px; } .fc-grid th.fc-leftmost, .fc-grid td.fc-leftmost { border-left: 0; } .fc-grid .fc-day-number { float: right; padding: 0 2px; } .fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */ } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 0; /* distance between events and day edges */ } /* event styles */ .fc-grid .fc-event-time { font-weight: bold; } /* right-to-left */ .fc-rtl .fc-grid { direction: rtl; } .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } /* Agenda Week View, Agenda Day View ------------------------------------------------------------------------*/ .fc .fc-agenda th, .fc .fc-agenda td { border-width: 1px 0 0 1px; } .fc .fc-agenda .fc-leftmost { border-left: 0; } .fc-agenda tr.fc-first th, .fc-agenda tr.fc-first td { border-top: 0; } .fc-agenda-head tr.fc-last th { border-bottom-width: 1px; } .fc .fc-agenda-head td, .fc .fc-agenda-body td { background: none; } .fc-agenda-head th { text-align: center; } /* the time axis running down the left side */ .fc-agenda .fc-axis { width: 50px; padding: 0 4px; vertical-align: middle; white-space: nowrap; text-align: right; font-weight: normal; } /* all-day event cells at top */ .fc-agenda-head tr.fc-all-day th { height: 35px; } .fc-agenda-head td { padding-bottom: 10px; } .fc .fc-divider div { font-size: 1px; /* for IE6/7 */ height: 2px; } .fc .fc-divider .fc-state-default { background: #eee; /* color for divider between all-day and time-slot events */ } /* body styles */ .fc .fc-agenda-body td div { height: 20px; /* slot height */ } .fc .fc-agenda-body tr.fc-minor th, .fc .fc-agenda-body tr.fc-minor td { border-top-style: dotted; } .fc-agenda .fc-day-content { padding: 2px 2px 0; /* distance between events and day edges */ } /* vertical background columns */ .fc .fc-agenda-bg .ui-state-highlight { background-image: none; /* tall column, don't want repeating background image */ } /* Vertical Events ------------------------------------------------------------------------*/ .fc-event-vert { border-width: 0 1px; } .fc-event-vert a { border-width: 0; } /* for fake rounded corners */ .fc-content .fc-corner-top { margin-top: 1px; } .fc-content .fc-corner-top a { margin-top: -1px; border-top-width: 1px; } .fc-content .fc-corner-bottom { margin-bottom: 1px; } .fc-content .fc-corner-bottom a { margin-bottom: -1px; border-bottom-width: 1px; } /* event content */ .fc-event-vert span { display: block; position: relative; z-index: 2; } .fc-event-vert span.fc-event-time { white-space: nowrap; _white-space: normal; overflow: hidden; border: 0; font-size: 10px; } .fc-event-vert span.fc-event-title { line-height: 13px; } .fc-event-vert span.fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .3; filter: alpha(opacity=30); /* for IE */ } /* resizable */ .fc-event-vert .ui-resizable-s { bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ width: 100% !important; height: 8px !important; line-height: 8px !important; font-size: 11px !important; font-family: monospace; text-align: center; cursor: s-resize; }