/* ================================================================================================================== */
/* Webnode Knowledgebase Style                                                                                        */
/* Version:         1.0                                                                                               */
/* Date:            22.08.2013                                                                                        */
/* Author:          jbe                                                                                               */
/* ================================================================================================================== */

/* ================================================================================================================== */
/* LAYOUT                                                                                                             */
/* ================================================================================================================== */

* {
    padding: 0;
    margin: 0;
}

html {
	height: 100%;
}
body {
    height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent url("/webnode/images/background.png") no-repeat scroll center top !important;
    font: 95%/1.5 Tahoma, "Lucida Grande CE", lucida, sans-serif;
}
.bodymain {
    min-width: 1020px;
}

a, p, div, span, table, td {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif !important;
}

.cleaner {
    display: block;
    height: 1px;
    width: 100%;
    clear: both;
    overflow: hidden;
}

.hidden {
    display: none;
}

#main {
	height: auto;
    min-height: 100%;
	margin: 0 ;
	position: relative;
	clear: both;
	padding: 0;
	background: url("/webnode/images/header-background.jpg") no-repeat scroll center top;
	border: none;
}

#content {
    position: relative;
    margin: 0 auto;
    width: 940px;
    padding: 0 0 154px;
    overflow: hidden;
    color: #353535;
    font-size: 1em;
}

#maincore {
    position: relative;
    padding: 0;
    clear: both;
    width: 100%;
}

#maincoreleft {
    float: left;
    left: 0px;
    width: 290px;
    height: auto;
	margin-left: 0;
}

#maincorecontent {
    float: right;
    margin-left: 0;
    margin-right: 0;
    width: 616px;
    height: auto;
    padding: 0.5em 0;
}

#maincorecontent .boxcontainer {
    border: 0 none;
    background: transparent none;
    padding: 10px 0;
}

#maincorecontent .boxcontainerlabel {
    font-size: 1.5em;
    font-weight: bold;
    color: #353535;
    margin-bottom: 0px;
    padding-right: 80px;
}

#maincorecontent .boxcontainercontent {
    border: none;
    margin: 0;
    padding: 0;
}

/* ================================================================================================================== */


a:hover
{
    color: #000000 !important;
}


/* ================================================================================================================== */
/* HEADER                                                                                                             */
/* ================================================================================================================== */

#header {
    height: 100px;
    margin-bottom: 30px;
    background: #4f5259 url('/webnode/images/header-background.jpg') -170px 0 no-repeat;
    color: #fff;
}

#header h4 {
	color: #fff;
}

 #logo {
    position: absolute;
    display: block;
    width: 209px;
    height: 76px;
    top: 4px;
    left: -8px;
    background: url('/webnode/images/elements3.png') 4px 20px no-repeat;
    overflow: hidden;
    z-index: 25;
    text-decoration: none;
    font-size: .8em;
    border-bottom: none;
    margin: 0.3em 0 0.3em 0.3em;
	background-size: 130px;
}

#logo img {
    visibility: hidden;
}

#logo span {
    position: absolute;
    top: 61px;
    left: 10px;
    padding-left: 12px;
    font-size: .85em;
    background: url('/webnode/images/bgrLogoLink.png') 0 4px no-repeat;
    color: #d8dbe2;
    z-index: 25;
    visibility: hidden;
}

#logo:hover span {
    visibility: visible;
}

#headerContent {
    position: absolute;
    top: 25px;
    left: 175px;
    width: 600px;
    height: 50px;
}

#headerContent.catalogueHeader {
    text-align: right;
    width: 758px;
}

#headerContent h4 {
    font-size: 2.25em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

/* ================================================================================================================== */


/* ================================================================================================================== */
/* CATEGORY BOX                                                                                                       */
/* ================================================================================================================== */
.leftnavboxbox {
    margin: 0 0 0 0;
    padding-top: 0;
    position: relative;
    min-height: 100px;
}

.leftnavboxcontent {
    padding: 22px 5px 12px 15px;
    position: relative;
    border: none;
    background: url('/webnode/images/block-gradient.png') no-repeat scroll left bottom;
}

.leftnavboxcontenttop {
    background: url('/webnode/images/block-top.png') no-repeat scroll 0 0;
    height: 12px;
    width: 290px;
    position: absolute;
    top: 0;
}

.leftnavboxcontent .graytext {
	float: none;
}

#category h4 {
    margin-top: 0px;
    margin-bottom: 7px;
    font-size: 1.2em;
}

