/* articlePage start - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.articlePage {
    float: left;
    width: 558px;
    padding: 0 12px 9px 0;
}

div.articlePage h1 {
    margin-bottom: 13px;
    font-size: 18px;
    line-height: 21px;
}

div.articlePage h2 {
    margin-bottom: 4px;
    padding-bottom:0;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    line-height: 19px;
    color: #333;
}

div.articlePage small.date {
    display: block;
    margin-bottom: 3px;
    font-size: 10px;
    line-height: 13px;
    color: #666;
}

div.articlePage p.lead {
    font-weight: bold;
    margin-bottom: 15px;
}

/* articlePage end - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* article image start - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

div.articlePage div.articleImg div.tgallery a,
div.articlePage div.articleImg div.tgallery img,
div.articlePage div.articleImg div.tgallery div.description,
div.articlePage div.articleImg div.tgallery div.description p {
    display: block;
    float: left;
}

div.articlePage div.articleImg div.tgallery a {
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
}

div.articlePage div.articleImg div.tgallery a span.icoZoom {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: block;
    width: 19px;
    height: 20px;
    background: transparent url(/static/alkalmazasok/tgallery/img/ico_article-zoom.gif) no-repeat left top;
}

div.articlePage div.articleImg div.tgallery div.description {
    background: #fff;
}

div.articlePage div.articleImg div.tgallery div.description p {
    color: #666;
    padding: 0 5px 7px 5px;
    font-size: 10px;
    line-height: 13px;
}

div.articlePage div.articleImg div.tgallery img {
    float: left;
    padding: 3px;
    background: #fff;
    border: 1px solid #e5e5e5;
}

div.articlePage div.articleImg.descRightBottom {
    position: relative;
    width: 558px;
}

div.articlePage div.articleImg.descRightBottom div.description p {
    position: absolute;
    width: 172px;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
}

div.articlePage div.articleImg.flLeft {
    float: left;
    margin: 0px 10px 10px 0;
}

div.articlePage div.articleImg.flRight {
    float: right;
    margin: 0 0 10px 10px;
}

/* article image end - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* carousel start - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.carousel {
    position: relative;
    display: block;
    float: left;
    width: 556px;
    padding-bottom: 15px;
    margin-bottom: 17px;
    border: 1px solid #ccc;
    background: #fff url(/static/alkalmazasok/tgallery/img/bg_carousel.jpg) repeat-x scroll left bottom;
}

/*
    ha ures a description, akkor elmeletileg 19px a magassaga, ennyi a felso eltartas
    ures allapotban a layout szerint
*/
div.carousel div.description {
    padding: 6px 10px 13px 10px;
    color: #666;
}

div.carousel div.description p {
    padding: 0 0 4px 0;
}

div.carousel div.btnPrev,
div.carousel div.btnNext {
    display: block;
    width: 39px;
    height: 98px;
    cursor: pointer;
}

div.carousel div.btnPrev {
    float: left;
}

div.carousel div.btnNext {
    float: right;
}

div.carousel div.btnPrevNormal {
    background: transparent url(/static/alkalmazasok/tgallery/img/bg_btn-gallery-prev.gif) no-repeat -21px 50%;
}

div.carousel div.btnPrevHover {
    background: transparent url(/static/alkalmazasok/tgallery/img/bg_btn-gallery-prev.gif) no-repeat 10px 50%;
}

div.carousel div.btnNextNormal {
    background: transparent url(/static/alkalmazasok/tgallery/img/bg_btn-gallery-next.gif) no-repeat -18px 50%;
}

div.carousel div.btnNextHover {
    background: transparent url(/static/alkalmazasok/tgallery/img/bg_btn-gallery-next.gif) no-repeat 13px 50%;
}

div.carousel div.btnPrevDisabled,
div.carousel div.btnNextDisabled {
    background: transparent;
}

div.carousel div.container {
    position: absolute;
    left: 40px;
    bottom: 15px;
    width: 476px;
    overflow: hidden;
}

div.carousel div.container ul {
    position: relative;
    left: 0;
    top: 0;
    float: left;
    margin: 0;
    padding: 0;
    width: 100000px;
}

div.carousel div.container ul li {
    display:block;
    float:left;
    margin-right: 10px;
  	padding: 0;
  	background: none;
}

div.carousel div.container ul li a {
    display:block;
    float:left;
    position:relative;
    text-decoration:none;
    padding:1px;
}

