/* START: ARTICLE */

#articleIntro {	position: relative;	overflow: hidden; height: 332px; }
.introPicture img { width: 628px; }
#articleIntro h1 { background: #00b4b4; bottom: 23px; color: #fff; display: block; font-size: 24px; left: 0; line-height: 30px; padding: 10px; position: absolute; width: 608px; font-family: 'Gotham-Bold', sans-serif; }
.dateAuthor .img-meta {
    float: right;
    position: absolute;
    right: 10px;
    font-size: 10px;
}
.dateAuthor {
    float: left;
    font-size: 10px;
    margin-top: 6px;
    color: #f2f2f2;
    width: 100%;
    padding-right: 20px;
    display: flex;
    box-sizing: border-box;
}
.articleMultimedia { background: #1e3c78; bottom: 0; color: #fff; font-size: 11px; height: 23px; left: 0px; position: absolute; padding: 0 0 0 10px; width: 618px; }
.articleMultimedia .videoIcon, .articleMultimedia .galleryIcon, .articleMultimedia .commentIcon, .articleMultimedia .sendIcon, .articleMultimedia .printIcon { color: #f5821e; float: right; margin-right: 10px; padding: 4px 0 5px 12px;}
.articleMultimedia .videoIcon:hover, .articleMultimedia .galleryIcon:hover, .articleMultimedia .commentIcon:hover, .articleMultimedia .sendIcon:hover, .articleMultimedia .printIcon:hover { text-decoration: underline;}
.articleMultimedia .commentIcon { background: url(../img/floatIconComment.gif) no-repeat 0 7px; padding: 4px 0 5px 16px; }
.articleMultimedia .sendIcon { background: url(../img/floatIconSend.gif) no-repeat scroll 0 7px transparent; padding: 4px 0 5px 19px; }
.articleMultimedia .galleryIcon { background: url(../img/floatIconGallery.gif) no-repeat scroll 0 7px transparent; }
.articleMultimedia .videoIcon { background: url(../img/floatIconVideo.gif) no-repeat scroll 0 7px transparent; }
.article_summary p { font-size: 16px; font-family: 'Gotham-Medium', sans-serif; line-height: 21px; padding: 20px 0; margin: 0; color: #f5821e; }
.picture { float: left; margin: 5px 10px 0 4px; width: 228px; }
.picturewide { float: left; margin: 5px 0 0 4px; }
.picturewide .picturewide_comment, .picture .picture_comment { float: left; color: #f5821e; font-style: italic; padding: 10px 10px 20px; }
.picturewide .picturewide_comment{ width: 580px; }
.picture .picture_comment { width: 208px; }

/* start: Quote */
.quote { float: right; width: 200px; margin: 5px; padding: 7px; }
.quote .quote_content { padding: 7px; color: #6F4C60; font-size: 11px; font-weight: bold; background: url(../img/quoteTop.gif) no-repeat top left; padding: 12px 0 12px 25px; }
.quote .quote_content h2 { color: #6F4C60; font-size: 18px; font-weight: normal; font-style: italic; background: url(../img/quoteBottom.gif) no-repeat bottom right; padding: 8px 25px 8px 0; font-family: "Times New Roman", Times, serif; }
.quote .quote_author i { color: #9F8B97; }
.quote_no { float: right; width: 200px; margin: 5px; padding: 7px; }
.quote_no .quote_no_content  { padding: 7px; color: #6F4C60; font-size: 11px; font-weight: bold; padding: 12px 0 12px 25px; }
.quote_no .quote_no_content h2 { color: #6F4C60; font-size: 18px; font-weight: normal; font-style: italic; padding: 8px 25px 8px 0; font-family: "Times New Roman", Times, serif; }
/* end: Quote */

/* start: Voting*/
#main_content #article_vote { padding: 0; }
#main_content #article_vote .small_box_content { background: #fff url(../img/votingBg.gif) repeat-x 0 bottom; border: 1px solid #E6C3D7; overflow: auto; padding: 10px; }
#article_vote span{ float: left; }
#article_vote .vote_caption { color: #B2598C; font-size: 16px; font-weight: bold; margin-right: 10px; }
#article_vote .vote_count, #article_vote .current_vote { float: right; }
#article_vote .current_vote { margin-right: 10px; padding-top: 2px; color: #994C78; font-size: 15px; font-weight: bold; }
#article_vote .vote_count { font-size: 10px; color: #B26B94; padding-top: 6px; }
#article_vote .stars .vote { background-image: url(../img/stars.png); background-repeat: no-repeat; cursor: pointer; display: block; float: left; height: 18px; margin: 0; padding: 0; width: 19px; }
#article_vote .stars .vote.over { background-position: 0 -31px; }
/* end: Voting */

/* start: Related articles */
.related_articles { margin-bottom: 30px; }
.related_articles a { font-size: 14px; padding-left: 15px; line-height: 20px; background: url(../img/relatedArticlesBullet.gif) 0 0 no-repeat; }
/* end: Related articles */

/* start: Articles files */
.articleFile a { font-size: 14px; padding-left: 15px; line-height: 20px; background: url(../img/relatedArticlesBullet.gif) 0 0 no-repeat; }
.articleFile:last-child { margin-bottom: 30px; }
/* end: Articles files */

/* start: Photogallery */
#article_lightbox_gallery { width: 628px; overflow: hidden; margin-bottom: 25px; }
#article_lightbox_gallery #article_lightbox_gallery_track { float: left; overflow: hidden; width: 628px; height: 68px; position: relative; padding: 6px 0; }
#article_lightbox_gallery img { float: none; max-width:68px; max-height:68px; }
.article_lightbox_gallery_prev, .article_lightbox_gallery_next { position: absolute; background: #FFF; height: 80px; width: 20px; z-index: 2; top: 0; }
.article_lightbox_gallery_prev { left: 0; }
.article_lightbox_gallery_next { right: 0; }
.article_lightbox_gallery_prev:before { content: '\e808'; text-indent: -20px; }
.article_lightbox_gallery_next:before { content: '\e809'; text-indent: 5px; }
.article_lightbox_gallery_prev:before, .article_lightbox_gallery_next:before { margin-top: 30px; font-size: 20px; }
.article_lightbox_gallery_prev:hover { background-position: 0 100%; }
.article_lightbox_gallery_next:hover { background-position: 100% 100%; }
#article_lightbox_gallery_scroll { z-index: 1; white-space: nowrap; position: absolute; left: 20px; }
#article_lightbox_gallery_scroll img { margin-right: 3px; }
#lbCloseLink { width: 82px !important; }
/* end: Photogallery */

/* start: Audio box */
.media_box { margin-bottom: 30px; }
.media_box h3 { font-size: 14px; font-weight: bold; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif; margin-bottom: 5px; margin-left: 10px; }
.media_box embed { margin-left: 10px; }
/* end: Audio box */

/* start: Video box */
#main_content .dtvArticle .newsBox { margin-left: 0; margin-bottom: 20px; }
.selected_videos_info { margin-bottom: 20px }
.selected_videos_info .selected_videos_title { font-size: 16px; font-family: 'Gotham-Medium', sans-serif; padding-top: 10px; color: #f5821e; }
.selected_videos_info .selected_videos_description { line-height: 18px; }
#main_content .dtvArticle .newsBoxSecondaryItem { margin-right: 15px; padding-bottom: 20px; width: 114px; }
/* end: Video box */

/* start: Article list box */
#dtv_article_list { width: 628px; margin-bottom: 30px; }
#dtv_article_list .primary_links a:hover { color: #cc7d29; }
#first_lead_box { margin-left: 0; }
.list_lead_box { float: left; margin-left: 29px; padding: 0 0 10px 1px; width: 134px; }
.list_lead_box  img {margin-bottom: 5px; width: 134px; }
.list_lead_box a { font-size: 13px; line-height: 16px; font-family: 'Gotham-Medium', sans-serif;}
.list_lead_box  img:hover { border-color: #cc7d29; }
.list_lead_box .time { font-size: 10px; color: #636363; line-height: 12px; display: inline-block; margin-top: 3px; }
/* end: Article list box */

/* start: Send article box*/
#article_send_form_id input { width: 180px; margin-bottom: 5px; }
#article_send_form_id .button { width: auto; float: right; border-top: none; position: relative; top: -1px; }
#article_send_form_id textarea { width: 288px; height: 63px; }
/* end: Send article box */

/* start: Share box */
#share .contentBox li { display: block; float: left; font-size: 11px;	margin: 0 10px 5px 0; width: 88px; overflow: hidden; }
#share .contentBox li.blog a { background: transparent url(/static/hr/shared/img/buttons/blog.gif) no-repeat scroll 0 5px; display: block; height: 23px; padding: 8px 0 0 28px; }
#share .contentBox li.newsvine a { background: transparent url(/static/hr/shared/img/buttons/newsvine.gif) no-repeat scroll 0 3px; display: block; height: 23px; padding: 8px 0 0 28px; }
#share .contentBox li.reddit a { background: transparent url(/static/hr/shared/img/buttons/reddit.gif) no-repeat scroll 0 4px; display: block; height: 23px; padding: 8px 0 0 28px; }
#share .contentBox li.stumbleupon a { background: transparent url(/static/hr/shared/img/buttons/stumbleupon.gif) no-repeat scroll 0 4px; display: block; height: 23px; padding: 8px 0 0 28px; }
#share .contentBox li.google a { background: transparent url(/static/hr/shared/img/buttons/google.gif) no-repeat scroll 0 4px; display: block; height: 23px; padding: 8px 0 0 26px; }
#share .contentBox li.facebook a { background: transparent url(/static/hr/shared/img/buttons/facebook.gif) no-repeat scroll 0 4px; display: block; height: 23px; padding: 8px 0 0 28px; }
#share .contentBox li.furl a { background: transparent url(/static/hr/shared/img/buttons/furl.gif) no-repeat scroll 0 4px; display: block; height: 23px; padding: 8px 0 0 28px; }
#share .contentBox li.myspace a { background: transparent url(/static/hr/shared/img/buttons/myspace.gif) no-repeat scroll 0 4px; display: block; height: 23px; padding: 8px 0 0 28px; }
#share .contentBox li.delicious a { background: transparent url(/static/hr/shared/img/buttons/delicious.gif) no-repeat scroll 0 4px; display: block; height: 23px; padding: 8px 0 0 28px; }
#share .contentBox li.yahoo a { background: transparent url(/static/hr/shared/img/buttons/yahoo.gif) no-repeat scroll 0 4px; display: block; height: 23px; padding: 8px 0 0 30px; }
#share .contentBox li.digg a { background: transparent url(/static/hr/shared/img/buttons/digg.gif) no-repeat scroll 0 4px; display: block; height: 23px; padding: 8px 0 0 28px; }
#share .contentBox li.twitter a { background: transparent url(/static/hr/shared/img/buttons/twitter.gif) no-repeat scroll 0 4px; display: block; height: 23px; padding: 8px 0 0 28px; }
/* end: Share box */

/* start: Comments box */
#comments_box { position: relative; }
#comments_box .sort { position: absolute; top: 9px; right: 10px; background: url(../img/buttonBg_rev.gif) repeat-x 0 0; padding: 0 10px; border: 1px solid #e6c3d7; border-bottom: none; }
#comments_order_desc, #comments_order_asc { padding: 2px 2px 2px 12px; display: block; float: left; }
#comments_order_desc { background: url(../img/commentsDesc.gif) no-repeat 0 5px; padding-right: 8px; }
#comments_order_asc { background: url(../img/commentsAsc.gif) no-repeat 0 5px; }
#comments_box #comments .comments_more { border-top: 1px solid #E6C3D7; }
#comments_box #comments .comments_more a { background: url(../img/buttonBg.gif) 0 100% repeat-x; padding: 2px 9px; color: #994c78; border: 1px solid #E6C3D7; border-top: none; position: relative; top: 1px; left: 10px; }
#comments_box #comments .comments_more a:hover { color: #cc7d29; background: #fff; }
#comments_box #comments .comment_avatar { float: left; margin-right: 18px; width: 68px; height: 68px; overflow: hidden; background: url(../img/avatar_default.gif) no-repeat 0 0; }
#comments_box #comments .comment_pointer { width: 15px; height: 25px; background: url(../img/articleCommentsPointer.gif) no-repeat 0 0; position: absolute; top: 0; left: 72px; }
#comments_box #comments .comment_body { padding: 10px; border: 1px solid #f2e6ed; overflow: auto; background: #fff url(../img/articleCommentBg.gif) repeat-x 0 100%; }
#comments_box #comments .comment_body .comment_username { font-size: 15px; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif; display: inline; padding-right: 10px; }
#comments_box #comments .comment_body .comment_date { display: inline; color: #b27d9c; font-size: 11px; }
#comments_box #comments .comment_body .comment_text { border-top: 1px solid #e6dae1; line-height: 18px; margin-top: 6px; padding-top: 6px; }
#comments_box #comments .single_comment { margin-bottom: 10px; position: relative; }
#comments_box #comment_send { position: relative; background: #fff; padding: 10px; overflow: hidden; }
#comments_box #comment_send.active { padding-bottom: 30px; }
#comments_box #comment_txt { width: 582px; height: 20px; }
#comments_box .active #comment_txt { height: 72px; line-height: 18px; }
#comment_send #comment_btn { display: none; }
#comment_send.active #comment_btn { display: block; }
#comments_box .active #comment_btn { border-top: none; bottom: -20px; position: absolute; right: 0; }
#comment_send .user_display_when_loggedin { position: relative; }
#comments_box #send_comment { font-size: 15px; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif; margin-bottom: 5px; }
#comments_box #comments { padding: 0 10px 10px; }
#comments_box #span_comment_msg { font-style: italic; position: absolute; right: 0; text-align: right; top: 0; width: 450px; color: #BB9EAF; }
#comments_box #comments .single_comment .voting { position: absolute; right: 1px; top: 13px; text-align: right; padding-right: 4px; }
#comments_box #comments .voting .score_positive a, #comments_box #comments .voting .score_negative a { background: url(/static/hr/microsites/default/img/thumbsPinkDomaSprite.gif) no-repeat   0; display: block; float: left; height: 16px; width: 14px; margin-right: 5px; }
#comments_box #comments .voting .score_negative a { background-position: -14px 0; margin-right: 10px; }
#comments_box #comments .voting .score_positive a:hover { background-position: 0 -16px; }
#comments_box #comments .voting .score_negative a:hover { background-position: -14px -16px; }
#comments_box #comments .single_comment .voting .score { margin-right: 10px; margin-top: 2px; float: left; }
#comment_send .commentsLogin img { background: url("../img/doma_prijaviSe.gif") no-repeat scroll 0 -20px transparent; border: medium none; bottom: 5px; float: left; height: 20px; margin: 3px 10px 0 0; padding: 0; position: relative; width: 80px; }
#comment_send .commentsLogin img:hover { background-position: 0 0; }
/* end: Comments box */

#article_vote { display: none; }

/* END: ARTICLE */