#category a {
    display: block;
    text-decoration: none;
    text-indent: 5px;
    font-size: 0.867em;
    padding: 0 0 10px 17px;
    background: transparent url('/webnode/images/bgrListItemPlus.png') no-repeat 2px 6px;
    border: none;
    color: #4D769F;
}

#category a:hover {
    background: transparent url('/webnode/images/bgrListItemPlus.png') no-repeat 2px 6px;
    color: #000000 !important;
}

#category a span.linktext {
    border-bottom: 1px solid #4D769F;
}

#category a:hover span.linktext {
    border-bottom: 1px solid #000000;
}

#category a strong {
    font-weight: normal;
    color: #000;
}

#category a strong span {
    font-weight: normal;
    color: #000;
    border-color: #000;
}

#category a strong span.linktext {
    border-bottom: 1px solid #000000;
}

#category a:hover strong span {
    color: #000000;
}

#category a span.greytext {
    text-decoration: none;
    color: #333333;
    border-bottom: none;
}

/* ================================================================================================================== */


/* ================================================================================================================== */
/* NAVIGATOR                                                                                                          */
/* ================================================================================================================== */

#breadcrumbbar {
    border: none;
    margin: 3px 0 10px 0;
    font-size: 0.813em;
}

.breadcrumb {
    background: none;
    color: #666;
    display: inline;
    padding: 0.1em 0 0.5em 0;
    margin-bottom: 15px;
    font-size: 1.067em;
}

.breadcrumb:hover {
    background: none;
}

.breadcrumb.lastcrumb {
    font-weight: normal;
    background-image: none;
}

.breadcrumb a {
    color: #4D769F;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #4D769F;
}

.breadcrumb a:hover {
    color: #000000 !important;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #000000;
}




/* ================================================================================================================== */


/* ================================================================================================================== */
/* KNOWLEDGEBASE ARTICLES                                                                                             */
/* ================================================================================================================== */

.boxcontainercontent ol {
    margin-bottom: 100px;
    margin-left: 30px;
    padding: 0;
}

.kbarticlelist {
    font-weight: normal;
    list-style: initial;
    list-style-type: decimal;
}

.kbarticlelist .kbarticletext {
    display: none;
}

.kbarticlelist .kbarticlelistitem,
.kbarticlecategorylistitem {
    background: none;
    padding: 0px 0 3px 5px;
    margin-top: 8px;
    line-height: 1.4em;
}

.kbarticlelist .kbarticlelistitem a,
.kbarticlecategorylistitem a {
     font-size: 1.2em;
	 color: #4D769F;
     text-decoration: none;
     padding-bottom: 1px;
     border-bottom: 1px solid #4D769F;
}

.kbarticlelist .kbarticlelistitem a:hover,
.kbarticlecategorylistitem a:hover {
    color: #000000 !important;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #000000;
}

/* ================================================================================================================== */


/* ================================================================================================================== */
/* KNOWLEDGEBASE ARTICLE DETAIL                                                                                       */
/* ================================================================================================================== */

#maincorecontent .boxcontainer.noMargin {
    margin-top: 0;
    padding-top: 0;
}

.kbtitle {
    font-size: 1.5em;
    margin-top: 10px;
}

.kbtitle h1 {
    font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, Georgia, serif !important;
    text-decoration: none;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.1;
    margin: 0 0 20px 0;
    padding: 0;
}

.kbcontents {
    width: 616px;
    line-height: 1.8;
    font-size: 15px;
}

div.kbcontents h2 {
    margin: 20px 0 6px 0;
    font-size: 1.2em;
}

div.kbcontents h3 {
    margin: 20px 0 6px 0;
    font-size: 1.1em;
}

.kbcontents p {
    margin-bottom: 30px;
}

.kbcontents .fancybox {
    padding: 1px;
    border: 1px solid #DDDDDD;
    height: auto;
    display: block;
    margin: 8px auto 8px auto;
}

.kbcontents .fancybox img {
    height: auto;
    display: block;
}

.kbcontents .fancybox.width500 {
    width: 500px;
}

.kbcontents .fancybox.width500 img {
    width: 500px;
}

.kbcontents .fancybox.width570 {
    width: 570px;
}

.kbcontents .fancybox.width570 img {
    width: 570px;
}

.kbcontents .fancybox.width300 {
    width: 300px;
}

.kbcontents .fancybox.width300 img {
    width: 300px;
}

.kbcontents a {
    color: #4D769F;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #4D769F;
}

.kbcontents a:hover {
    color: #000000;
    border-bottom: 1px solid #000000;
}

.kbcontents a.fancybox:hover {
    border-bottom: 1px solid #DDDDDD;
}