div.carousel div.container ul li a span.border {
    display:none;
}

div.carousel div.container ul a:hover {
    display:block;
    border:1px solid #E20074;
    padding:0;
}



div.carousel div.container ul li img {
    border: none;
    display:block;
    float: left;
}

/* carousel end - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* modal layer start - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

div#modalLayer {
    position: absolute;
    width: 100%;
    background: #000;
    opacity: 0.4;
    top: 0;
    left: 0;
}

div#modalContent {
    position: fixed;
    left: 273px;
    top: 10px;
    width: 606px;
    z-index: 9990;
    background: #fff;
    border: 3px solid #808080;
    z-index: 5;
}

/* modal layer end - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/* gallery popup start - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/*
    ez a komponens kerul a modal layerbe es a popup ablakba is
*/

div.galleryPopup {
    width: 606px;
}

div.galleryPopup a {
    font-size: 12px;
    line-height: 15px;
    font-family: Arial;
    text-decoration:none;
}

div.galleryPopup div.topCont {
    float: left;
    padding: 10px 32px;
    width: 542px;
}

div.galleryPopup div.topCont h2 {
    float: left;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 12px;
    line-height: 15px;
}

div.galleryPopup a.btnClose {
    float: right;
    padding-right: 14px;
    text-decoration: none;
    color: #000;
    background: transparent url(/static/alkalmazasok/tgallery/img/ico_btn-close.gif) no-repeat right center;
}

div.galleryPopup a.btnClose:hover {
    text-decoration: underline;
}

div.galleryPopup div.content {
    display: block;
    float: left;
    width: 590px; /* 566px */
    padding: 0 20px 20px 20px;
}

div.galleryPopup div.btnPrevImg,
div.galleryPopup div.btnNextImg {
    display: block;
    width: 16px;
    height: 25px;
    margin-top: 248px;
    cursor: pointer;
}

div.galleryPopup div.btnPrevImg {
    float: left;
}

div.galleryPopup div.btnPrevImgNormal {
    background: transparent url(/static/alkalmazasok/tgallery/img/bg_btn-gallery-prev.gif) no-repeat -31px 0;
}

div.galleryPopup div.btnPrevImgHover {
    background: transparent url(/static/alkalmazasok/tgallery/img/bg_btn-gallery-prev.gif) no-repeat left top;
}

div.galleryPopup div.btnNextImg {
    float: right;
}

div.galleryPopup div.btnNextImgNormal {
    background: transparent url(/static/alkalmazasok/tgallery/img/bg_btn-gallery-next.gif) no-repeat -31px 0;
}

div.galleryPopup div.btnNextImgHover {
    background: transparent url(/static/alkalmazasok/tgallery/img/bg_btn-gallery-next.gif) no-repeat left top;
}

div.galleryPopup div.imgCont {
    float: left;
    width: 558px; /* 534px */
    height: 370px;
    padding: 0 0 17px 0;
    text-align: center;
}

div.galleryPopup div.textCont {
    float: left;
    width: 590px; /* 556px */
}

div.galleryPopup div.textCont div.greyBox {
    float: left;
    position: relative;
    width: 540px;
    padding: 10px 8px;
    margin: 0 0 10px 0;
    background: #f6f6f6;
}

div.galleryPopup div.textCont div.loginOrReg {
    height: 37px;
}

div.galleryPopup div.textCont div.greyBox div.btnBox {
    position: absolute;
    top: 10px;
    right: 12px;
}

div.galleryPopup div.textCont div.greyBox div.btnBox a.flR {
    clear:both;
    display:block;
    font-size:11px;
    padding:0 16px 3px 0;
    margin: 0 0 5px 0;
    background:transparent url(/static/alkalmazasok/tgallery/img/link-in.gif) no-repeat scroll right 2px;
}

div.galleryPopup div.textCont p {
    padding-bottom: 0;
    margin-bottom: 10px;
    line-height: 16px;
	font: normal 12px arial;
}

div.galleryPopup div.textCont p small {
    font-size: 11px;
    line-height: 14px;
    color: #999;
}

div.galleryPopup div.carousel {
	width: 588px;
    margin-bottom: 0;
}
div.galleryPopup div.carousel div.container {
    width: 508px;
}
/* gallery popup end - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/bottom: 0;
}
div.galleryPopup div.carousel div.container {
    width: 508px;
}
/* gallery popup end - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/