.kbcontents ul,
.kbcontents ol {
    margin-left: 20px;
    margin-bottom: 8px;
    padding: 0 0 0 15px;
}

.kbhr {
    margin-bottom: 16px;
    height: 1px;
    border: none;
    color: white;
    background-color: white;
}

.kbinfo {
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 14px;
    margin-bottom: 10px;
    color: gray;
    font-family: Candara, Trebuchet MS, Verdana, Arial, Helvetica, Georgia, serif;
}

.kbavatar {
    float: right;
    border: 1px solid lightgray;
    padding: 3px;
}




.kbrating {
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    padding: 8px 0 8px 0;
    margin: 60px 0 20px 0;
	font-size: 12px;
}

.kbrating strong {
    color: #4D769F;
}

.kbrating a {
    color: #4D769F;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #4D769F;

}

.kbrating a:hover {
    color: #000;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #000000;
}

.kbratinghelpful {
    display: inline;
    cursor: pointer;
	float: none;
	margin: 0;
	font-size: 12px;
}

.kbratingnothelpful {
	display: inline;
	cursor: pointer;
	float: none;
	margin: 0;
	font-size: 12px;
}

.kbratingstars {
    display: inline;
    font-size: 11px;
    margin-right: 10px;
}

.kbratingstars span {
    padding-top: 2px;
}

.kbattachments {
    font: Georgia, Arial, sans-serif;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 6px;
}

.kbattachmentitem {
    padding: 4px 0 5px 18px;
    margin: 0 10px 0 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    display: inline;
}

td.noLine {
    height: 0px;
    line-height: 0px;
    font-size: 1px;
}


/* ================================================================================================================== */


/* ================================================================================================================== */
/* COMMENTS                                                                                                            */
/* ================================================================================================================== */

.commentslabel {
    font-size: 1.750em;
    font-weight: bold;
}

#commentscontainer {
    margin: 15px 0 0 0;
}

.hlineheader {
    width: 100%;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    color: #000000;
    text-decoration: none;
    font-size: 1.250em;
}

.hlineheader td {
    font-size: 100%;
    margin: 0;
    padding: 0;
}

td.hlinelower {
    border: none;
    width: 100%;
}


.commentsInput {
    margin: 0 0 15px 0;
}

.commentsInput label {
    font-weight: bold;
    font-size: 1.125em;
    width: 100%;
    display: block;
    margin: 0 0 3px 0;
}

.commentsInput .textareaCase {
    position: relative;
    display: block;
    margin: 0 15px 18px 0;
    padding: 3px 0 0 10px;
    background: url("/webnode/images/bgrTextareaNew2.png") 0 0 no-repeat;
    width: 590px;
}

.commentsInput .textareaCase i {
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 5px;
    background: url("/webnode/images/bgrTextareaNew2.png") 0 -745px no-repeat;
    width: 600px;
    z-index: 2;

}

.commentsInput .textareaCase textarea,
.commentsInput .textareaCase input {
    font-family: sans-serif;
    max-width: 582px;
    width: 582px;
    height: 80px;
    border: none;
    overflow: auto;
    font-size: 1.125em;
    background: none;
}

.commentsInput .textareaCase input {
    height: 26px;
}

.commentsInput .textareaCase input:focus,
.commentsInput .textareaCase textarea:focus {
    outline: none;
}


.dialogerror,
.dialoginfo {
    background: none;
    margin: 16px 16px 16px 0;
    padding: 0;
}

.dialogerrorsub,
.dialoginfosub {
    background: none;
    border: none;
    padding: 2px;
}

.dialogerrorcontent {
    border: none;
    background: url("/webnode/images/icon_error.png") no-repeat 10PX 8px #ffeef0;
    font-size: 14px;
    font-weight: normal;
    border-radius: 7px;
    padding: 10px 10px 10px 55px;
}

.dialoginfocontent {
    font-weight: normal;
    border-radius: 7px;
    padding: 10px 10px 10px 55px;
    border: none;
    font-size: 14px;
    background: url("/webnode/images/icon_info.png") no-repeat 10px 6px #bceec0;
}


/* ================================================================================================================== */


/* START: Upravy stranky se zadanim feedbacku */
#ticketsurveyform .ticketgeneraldepartment,
#ticketsurveyform .ticketgeneralinfocontainer
{
	display: none;
}

#ticketsurveyform  .ticketgeneraltitle
{
	background: transparent none;
	padding: 0;
}
/* END: Upravy stranky se zadanim feedbacku */



/* ================================================================================================================== */
/* CONTACT HELP                                                                                                       */
/* ================================================================================================================== */

.contacthelp,
.contacthelphead {
    margin: 0;
    background: url("/webnode/images/bgrWebsitesPreview616.png") no-repeat scroll left bottom transparent;
    padding: 0;
    width: 616px;
}

.contacthelphead {
    background-position: 0 0;
    height: 10px;
    left: 0;
    padding: 0;
    position: absolute;
    top: -10px;
}

.contacthelp {
    margin: 20px 0 10px;
    padding: 0;
    position: relative;
}

.contacthelp div.text {
    float: left;
    padding: 5px 0px 15px 80px;
    width: 510px;
	font-size: 12px;
}

.contacthelp i {
    background: url("/webnode/images/iconSupport.jpg") no-repeat scroll 0 0 transparent;
    height: 60px;
    left: 10px;
    position: absolute;
    top: 5px;
    width: 60px;
}

.contacthelp h5 {
    margin: 0;
    font-size: 13.4px;
    font-weight: bold;
}

.contacthelp ul {
    margin: 0 0 0 20px;
    padding: 0;
	list-style-type: disc;
}

.contacthelp ul li {
    margin: 0;
    padding: 0;
	font-size: 12px;
}

.contacthelp a {
    color: #4D769F;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #4D769F;
}

.contacthelp a:hover {
    color: #000000 !important;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #000000;
}


.wide .contacthelp,
.wide .contacthelphead {
    background: url("/webnode/images/bgrWebsitesPreview.png") no-repeat scroll left bottom transparent;
    width: 940px;
}

.wide .contacthelp {
    margin-top: 60px;
}

.wide .contacthelphead {
    background-position: 0 0;
}

.wide .contacthelp div.text {
    width: 910px;
}


/* ================================================================================================================== */


/* ================================================================================================================== */
/* FOOTER                                                                                                             */
/* ================================================================================================================== */

#coverFooter {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 0;
    width: 100%;
    min-height: 134px;
    height: auto;
    background: url('/webnode/images/bgrFooter.png') center top repeat-y;
}

#footer {
    position: relative;
    margin: 0 auto;
    width: 940px;
    padding: 0;
    height: 134px;
    border-top: 1px solid #eff0f3;
    font-size: .8em;
    color: #939293;
    border-bottom: none;
}

#footer, #footer a {
    color: #939293 !important;
    border-bottom: none;
}

#footer a:hover {
    color: #000 !important;
    border-bottom: none;
}

#footerLinks {
    margin: 40px 0 0;
    padding: 0;
}

#footerCopyrights {
    margin: 40px 0 0;
    padding: 0;
}

/* ================================================================================================================== */


/* ================================================================================================================== */
/* LANGUAGE SWITCH                                                                                                    */
/* ================================================================================================================== */

#languages {
    position: absolute;
    top: 30px;
    right: 0px;
}

#changeLanguage {
    position: relative;
    display: block;
    width: 136px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 14px;
    cursor: pointer;
    white-space: nowrap;
    border-bottom: none;
}

#changeLanguage u {
	display: block;
	z-index: 100;
}

#changeLanguage i {
    position: absolute;
    display: block;
    top: 15px;
    right: 17px;
    width: 12px;
    height: 12px;
    background: url('/webnode/images/elements.png') -24px -80px no-repeat;
}

#changeLanguage.selected,
#changeLanguage.selected:hover {
	background: url('/webnode/images/languages-background.png') no-repeat scroll 0 -710px transparent;
	color: #fff !important;
}

#changeLanguage.selected i {
    background-position: -36px -80px;
}

#languagesList {
	background: url('/webnode/images/languages-background.png') no-repeat scroll 0 0 transparent;
	position: absolute;
	bottom: 40px;
	right: 0;
	display: none;
	padding: 12px 0 8px;
	width: 150px;
	z-index: 10;
	list-style-type: none;
	margin: 0;
}

#languagesList li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

#languagesList li a {
	color: #fff !important;
	display: block;
	padding: 2px 17px 4px;
	width: 116px;
}

#languagesList li a:hover {
    color: #ff7800 !important;
    background: #393d48 url('/webnode/images/elements.png') 0 -95px no-repeat;
    border: 1px solid #202228;
    border-color: #202228 #4b4f58 #61646d #262930;
    padding: 1px 16px 3px;
}

/* ================================================================================================================== */


/* ================================================================================================================== */
/* SEARCH FORM                                                                                                        */
/* ================================================================================================================== */

.searchboxcontainer {
    border: none;
}

.searchquery {
    height: 34px;
	font-size: 16px;
	padding: 0 12px;
}

.searchbuttoncontainer {
	top: 8px;
	right: 0;
}

/* ================================================================================================================== */

/* ================================================================================================================== */
/* SEARCH RESULTS                                                                                                     */
/* ================================================================================================================== */

.kbarticlecontainer,
.kbsearchcontainer {
    font-size: 16px;
    font-weight: normal;
    padding: 2px 0;
    margin: 0;
    background: none;
    border: none;
}

.kbarticle,
.kbsearch {
    padding: 0 0 0 5px;
    margin-top: 8px;
    line-height: 1.4em;
    font-weight: normal;
    font-size: 1.0em;
}

.kbarticle a,
.kbsearch a {
    color: #4D769F;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #4D769F;
}

.kbarticle a:hover,
.kbsearch a:hover {
    color: #000000 !important;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #000000;
}

.kbsearchtext {
    /* display: none; */
	margin-left: 5px;
}

.infotextcontainer {
    padding: 15px 0 100px 0;
    font-size: 1.25em;
    line-height: 1.5em;
}


/* ================================================================================================================== */


/* ================================================================================================================== */
/* TICKET SURVEY                                                                                                      */
/* ================================================================================================================== */

.wide #maincorecontent {
    width: 940px;
    float: left;
}

.wide #breadcrumbbar,
.wide #searchform {
    display: none;
}

.wide #maincore .boxcontainer {
    margin: 0;
    padding: 0;
}

.boxcontainer .staffimg {
    position: absolute;
    top: 10px;
    right: 0px;
}

.boxcontainercontenttight {
    border: none;
}

#surveycontainer {
    margin: 0 0 20px 0;
}

.ticketpaddingcontainer {
    padding: 8px;
}

.ticketpaddingcontainer label big {
    font-size: 0.875em;
}

.formRow {
    position: relative;
}

.wide #maincore .boxcontainer .textareaCase {
    position: relative;
    display: block;
    margin: 0 15px 18px 0;
    padding: 8px 0 2px 10px;
    background: url("/webnode/images/bgrTextareaNew2.png") 0 0 no-repeat;
    width: 590px;
}

.textareaCase textarea {
    font-family: sans-serif;
    width: 296px;
    max-width: 296px;
    height: 110px;
    border: none;
    overflow: auto;
    font-size: 0.875em;
}

.wide #maincore .boxcontainer .textareaCase textarea {
    max-width: 582px;
    width: 582px;
}

.textareaCase i {
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 5px;
    width: 556px;
    background: url("/webnode/images/bgrTextareaNew.png") 0 -745px no-repeat;
    width: 314px;
    z-index: 2;
}

.wide #maincore .boxcontainer .textareaCase i {
    background: url("/webnode/images/bgrTextareaNew2.png") 0 -745px no-repeat;
    width: 600px;
}

.inputHint, .inputAlert {
    position: absolute;
    top: 10px;
    left: 324px;
    width: 218px;
    height: auto;
    max-height: 750px;
    padding: 8px 12px 0 20px;
    background: url("/webnode/images/bgrFormHint.png") 0 0 no-repeat;
    color: #fff;
    font-family: sans-serif;
    display: none;
    z-index: 100;
}

#maincorecontent .inputHint h4,
#maincorecontent .inputAlert h4 {
    font-weight: bold;
    margin: 0 0 3px;
}

#maincorecontent .inputHint p,
#maincorecontent .inputAlert p {
    margin: 5px 0;
}

.inputHint i, .inputAlert i {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: block;
    width: 260px;
    height: 10px;
    background: url("/webnode/images/bgrFormHint.png") 0 -740px no-repeat;
}

.buttonCase {
    position: relative;
    display: block;
    height: 34px;
    padding: 6px 3px 4px 20px;
    margin: 0;
    background: url("/webnode/images/bgrFormElements2.png") 0 -110px no-repeat;
    cursor: pointer;
    text-align: left;
    float: left;
    text-decoration: none !important;
}

.buttonCase button,
.buttonCase a,
.buttonCase b,
.buttonCase span {
    margin: 0;
    padding: 0;
    color: #010101;
    font-size: 1em;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none !important;
}

.buttonCase button {
    font-size: 1.875em;
}

#headerMenu, h1,
.buttonCase {
    font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}

.buttonCase i {
    display: block;
    position: absolute;
    right: -17px;
    top: 0;
    height: 40px;
    width: 20px;
    background: url("/webnode/images/bgrFormElements2.png") -920px -110px no-repeat;
    z-index: 2;
}


/* ================================================================================================================== */



#fancybox-title-inside {
    font-size: 14px !important;
    font-weight: bold !important;
}