/*************** Srarch Jobs (_dbsTemplates/JobsBoard.asp) ***********/ A.addJob {display:table; padding:4px 20px 4px 20px; font-size:1.8rem; color:#fff; background-color:#4c2177; margin:15px auto 20px auto; text-decoration:none;} A.addJob SPAN {height:30px; display:table; padding:0px 37px 0px 0px; line-height:30px; background:url('../arrow-sendCV.png') no-repeat right -34px;} A.addJob:hover {color:#fff; background-color:#4c2177; text-decoration:none;} A.addJob:hover SPAN {background-position:right top;} DIV.jobs-search-box {background-color:#fff; border-top:#ccb8ca 1px solid; border-bottom:#ccb8ca 1px solid; padding:15px 15px 10px 15px; margin-bottom:20px;} .jobs-search-box DIV.jobs-search-title {color:#4c2177; font-size:2rem; line-height:2.2rem; margin-bottom:15px;} .jobs-search-box DIV.jsb-50z {margin-bottom:10px;} .jobs-search-box DIV.jsb-Bt .button {width:70px; padding:0px 10px 0px 10px; box-sizing:border-box;} .jobs-search-box LABEL {white-space:nowrap; display:block; padding-top:8px;} .jobs-search-box SELECT {width:205px; margin-right:10px; margin-left:10px; border:#ccb8ca 1px solid;} @media screen and (max-width: 1024px) { DIV.jobs-search-box {text-align:center;} .jobs-search-box DIV.jsb-form {display:table; margin:auto;} .jobs-search-box DIV.jsb-50z {width: 100%; display:table; float:none !important;} .jobs-search-box SELECT {width:240px; margin-right:0px;} } @media screen and (max-width: 400px) { DIV.jobs-search-box {padding:15px 5px 10px 5px;} .jobs-search-box SELECT {width:200px;} } TABLE.job-adv {margin-bottom:20px; border-bottom:#ccb8ca 1px solid;} TD.job-classification {background-color:#efe9e9; color:#4c2177; font-size:1.7rem; line-height:1.8rem; padding:14px 10px 14px 10px; border-bottom:#fff 4px solid;} TABLE.job-adv-head {background-color:#4c2177;} TD.job-adv-head-name {color:#fff; text-align:left; font-weight:bold; line-height:1.8rem; padding:14px 10px 14px 10px;} TD.job-adv-head-date {color:#fff; text-align:right; padding:10px 17px 10px 10px;} TD.job-adv-head-date STRONG {font-size:1.3rem; line-height:1.8em;} TR.job-table-line {} TR.job-table-line TD {padding-top:15px;} TR.job-table-line TD:first-child {color:#4c2177; padding-right:10px;} TR.job-table-line TD A {color:#37373d; text-decoration:none;} TR.job-table-line TD A:hover {color:#37373d; text-decoration:underline;} A.sendCV {display:table; padding:4px 35px 4px 35px; font-size:1.8rem; color:#fff; background-color:#4c2177; margin:15px 0px 20px auto; text-decoration:none;} A.sendCV SPAN {height:30px; display:table; padding:0px 37px 0px 0px; line-height:30px; background:url('../arrow-sendCV.png') no-repeat right top;} A.sendCV:hover {color:#fff; background-color:#8249bc; text-decoration:none;} A.sendCV:hover SPAN {background-position:right -34px;} TABLE.job-adv HR {display:none;} @media screen and (max-width: 768px) { A.sendCV {margin:22px auto 37px 0px;} } @media screen and (max-width: 400px) { TR.job-table-line TD {font-size:1.4rem; line-height:1.8rem;} } /*************** New job Form (JobsBoard/Send.asp) ***********/ DIV.job-form-page-msg {font-weight:bold; margin:10px 0px 25px 0px;} DIV.job-form {border-top:#d8cbd7 1px solid; margin-bottom:20px;} DIV.job-form-msg {border-bottom:#d8cbd7 1px solid; padding:6px 0px 6px 0px; font-size:1.3rem; margin-bottom:10px;} TABLE.job-form-section TD {padding-top:13px;} TABLE.job-form-section TR.customer-name TD {padding-bottom:13px;} TABLE.job-form-section TD:first-child {width:140px; padding:21px 12px 0px 0px !important; box-sizing:border-box;} DIV.job-form INPUT.input {width:100%;} DIV.job-form TEXTAREA {width:100%; height:77px; /* font-size:1.5rem; padding:4px 10px 4px 10px; overflow:auto; border:0;*/ resize:none;} DIV.job-form SELECT {width:100%;} DIV.job-form LABEL {} DIV.job-form TD.label-upload {padding-top:12px !important;} DIV.job-form DIV.UploadImg {width:345px; height:37px; position:relative;} DIV.job-form DIV.FakeUpload {width:345px; height:37px; position:absolute; top:0px; left:0; z-index:5; font-size:13px; font-family:Arial;} DIV.job-form DIV.UploadLable {width:127px; height:37px; line-height:37px; direction:rtl; text-align:center; color:#fff; font-size:17px; cursor:pointer; background:#4c2177;} DIV.job-form DIV.UploadLable .fa {display:none; color:#fff; line-height:37px;} DIV.job-form INPUT.FakeUpload {width:207px !important;} DIV.job-form INPUT.RealUpload {position:absolute; top:0px; left:0; opacity:0; z-index:5;} DIV.job-form TD.button-container {text-align:center; padding-top:20px;} DIV.job-form INPUT.buttonAddJob {height:38px; font-size:1.8rem; color:#fff; padding:0px 57px 0px 20px; background:#4c2177 url('../arrow-sendCV.png') no-repeat right 20px top -30px;} DIV.job-form INPUT.buttonAddJob:hover {background:#4c2177 url('../arrow-sendCV.png') no-repeat right 20px top 4px} DIV.job-form HR {margin-bottom:20px;} DIV.job-form .red {color:#37373d 1px solid;} @media screen and (max-width: 520px) { DIV.job-form DIV.UploadImg {width:100%;} DIV.job-form DIV.FakeUpload {width:100%;} DIV.job-form DIV.FakeUpload .align {width:calc(100% - 44px);} DIV.job-form DIV.UploadLable {width:34px;} DIV.job-form DIV.UploadLable SPAN {display:none;} DIV.job-form DIV.UploadLable .fa {display:block;} DIV.job-form INPUT.FakeUpload {width:100% !important;} } /*************** send CV Form (JobsBoard/SendCV.asp) ***********/ TABLE.sendCV-form {} TABLE.sendCV-form TD {padding:10px 10px 0px 0px;} TD.sendCV-form-msg {border-bottom:#d8cbd7 1px solid; padding-bottom:6px !important;} /*************** Bogrim page (Book/Book.asp) ***********/ DIV.boger-form {margin-bottom:22px; border-bottom:#4c2177 1px solid; padding-bottom:20px;} DIV.boger-form DIV.search-boger-section {width:100%; max-width:524px; margin:0px auto 0px auto;} DIV.boger-form DIV.search-boger-50z {width:47%;} DIV.boger-form DIV.search-boger-50z:first-child {float:left;} DIV.boger-form DIV.search-boger-50z:last-child {float:right;} DIV.boger-form DIV.inputs-container {margin-bottom:11px;} DIV.boger-form DIV.button-container {text-align:center; margin-top:8px;} DIV.boger-form INPUT.input {width:100%;} DIV.boger-form SELECT {width:100%; overflow:hidden;} DIV.boger-form INPUT.button {width:138px; height:40px; padding:0px; margin:0px auto 0px auto; font-size:1.8rem;} @media screen and (max-width: 440px) { DIV.boger-form DIV.search-boger-50z {width:250px; float:none !important; margin:0px auto 0px auto;} } DIV.layout {display:table; margin:0px auto 10px auto;} DIV.layout SELECT {width:235px; margin-left:10px;} DIV.layout LABEL {display:inline-block; padding-top:9px;} #data {padding-top:14px;} TABLE.bogrim {} /** as table of details **/ TABLE.bogrim-list {background-color:#efe9e9;} TABLE.bogrim-list TR.scop-col {background-color:#4c2177;} TABLE.bogrim-list .scop-col TH {padding:7px 8px 8px 8px; color:#fff;} .bogrim-list .scop-col TH:nth-child(odd) {background-color:rgba(255,255,255, 0.1);} TABLE.bogrim-list TD {border-bottom:#9f939e 1px solid; padding:7px 8px 8px 8px;} TABLE.bogrim-list TD:first-child A {text-decoration:none;} TABLE.bogrim-list TD:first-child A:hover {text-decoration:none;} .bogrim-list TH.section-head {padding:7px 12px 6px 12px !important; background-color:#f9f9f9 !important;} .bogrim-list TD:nth-child(odd) {background-color:rgba(255,255,255, 0.2);} .bogrim-list TR:nth-child(odd) {background-color:rgba(0,0,0,0.05);} @media screen and (max-width: 600px) { TABLE.bogrim-list TH {font-size:1.4rem; line-height:1.8rem;} TABLE.bogrim-list TD {font-size:1.4rem; line-height:1.8rem;} } @media screen and (max-width: 480px) { TABLE.bogrim-list TH {font-size:1.3rem; line-height:1.6rem;} TABLE.bogrim-list TD {font-size:1.3rem; line-height:1.6rem;} } /** as imges gallery **/ TABLE.bogrim-gallery {} .bogrim-gallery TH.section-head {padding:7px 12px 6px 12px; border-bottom:#f9f9f9 10px solid; background-color:#efe9e9;} TABLE.bogrim-gallery UL {margin:0 -5px 0 -4px; text-align:left; font-size:0px; padding:0px;} TABLE.bogrim-gallery UL LI {max-width:141px; list-style:none; display:inline-block; vertical-align:top; margin:0px 5px 10px 4px;} TABLE.bogrim-gallery UL LI A {font-size:1.5rem; display:table; margin-bottom:5px; color:#37373d; text-decoration:none;} TABLE.bogrim-gallery UL LI A:hover {color:#37373d; text-decoration:underline;} TABLE.bogrim-gallery UL LI IMG {display:block;} @media screen and (max-width: 990px) { TABLE.bogrim-gallery UL {text-align:center;} } /*************** One Boger page (Book/Card.asp) ***********/ TABLE.boger-all {} TABLE.boger-all TD.boger-image {padding:0px 13px 0px 0px; vertical-align:top; text-align:center;} TABLE.boger-all TD.boger-image IMG {display:block; margin-bottom:5px; border:#d8cbd7 1px solid;} TABLE.boger-all TD.boger-image SPAN {font-weight:bold;} TD.boger-details TABLE {background-color:#f3efef;} TD.boger-details TABLE TR:first-child TD {padding-top:13px;} TD.boger-details TABLE TD {border-bottom: #d8cbd7 1px solid;} TD.boger-details TABLE TH {width:33%; background-color:#efe9e9; border-right:#fff 4px solid; border-bottom:#d8cbd7 1px solid; box-sizing:border-box;} TD.boger-details TABLE TD DIV, TD.boger-details TABLE TH DIV {min-width:125px; min-height:36px; padding:7px 15px 8px 20px; box-sizing:border-box;} A.update-detailes {display:table; padding:4px 20px 4px 20px; font-size:1.8rem; color:#fff; background-color:#4c2177; margin:15px 0 20px auto; text-decoration:none;} A.update-detailes SPAN {height:30px; display:table; padding:0px 37px 0px 0px; line-height:30px; background:url('../arrow-sendCV.png') no-repeat right -34px;} A.update-detailes:hover {color:#fff; background-color:#4c2177; text-decoration:none;} A.update-detailes:hover SPAN {background-position:right top;} @media screen and (max-width: 560px) { TABLE.boger-all TD.boger-image {width:100%; display:table; padding:0px; text-align:left;} TABLE.boger-all TD.boger-image IMG {float:left;} TABLE.boger-all TD.boger-image SPAN {display:table-cell; vertical-align:bottom; width:100%; padding:0px 0px 2px 8px;} TABLE.boger-all TD.boger-details {width:100%; display:block;} } /************************************************************************************/ /*********************************** Content *****************************************/ /*********************************** Articles - Item Page ********************************/ #ctlBody {line-height:2.1rem;} DIV.PageArticleTitle {} DIV.PageItemTitle {} H1.ArticleTitle {font-weight:bold; font-size:100%; color:#4c2177;} DIV.ArticleSummary {font-weight:normal; padding-bottom:15px;} DIV.ArticleAuthor {padding-bottom:5px; color:#4c2177;} DIV.ArticleDate {} DIV.Date {padding-bottom:5px; font-size:1.2rem;} /* img */ DIV.MainImgContainer {width:50%; margin-bottom:10px; /* float and side-margin:20px in asp file */} @media screen and (max-width: 480px) { DIV.MainImgContainer {width:100%; margin:0px 0px 10px 0px !important; float:none !important;} } DIV.MainImage {} DIV.MainImage A {width:100%; display:table;} DIV.MainImage IMG {width:100%; height:auto; border:0; display:block;} DIV.MainImageCaption {text-align:center; font-size:1.3rem; padding-top:2px;} A.AttFileGallery {text-decoration:none;} /* Movie Page */ DIV.MovieVideoContainer {width:100%; position:relative; padding-bottom:56.25%; height:0; display:table; margin-bottom:10px;} DIV.MovieVideoContainer OBJECT, DIV.MovieVideoContainer EMBED {position:absolute; top:0; right:0; width:100%; height:100%;} DIV.MovieArticle {} DIV.MovieStatistics {margin-bottom:20px;} DIV.MovieStatistics DIV {padding-top:4px;} /*****^ Pannel Links ^*****/ DIV.seperator {border-top:solid 1px #d7cbd7; margin-bottom:10px; margin-top:30px;} .articlePage DIV.seperator {display:none;} DIV.PannelLinksContainer {margin-bottom:10px; border-bottom:#cccccc 1px solid;} .articlePage DIV.PannelLinksContainer {background-color:#f9f9f9; margin-top:-26px;} TABLE.PannelLinks {margin:0px auto 5px auto;} TABLE.PannelLinks IMG {display:block;} A.PannelLink {text-decoration:none; font-weight:normal;} A.PannelLink:hover {text-decoration:underline;} DIV.Article_Like IFRAME {width:90px !important;} DIV.Article_Recommend IFRAME {width:85px !important;} DIV.Article_Twitter IFRAME {width:85px !important;} /*****^ More Articles and More Movies ^*****/ DIV.MoreArticleTitle {font-weight:bold; padding:5px 15px 4px 15px;} H2.MoreArticleTitle {font-size:1.7rem; display:inline;} /* in Article page */ DIV.MoreArticlesContainer {margin:10px 0px 20px 0px;} DIV.MoreArticlesItemsContainer {background-color:#dfdbdc;} UL.MoreArticlesItemsContainer {width:100%; display:table; margin:0px; padding:0px 0px 1px 0px;} UL.MoreArticlesItemsContainer LI {margin:1px 1px 0px 1px; padding:3px 15px 2px 15px; background-color:#efe9e9; list-style-image:none; list-style-type:none; border:#f7f4f4 1px solid;} /* in Movie page */ DIV.MoreMoviesTitle {margin-bottom:10px;} /* have css of MoreArticleTitle */ H2.MoreMoviesTitle {} /* have css of MoreArticleTitle */ DIV.MoreMoviesContainer {margin:10px 0px 20px 0px; opacity:0; /* js show after loading */} /* clearfix */ UL.MoreMoviesItemsContainer {width:100%; display:inline-block; margin:0px; padding:0px;} UL.MoreMoviesItemsContainer LI {margin-bottom:10px; display:inline-block; list-style-image:none; list-style-type:none;} /* get float + side-margin + width by JQ function in asp file */ UL.MoreMoviesItemsContainer LI DIV {width:100%; display:inline-block; text-align:center;} UL.MoreMoviesItemsContainer LI A.MoreMoviesItemTitle {font-weight:bold; display:block;} UL.MoreMoviesItemsContainer LI IMG {width:100%; height:auto; margin-top:4px; display:block;} /* --- */ SPAN.ArticlesListDate {font-size:1.2rem; padding-left:10px; padding-right:10px;} A.MoreArticle {text-decoration:none; color:#4c2177;} A.MoreArticle:hover {text-decoration:underline;} A.MoreArticleCurrent {font-weight:bold; text-decoration:none; color:#4c2177;} A.MoreArticleCurrent:hover {font-weight:bold; text-decoration:underline;} /*****^ Talkbacks ^*****/ TABLE.ResponsesContainer {margin-top:8px;} CAPTION.ResponsesHeader {font-weight:bold; font-size:1.7rem; border:#9f939d 1px solid; padding:4px 6px 4px 6px; text-align:inherit;} TD.ResponsesListContainer {padding-top:5px;} TD.ResponsesListContainer A {text-decoration:none;} TD.ResponsesListContainer A:hover {text-decoration:underline;} TABLE.ResponsesListContainer {border:#9f939d 1px solid; background-color:#f7f4f4; width:100%;} TABLE.ResponsesListContainer TD {padding:5px;} TD.ResponseTitle {width:1px; color:#37373d;} /* response number */ DIV.ResponseTitle {font-weight:bold;} /* Response Title */ A.ResponseTitle {font-weight:bold; text-decoration:none;} A.ResponseTitle:hover {text-decoration:underline;} SPAN.ResponseDate {font-size:1.3rem; padding-left:10px; padding-right:10px; color:#37373d;} TR.ResponseOddRow {background-color:#f1f1f1; color:#37373d;} TR.ResponseEvenRow {background-color:#fdfdfd; color:#37373d;} /* Content Ratings */ DIV.ArticleRatingsContainer {padding-top:8px;} DIV.ArticleRatingsContainer TD {font-size:1.1rem;} /*********************** Article Tabs ******************/ DIV.Article-TabsBox {width:100%; margin:10px 0 10px 0px;} UL.tabNavigation {list-style:none; margin:0px; padding:0px; position:relative; z-index:999;} UL.tabNavigation LI {float:left; list-style-type:none; list-style-image:none;} UL.tabNavigation LI A {display:block; text-align:center; text-decoration:none; box-sizing:border-box; /* get box-light design */} UL.tabNavigation LI A SPAN {display:block; line-height:110%; padding:6px 25px 7px 25px; font-weight:bold;} UL.tabNavigation LI:last-child A {margin-right:0px;} UL.tabNavigation LI A:hover {text-decoration:underline;} UL.tabNavigation-1 LI A.selected, UL.tabNavigation-1 LI A.selected:hover {/* get box design */} UL.tabNavigation-2 LI A.selected, UL.tabNavigation-2 LI A.selected:hover {/* get box design */} UL.tabNavigation LI A:focus {outline:0;} DIV.Article-Tabs-Content {width:100%; overflow:hidden; position:relative; border:#ddd 1px solid; box-sizing:border-box;} DIV.Article-Tabs-Content-Inner {padding:15px 20px 15px 20px; background:#ffffff; color:#555555;} @media screen and (max-width: 990px) { UL.tabNavigation {width:100%;} UL.tabNavigation LI {float:none; width:100%;} UL.tabNavigation-1 LI A {border-bottom:#fff 1px solid;} UL.tabNavigation-2 LI A {border-top:#fff 1px solid;} } @media screen and (min-width: 991px) { UL.tabNavigation {display:table; width:100%;} UL.tabNavigation LI A {border:#ddd 1px solid; margin-right:1px;} DIV.Article-Tabs-Content {margin:-1px 0px;} DIV.Article-Tabs-Content-Inner {margin:10px;} UL.tabNavigation-1 A.selected {padding-bottom:1px; border-bottom-style:none !important;} UL.tabNavigation-2 A.selected {padding-top:1px; border-top-style:none !important;} } /******************* Article Img Gallery ******************/ #product_image {padding:0px 0px 10px 0px;} DIV.ArticleGalleryContainer {width:60%; margin-bottom:10px; max-width: 440px; /* float and side-margin:20px in asp file */} @media screen and (max-width: 480px) { DIV.ArticleGalleryContainer {width:100%; margin:0px 0px 10px 0px !important;} } #main_image {margin-bottom:10px;} #main_image IMG {width:100%; height:auto; border:0; display:block;} /* the carousel css in owl_carousel.css */ /********** All templates container ************/ DIV.template-container {} /*********************************** Articles - Lexicon Display ********************************/ TABLE.ArticlesLexiconItem {margin-bottom:10px;} TD.Char {text-align:center; vertical-align:top; width:38px; padding:3px 0px 4px 0px; border:#dfdbdc 1px solid;} H2.Char {display:inline; font-weight:bold; font-size:2.6rem; line-height:3rem;} TD.ArticlesLexicon {vertical-align:top; padding:5px 10px 4px 10px; border:#dfdbdc 1px solid; background-color:#f7f4f4;} UL.ArticlesLexicon {margin:0px; padding:0px;} UL.ArticlesLexicon LI {margin:0px; padding:0px 0px 2px 0px; list-style-image:none; list-style-type:none;} A.ArticlesLexiconTitle {text-decoration:none;} A.ArticlesLexiconTitle:hover {text-decoration:underline;} /*********************************** Articles - List Display ********************************/ DIV.ArticlesListContainer {margin-bottom:30px;} DIV.ArticlesListInner {} DIV.ArticlesListTitle {margin-bottom:2px;} DIV.ArticlesListTitleSeperator {height:0px; display:none;} H2.ArticlesListTitle {font-weight:normal; font-size:2rem; line-height:2.2rem;} A.ArticlesListTitle {font-weight:normal; text-decoration:none;} A.ArticlesListTitle:hover {text-decoration:underline;} DIV.ArticlesListBody {display:table; width:100%;} DIV.ArticlesListSeperator {height:30px; border-bottom:#d7cbd7 1px solid;} TD.ArticlesListDate {font-weight:normal; font-size:1.2rem; direction:ltr; text-align:right; padding-top:2px;} DIV.ArticlesListDate {font-weight:normal; font-size:1.2rem; direction:ltr; text-align:right; padding-top:2px;} DIV.ArticlesListImgContainer {width:25%; display:inline-block; margin-top:2px; margin-bottom:10px; /* float and side-margin:15px in asp file */} DIV.ArticlesListImg {} DIV.ArticlesListImg A {width:100%;} DIV.ArticlesListImg IMG {width:100%; height:auto; display:block;} DIV.ArticlesListCaption {text-align:center; font-size:1.3rem; padding-top:2px;} DIV.ArticlesListSummary {} DIV.ArticlesListURL {} DIV.ArticlesListRatings {margin-top:5px;} DIV.ArticlesListRatings SPAN {display:inline-block} DIV.ArticlesListContainer A.ReadMore {display:table; padding-top:5px; border-top:#aaa 1px dashed; margin-top:10px; text-decoration:none;} DIV.ArticlesListContainer A.ReadMore:after {font-family:"fontawesome"; content:"\f104 "; margin-left:5px; font-size:13px;} @media screen and (max-width: 768px) and (min-width: 481px) { DIV.ArticlesListImgContainer {width:35%;} } @media screen and (max-width: 480px) { DIV.ArticlesListImgContainer {width:100%; margin:0px 0px 10px 0px !important;} DIV.ArticlesListTitle_normal {display:none;} DIV.ArticlesListTitle_480 {display:block !important; margin-bottom:5px !important;} } /* Even */ DIV.ArticlesListContainerEven {} DIV.ArticlesListTitleEven {} A.ArticlesListTitleEven {} A.ArticlesListTitleEven:hover {} DIV.ArticlesListBodyEven {} DIV.ArticlesListSeperatorEven {} /* Odd */ DIV.ArticlesListContainerOdd {} DIV.ArticlesListTitleOdd {} A.ArticlesListTitleOdd {} A.ArticlesListTitleOdd:hover {} DIV.ArticlesListBodyOdd {} DIV.ArticlesListSeperatorOdd {} /*********************************** Articles - Gallery Display ********************************/ DIV.ArticlesGalleryMatrixContainer {opacity:0; /* js show after loading */} /* clearfix */ /* one Article */ DIV.ArticlesGalleryMatrixItem {display:inline-block; margin-bottom:40px; /* get float + side-margin + width by JQ function in asp file */} DIV.ArticlesGalleryContainer {} DIV.ArticlesGalleryInner {} DIV.ArticlesGalleryImgContainer {width:100%; margin-bottom:10px;} DIV.ArticlesGalleryImg {display:block;} DIV.ArticlesGalleryImg A {width:100%;} DIV.ArticlesGalleryImg IMG {width:100%; height:auto; display:block;} DIV.ArticlesGalleryImgCaption {text-align:center; font-size:1.3rem; padding-top:2px;} DIV.ArticlesGalleryBody {padding:0px 3px 0px 3px;} DIV.ArticlesGalleryTitle {margin-bottom:2px;} H2.ArticlesGalleryTitle {font-weight:normal; font-size:2rem; line-height:2.2rem;} A.ArticlesGalleryTitle {font-weight:normal; text-decoration:none;} A.ArticlesGalleryTitle:hover {text-decoration:underline;} DIV.ArticlesGallerySummary {padding-bottom:5px;} DIV.ArticlesGalleryURL {padding-top:5px;} DIV.ArticlesGalleryRatings {margin-top:5px;} DIV.ArticlesGalleryRatings SPAN {display:inline-block} DIV.ArticlesGalleryContainer A.ReadMore {display:table; padding-top:5px; border-top:#aaa 1px dashed; margin-top:10px; text-decoration:none;} DIV.ArticlesGalleryContainer A.ReadMore:after {font-family:"fontawesome"; content:"\f104 "; margin-left:5px; font-size:13px;} @media screen and (max-width: 480px) { DIV.ArticlesGalleryMatrixItem {margin-bottom:20px; padding-bottom:20px; border-bottom:#dddddd 1px solid;} DIV.ArticlesGalleryTitle_normal {display:none;} DIV.ArticlesGalleryTitle_480 {display:block !important; margin-bottom:5px !important;} } /** last item - third in Hp 3 items - display long in window 480-768 (2 items in line) **/ @media screen and (min-width: 481px) and (max-width: 768px) { DIV.ArticlesGalleryMatrixItemLastOdd {width:100% !important; margin-left:0px !important; float:none !important; height:auto !important;} DIV.ArticlesGalleryMatrixItemLastOdd DIV.ArticlesGalleryImgContainer {width:48%; height:auto; float:right !important; margin:0px 0px 0px 4% !important;} DIV.ArticlesGalleryMatrixItemLastOdd DIV.ArticlesGalleryImgContainer IMG {width:100%; height:auto;} } /* Even */ DIV.ArticlesGalleryContainerEven {} DIV.ArticlesGalleryTitleEven {} DIV.ArticlesGalleryImgEven {} DIV.ArticlesGalleryImgEven IMG {} DIV.ArticlesGalleryTopLeftEven {} DIV.ArticlesGalleryTopRightEven {} DIV.ArticlesGalleryBottomLeftEven {} DIV.ArticlesGalleryBottomRightEven {} /* Odd */ DIV.ArticlesGalleryContainerOdd {} DIV.ArticlesGalleryTitleOdd {} DIV.ArticlesGalleryImgOdd {} DIV.ArticlesGalleryImgOdd IMG {} DIV.ArticlesGalleryTopLeftOdd {} DIV.ArticlesGalleryTopRightOdd {} DIV.ArticlesGalleryBottomLeftOdd {} DIV.ArticlesGalleryBottomRightOdd {} /********^ Movies ^******/ DIV.SortMoviesContainer {} DIV.SortMoviesInner {margin-bottom:10px; display:inline-block; padding:5px 10px 5px 10px;} SPAN.SortMoviesTitle {font-weight:bold;} A.MoviesSort {font-weight:normal; display:inline-block; padding:2px 8px 3px 8px; background-color:#ffffff; color:#000000; font-size:1.4rem; border:#8f5d8a 1px solid; box-shadow:inset 0 0 15px #8f5d8a; text-decoration:none;} SPAN.SortMoviesSep {color:#ffffff; display:none;} DIV.SArticlesMovieContainer {} DIV.SArticlesMovieBody {} DIV.SArticlesVideoStatistic {} DIV.SArticlesVideoViews {} DIV.SArticlesVideoLength {} @media screen and (max-width: 480px) { DIV.SortMoviesContainer {/*text-align:center;*/} } /*********************************** Articles - Portal Display ********************************/ DIV.ArticleMainContainer {display:table; margin-bottom:40px;} DIV.ArticleMainInner {} DIV.ArticleMainTitle {margin-bottom:3px;} H2.ArticleMainTitle {font-weight:normal; font-size:2rem; line-height:2.2rem;} A.ArticleMainTitle {font-weight:normal; text-decoration:none;} A.ArticleMainTitle:hover {text-decoration:underline;} DIV.ArticleMainImgContainer {width:50%; margin-bottom:10px; /* get float and side-margin:20px in asp file */} DIV.ArticleMainImg {} DIV.ArticleMainImg A {width:100%;} DIV.ArticleMainImg IMG {width:100%; height:auto; display:block;} DIV.ArticleMainImgCaption {text-align:center; font-size:1.3rem; padding-top:2px;} DIV.ArticleMainDate {font-weight:normal; font-size:1.2rem; margin-bottom:2px;} P.ArticleMainSummary {padding:0px; margin:0px;} DIV.ArticleMainSummary {} DIV.ArticleMainURL {padding-top:5px;} DIV.ArticleMainRatings {margin-top:5px;} DIV.ArticleMainRatings SPAN {display:inline-block} DIV.ArticleMainContainer A.ReadMore {display:table; padding-top:5px; border-top:#aaa 1px dashed; margin-top:10px; text-decoration:none;} DIV.ArticleMainContainer A.ReadMore:after {font-family:"fontawesome"; content:"\f104 "; margin-left:5px; font-size:13px;} @media screen and (max-width: 480px) { DIV.ArticleMainContainer {margin-bottom:20px; padding-bottom:20px; border-bottom:#dddddd 1px solid;} DIV.ArticleMainImgContainer {width:100%; margin:0px 0px 10px 0px !important;} DIV.ArticleMainTitle_normal {display:none;} DIV.ArticleMainDate_normal {display:none;} DIV.ArticleMainTitle_480 {display:block !important; margin-bottom:5px !important;} DIV.ArticleMainDate_480 {display:block !important; margin-bottom:5px !important;} } DIV.PArticleAllContainer {} DIV.PArticleMainContainer {} DIV.PArticleSubContainer {display:table;} DIV.PArticleContainer {} /* Even */ TABLE.ArticleMainContainerEven {} DIV.ArticleMainTitleEven {} TD.ArticleMainTopLeftEven {} TD.ArticleMainTopRightEven {} TD.ArticleMainBottomLeftEven {} TD.ArticleMainBottomRightEven {} /* Odd */ TABLE.ArticleMainContainerOdd {} DIV.ArticleMainTitleOdd {} TD.ArticleMainTopLeftOdd {} TD.ArticleMainTopRightOdd {} TD.ArticleMainBottomLeftOdd {} TD.ArticleMainBottomRightOdd {} /** jquery image rotator **/ #ArticlesRotatorContainer {opacity:0; height:1px; /*temp height & opacity for load*/ width:100%; border:#cccccc 1px solid; margin-bottom:40px; overflow:hidden; position:relative; box-sizing:border-box;} /*-- Main Image Preview --*/ DIV.main_image {height:1px; /*temp height for load*/ width:65%; position:relative; overflow:hidden; color:#000000; /* get float in asp */} DIV.main_image IMG {width:100%; height:auto; display:block;} .main_image .desc {position:absolute; bottom:0px; right:0px; width:100%;} .main_image .block {width:100%; padding:10px; padding-top:3px; background:#cccccc; box-sizing:border-box;} .main_image .block .ArticleMainTitle {color:#000000;} .main_image .block H1.ArticleMainTitle {font-weight:normal; font-size:24px; line-height:120%;} .main_image .block H2.ArticleMainTitle {font-weight:normal; font-size:24px; line-height:120%;} .block .ArticleMainDate {font-size:1.2rem;} .main_image p {line-height:1.2em;} .main_image a.collapse {background:url('../_icons/CollapseIcon.gif') no-repeat right top; height:16px; width:21px; position:absolute; text-indent:-99999px; top:-16px; left:10px;} .main_image a.show {background-position:right bottom;} /*-- Thumb --*/ DIV.image_thumb {width:35%; /* get float in asp */} DIV.image_thumb .ImgBox {text-align:center; width:30%; height:auto; max-height:50px; overflow:hidden; float:left; margin:10px 8px 0px 8px; border:#cccccc 1px solid; box-sizing:border-box;} DIV.image_thumb img {width:100%; height:auto; display:block;} DIV.image_thumb ul {margin:0px; padding:0px;} DIV.image_thumb ul li {height:70px; line-height:1.6rem; background:#f7f4f4; list-style-image:none; list-style-type:none; border-bottom:#cccccc 1px solid; padding:0px;} DIV.image_thumb ul li:last-child {border-bottom-style:none;} DIV.image_thumb ul li.hover {background:#efe9e9; cursor:pointer;} DIV.image_thumb ul li.active {background:#efe9e9; cursor:pointer;} DIV.image_thumb ul li .ArticleMainTitle {color:#4c2177;} /* thumb li title color */ DIV.image_thumb ul li.hover .ArticleMainTitle {color:#333333; text-decoration:none;} /* thumb li title color */ DIV.image_thumb ul li.active .ArticleMainTitle {color:#333333; text-decoration:none;} /* thumb li title color */ DIV.image_thumb ul li .block {padding:8px 8px 8px 8px;} DIV.image_thumb ul li p {display:none;} DIV.image_thumb H1.ArticleMainTitle {font-size:1.5rem; line-height:1.6rem; /*for some reason line-height works properly only if put also in DIV.image_thumb ul li*/} DIV.image_thumb H2.ArticleMainTitle {font-size:1.5rem; line-height:1.6rem;} DIV.image_thumb DIV.ArticleMainDate {font-size:1.2rem; padding-top:3px;} @media screen and (min-width: 991px) { DIV.image_thumb img {margin-top:-15%;} } @media screen and (max-width: 768px) and (min-width: 481px) { DIV.image_thumb H1.ArticleMainTitle {font-size:1.4rem;} DIV.image_thumb H2.ArticleMainTitle {font-size:1.4rem;} } @media screen and (max-width: 480px) { #ArticlesRotatorContainer {} DIV.main_image {width:100%; float:none !important;} DIV.image_thumb {width:100%; float:none !important; position:absolute; bottom:0; z-index:99;} DIV.image_thumb .ImgBox {width:20%;} DIV.image_thumb img {width:100%; height:auto; margin-top:-25%;} } @media screen and (max-width: 430px) { DIV.image_thumb img {margin-top:-20%;} DIV.image_thumb .ImgBox {width:25%;} } @media screen and (max-width: 380px) { DIV.image_thumb img {margin-top:-15%;} DIV.image_thumb .ImgBox {width:30%;} } /*********************************** Events Page ********************************/ IFRAME.Calendar {width:100%; height:230px;} DIV.EventsListContainer {} TABLE.EventsListContainer {width:100%;} TR.EventsListHeaderRow {font-weight:bold; padding:4px 6px 4px 6px;} TH.EventsListHeaderCell {padding:4px 6px 4px 6px; font-weight:bold;} TH.EventsListHeaderDate {} TH.EventsListHeaderTitle {} TH.EventsListHeaderInfo {} TR.EventListRow {vertical-align:top;} TH.EventListMonth {font-weight:bold; padding:4px 6px 4px 6px;} TD.EventListDate {font-weight:bold; padding:5px; background-color:#f7f4f4;} TD.EventListTitle {padding:5px; background-color:#f7f4f4;} TD.EventListInfo {padding:5px; background-color:#f7f4f4;} TD.EventListInfo DIV {padding-bottom:2px;} TD.EventListSeperator {padding-top:3px; border-bottom:#d7cbd7 1px solid;} TD.EventListPaging {} /* Even */ TR.EventListRowEven {} TD.EventListDateEven {} TD.EventListTitleEven {} TD.EventListInfoEven {} TD.EventListSeperatorEven {} /* Odd */ TR.EventListRowOdd {} TD.EventListDateOdd {} TD.EventListTitleOdd {} TD.EventListInfoOdd {} TD.EventListSeperatorOdd {} /*********************************** Event Page ********************************/ DIV.EventTitle {} DIV.EventSummary {} TD.EventDates {} /* More Events */ /* in asp also have classes of MoreArticlesContainer */ DIV.MoreEventsContainer {} DIV.MoreEventTitle {} H2.MoreEventTitle {} DIV.MoreEventsItemsContainer {} UL.MoreEventsItemsContainer {} UL.MoreEventsItemsContainer LI {} SPAN.EventsListDate {} A.MoreEvent {} A.MoreEvent:hover {} A.MoreEventCurrent {} A.MoreEventCurrent:hover {} DIV.event-description {padding-bottom:50px; border-bottom:#4c2177 1px solid; margin-bottom:20px;} DIV.attached-files {display:inline-block; border:#4c2177 1px solid; margin-top:18px;} DIV.attached-files A {display:block; padding:4px 20px 5px 8px;} DIV.attached-files A:hover {background-color:#efe9e9;} DIV.event-detailes {} .event-detailes > DL {margin-bottom:10px;} .event-detailes > DIV {margin-bottom:10px;} .event-detailes DT {width:120px; display:inline-block; margin:0 0 10px 0; vertical-align:top;} .event-detailes DD {width:calc(100% - 130px); display:inline-block; margin:0 0 10px 0; vertical-align:top;} .event-buttons INPUT.button {height:30px;} .event-buttons .button-purple {background:#4c2177; margin-right:16px;} .event-buttons .button-green {background:#4c2177;} .event-buttons .button-purple:hover {background:#4c2177;} .event-buttons .button-green:hover {background:#8249bc;} @media screen and (max-width: 380px) { .event-detailes > DL {margin-bottom:0;} .event-buttons {text-align:center;} .event-buttons > DIV {float:none !important;} .event-buttons INPUT.button {margin:10px auto 0 auto;} .event-detailes DD A {word-break:break-word;} } #printForm {background:#fff; border:#c4c5c5 1px solid; margin-top:24px; padding:28px 14px 32px 14px;} /* _Forms/SubscribeToEvent.asp */ /******************************** Subscription ****************************/ #printForm FIELDSET {} #printForm LEGEND {margin-bottom:20px;} DIV.psLine {margin:0px auto 0px auto;} #printForm TD.button-container {text-align:center; padding-top:20px;} #printForm INPUT.buttonAddJob {height:38px; font-size:1.8rem; color:#fff; padding:0px 57px 0px 20px; background:#4c2177 url('../arrow-sendCV.png') no-repeat 20px -30px;} #printForm INPUT.buttonAddJob:hover {background:#8249bc url('../arrow-sendCV.png') no-repeat 20px 4px} DIV.subs-100z {} DIV.subs-100z > DIV:last-child {width:calc(100% - 106px);} DIV.subs-50z {width:47%;} DIV.psLine .subs-50z:first-child {float:left;} DIV.psLine .subs-50z:last-child {float:right;} DIV.psLine .subs-50z:first-child > DIV:first-child {width:96px;} DIV.psLine .subs-50z:first-child > DIV:last-child {width:calc(100% - 106px);} DIV.psLine .subs-50z:last-child > DIV:first-child {width:46px;} DIV.psLine .subs-50z:last-child > DIV:last-child {width:calc(100% - 56px);} DIV.psLine #family50z > DIV:first-child {width:76px;} DIV.psLine #family50z > DIV:last-child {width:calc(100% - 86px);} #partner DIV.psLine .subs-50z:first-child > DIV:first-child {width:46px;} #partner DIV.psLine .subs-50z:first-child > DIV:last-child {width:calc(100% - 56px);} DIV.subs-25z {width:47% !important;} DIV.psLine .subs-25z:first-child {float:left;} DIV.psLine .subs-25z:last-child {float:right;} DIV.psLine .subs-25z > DIV:first-child {width:46px;} DIV.psLine .subs-25z > DIV:last-child {width:calc(100% - 56px);} #class {text-align:right !important;} DIV.psLine > DIV {} DIV.psLine > DIV LABEL {padding:7px 0px 2px 0px; display:inline-block;} DIV.psLine > DIV SPAN.Label {padding:4px 0px 2px 0px; display:inline-block;} .psForm {width:100%; margin:0px 0px 13px 0px; border:#9f939d 1px solid;} INPUT.psForm {} TEXTAREA.psForm {height:60px;} SELECT.psForm {} #printForm HR {margin-bottom:25px; border-bottom-color:#c4c5c5;} #printForm DIV.captcha-container {} DIV.psLine #capcha100z > DIV:first-child {width:150px;} DIV.psLine #capcha100z > DIV:nth-of-type(2) {width:calc(47% - 150px);} DIV.psLine #capcha100z > DIV.captcha-img {width:auto; float:left; margin-left:10px;} #printForm DIV.buttonLine {text-align:center;} #printForm INPUT.button {height:30px; margin:auto;} @media screen and (max-width: 880px) and (min-width: 769px) { DIV.subs-100z > DIV:last-child {width:calc(100% - 110px) !important;} DIV.subs-50z {width:100%; float:none !important;} DIV.psLine .subs-50z > DIV:first-child {width:100px;} DIV.psLine .subs-50z > DIV:last-child {width:calc(100% - 110px) !important;} DIV.subs-25z {width:100% !important; float:none !important;} DIV.psLine .subs-50z > DIV.subs-25z {width:100% !important;} DIV.psLine .subs-25z > DIV:first-child {width:100px;} DIV.psLine .subs-25z > DIV:last-child {width:calc(100% - 110px);} #class {text-align:left !important;} DIV.psLine #capcha100z > DIV:nth-of-type(2) {width:calc(100% - 315px);} } @media screen and (max-width: 680px) { } @media screen and (max-width: 640px) { DIV.subs-100z > DIV:last-child {width:calc(100% - 110px) !important;} DIV.subs-50z {width:100%; float:none !important;} DIV.psLine .subs-50z > DIV:first-child {width:100px;} DIV.psLine .subs-50z > DIV:last-child {width:calc(100% - 110px) !important;} DIV.subs-25z {width:100% !important; float:none !important;} DIV.psLine .subs-50z > DIV.subs-25z {width:100% !important;} DIV.psLine .subs-25z > DIV:first-child {width:100px;} DIV.psLine .subs-25z > DIV:last-child {width:calc(100% - 110px);} #class {text-align:left !important;} DIV.psLine #capcha100z > DIV:nth-of-type(2) {width:calc(100% - 315px);} } @media screen and (max-width: 480px) { DIV.psLine #capcha100z > DIV:nth-of-type(2) {width:calc(100% - 150px);} DIV.psLine #capcha100z > DIV.captcha-img {float:right;} } @media screen and (max-width: 380px) { DIV.subs-100z > DIV:first-child {width:250px !important; float:none !important; margin:auto;} DIV.subs-100z > DIV:last-child {width:250px !important; float:none !important; margin:auto;} DIV.subs-50z {width:250px !important; float:none !important; margin:auto;} DIV.psLine .subs-50z > DIV:first-child {width:250px !important; float:none !important; margin:auto;} DIV.psLine .subs-50z > DIV:last-child {width:250px !important; float:none !important; margin:auto;} DIV.subs-25z {width:250px !important; float:none !important; margin:auto;} DIV.psLine .subs-50z > DIV.subs-25z {width:250px !important; float:none !important; margin:auto;} DIV.psLine .subs-25z > DIV:first-child {width:250px !important; float:none !important; margin:auto;} DIV.psLine .subs-25z > DIV:last-child {width:250px !important; float:none !important; margin:auto;} DIV.psLine #capcha100z > DIV:first-child {width:250px !important; float:none !important; margin:auto;} DIV.psLine #capcha100z > DIV:nth-of-type(2) {width:250px !important; float:none !important; margin:auto;} DIV.psLine #capcha100z > DIV:last-child {width:250px !important; float:none !important; margin:auto;} } /*********************************** Images Gallery ********************************/ DIV.ImgGalleryContainer {} /* Lightbox album */ #lightbox-gallery {margin:0px auto;} #lightbox-gallery A.image-link { display:inline-block; padding:4px; margin:0 0.3rem 0.6rem 0.3rem; background-color:#fff; line-height:0; border:#e1d7d7 1px solid; -webkit-transition:background-color 0.1s ease-out; -moz-transition:background-color 0.1s ease-out; -o-transition:background-color 0.1s ease-out; transition:background-color 0.1s ease-out; } #lightbox-gallery .image-link:hover {background-color:#4c2177;} #lightbox-gallery .gallery-image {/*width:7rem;*/ /*border-radius:5px;*/} /* open image css is in jquery.lightbox-2.7.1.css */ /* Slideshow */ DIV.Portfolio {position:relative; display:table; opacity:0; /* opacity 1 auto after load */} UL#portfolio {overflow:hidden; margin:0px; padding:0px;} LI.Item {margin:0px; padding:0px; list-style:none; top:0px; left:0px; bottom:0px; right:0px;} DIV.ImgContainer {/*padding:4px; border:#9f939d 1px solid; box-sizing:border-box; */margin-bottom:8px;} LI.Item IMG {display:block;} DIV.ItemText {position:absolute; bottom:0; background-color:rgba(255,255,255,0.8); color:#000;} DIV.ItemTitle {font-weight:bold; padding:10px 2% 10px 2%; box-sizing:border-box;} P.ItemSummery {margin:-5px 0px 0px 0px; padding:0px 2% 10px 2%; font-weight:normal; box-sizing:border-box;} /* Standart */ DIV.ImgGalleryContainer {text-align:center} TABLE.ImgGalleryContainer {width:100%; margin:0px auto;} TD.ImgGalleryMainContainer {} TABLE.ImgGalleryMainContainer {width:100%;} TD.ImgGalleryImgContainer {width:100% !important; text-align:center; cursor:pointer;} IMG.ImgGalleryImg {max-width:100%; height:100% !important; display:block; border:#9f939d 1px solid;} @media screen and (min-width: 481px) and (max-width: 768px) { TD.ImgGalleryImgContainer {height:450px !important;} IMG.ImgGalleryImg {max-height:450px !important; border:#9f939d 1px solid;} } @media screen and (max-width:480px) { TD.ImgGalleryImgContainer {height:300px !important;} IMG.ImgGalleryImg {max-height:300px !important; border:#9f939d 1px solid;} } TD.ImgGalleryPannelContainer {text-align:center;} TABLE.ImgGalleryPannelContainer {width:100%; margin:-45px 0 0px 0; border:#9f939d 1px solid;} TABLE.ImgGalleryButtonsContainer {width:100%; position:relative; padding:10px 30px; z-index:6;} TD.ImgGalleryButton {background-color:#fff; white-space:nowrap; padding:2px 8px 4px 8px; border-radius:4px; box-shadow:inset 0 0 10px #999;} TD.ImgGalleryButton A {color:#555; text-decoration:none; font-weight:bold;} TD.ImgGalleryButton A:hover {color:#000; text-decoration:underline;} TD.ImgGalleryButton:hover {background-color:#ddd;} TABLE.ImgGalleryThumbContainer {width:100%; max-width:100%; /*border:#bbbbbb 1px solid; border-bottom-style:none;*/} TD.ImgGalleryThumbContainer {padding-top:6px;} TR.ImgGalleryThumb {line-height:0px; display:block; /* block is for bug not center in other pages */} TD.ImgGalleryThumb {display:inline-block; padding:0px 3px 6px 3px;} TD.ImgGalleryThumb A {display:table;} /*TD.ImgGalleryThumbSeperator {display:none}*/ IMG.ImgGalleryThumb {border:#9f939d 1px solid; cursor:pointer; box-sizing:border-box;} IMG.ImgGalleryThumbOver {border:1px solid #EB2E29; cursor:pointer; box-sizing:border-box;} DIV.ImgGalleryTextContainer {width:100% !important; padding:10px 13px 10px 13px; /*border:#bbbbbb 1px solid; border-top-style:none; */ box-sizing:border-box; border:#9f939d 1px solid; background-color:#f7f4f4;} TABLE.ImgGalleryTextContainer {width:100%; margin-bottom:5px;} DIV.ImgGallerySummary {padding:10px; background-color:rgba(0,0,0,0.1);} DIV.ImgGalleryTitle {text-align:center; font-weight:bold; padding-bottom:5px;} TD.ImgGalleryPaging {text-align:center; padding-bottom:8px;} TD.ImgGalleryPaging A {text-decoration:none;} /* Image Warpper */ TR.ImgGalleryTop {} TD.ImgGalleryTopLeft {display:none;} TD.ImgGalleryTop {display:none;} TD.ImgGalleryTopRight {display:none;} TD.ImgGalleryLeft {display:none;} TD.ImgGalleryRight {display:none;} TD.ImgGalleryBottomLeft {display:none;} TD.ImgGalleryBottom {display:none;} TD.ImgGalleryBottomRight {display:none;} /******************************* FAQ ******************************/ TABLE.FaqContainer {} A.FaqQuestion {font-weight:bold; text-decoration:none;} A.FaqQuestion:hover {text-decoration:underline;} UL.FaqQuestion {display:block; padding:0px; margin:0px 15px 0px 25px;} LI.FaqQuestion {} TABLE.FaqAnswersContainer {width:100%; margin-top:20px; padding:0px 15px 0px 25px;} TD.FaqQuestionAnswerTitle {font-weight:normal; padding-top:8px; padding-bottom:2px;} H2.FaqQuestion {font-size:1.5rem; font-weight:bold; display:inline;} TD.FaqQuestionAnswerBody {text-align:justify;} TD.FaqQuestionAnswerTop {font-size:10px; padding-top:5px;} A.FaqQuestionAnswerTop {text-decoration:underline; color:#757575;} A.FaqQuestionAnswerTop:hover {text-decoration:none; color:#757575;} /******************************* Content Ratings ******************************/ TD.RatingTitle {font-size:1.2rem;} TD.RatingCount {font-size:1.2rem;} /******************************* Categories - Gallery View ******************************/ DIV.CategoryItemsContainer {text-align:center; margin-bottom:20px; opacity:0; /* js show after loading */} /* clearfix */ /* one Article */ DIV.CategoryItemContainer {vertical-align:top; margin-bottom:20px; /* get float + side-margin + width by JQ function in asp file */} DIV.CategoryItemContainer:hover {box-shadow:0 1px 8px rgba(0,0,0,0.3); background:#efe9e9;} DIV.CategoryItem {width:100%; display:table;} DIV.CategoryItemImgContainer {position:relative; min-height:100px; width:100%; height:auto; overflow:hidden; text-align:center; cursor:pointer;} DIV.CategoryItemImgContainer IMG {width:100%; height:auto; display:block;} DIV.CategoryItemTitle {width:100%; background:rgba(0,0,0,0.6); position:absolute; right:0; bottom:0; vertical-align:bottom; padding:10px 15px 10px 15px; box-sizing:border-box;} H2.CategoryItemTitle {font-weight:normal; font-size:2rem; line-height:2.2rem; color:#ffffff;} DIV.CategoryItemContainer:hover A.CategoryItemTitle {color:#edd6ea;} A.CategoryItemTitle {text-decoration:none; color:#ffffff; display:block; margin:-10px -15px -10px -15px; padding:10px 15px 10px 15px; box-sizing:border-box;} A.CategoryItemTitle:hover {text-decoration:none; color:#edd6ea;} DIV.CategoryItemBody {} DIV.CategoryItemDesc {} SPAN.CategoryItemDesc {display:block; padding:5px 5px 5px 5px;} SPAN.SubCategory {display:block; padding:0px 5px 5px 5px;} A.SubCategory {display:block; padding:0px 5px 5px 5px; text-decoration:none;} A.SubCategory:hover {text-decoration:underline;} DIV.SubCategoryLinks {padding:10px 10px 5px 0px;} .Two-in-Three {float:none !important; display:inline-block !important; margin-left:1.5% !important; margin-right:1.5% !important;} /* only title & image in Hp */ #HomePage DIV.CategoryItemDesc {display:none;} #HomePage DIV.SubCategoryLinks {display:none;} /******************************* Categories - List View ******************************/ TD.CategoryListItemTitle {padding:7px 15px 4px 15px;} H2.CategoryListItemTitle {font-weight:normal; font-size:2rem; line-height:2.2rem;} H2.CategoryListItemTitle A {text-decoration:none;} H2.CategoryListItemTitle A:hover {text-decoration:underline;} TD.CategoryListItem {padding:4px 15px 4px 15px; border-style:none;} H3.CategoryListItem {font-weight:normal; font-size:1.5rem; line-height:1.8rem;} H3.CategoryListItem A {text-decoration:none;} H3.CategoryListItem A:hover {text-decoration:underline;} /*********************************** Forum ********************************/ DIV.forumTableContainer {background-color:#8f848d; padding:1px;} TABLE.forumTableContainer {background-color:#fcfcfc;} TD.forumTitle {padding:4px 6px 4px 6px;} TD.forumTitle INPUT.input {width:40%;} TD.forumTitle INPUT.button {padding:0px 10px 2px 10px;} TD.forumTitle SELECT {font-size:12px;} TD.forumDescription {padding:10px; color:#555555;} TABLE.forumSearchResultsContainer {border:0px solid #000000; border-collapse:collapse;} TR.forumSearchResults {} TD.forumMessageContent {padding:2px 3px 2px 3px;} TD.forumMessageContent A {font-weight:bold;} TD.forumMessageContent A:HOVER {} TD.forumMessageContent TABLE {border-top:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#f7f4f4;} .forumMessageContentDescr {border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#f7f4f4; padding:4px 4px 0px 5px;} TD.forumMessagePostedBy {font-size:1.3rem; padding:4px 3px 2px 3px;} TD.forumMessageDate {padding:4px 3px 2px 3px; font-size:1.2rem;} .forumMessageSeperator {background-color:#525151;} A.forumButtonNewTopic {font-weight:bold; text-decoration:none;} A.forumButtonNewTopic:hover {text-decoration:underline;} /* Forum Index */ DIV.forumIndexTableContainer {background-color:#8f848d; padding:1px;} TABLE.forumIndexTableContainer {background-color:#fcfcfc;} TD.forumSecondaryTitle {padding:4px 6px 4px 6px; border-bottom:#8f848d 1px solid;} A.forumTitle {font-weight:bold; text-decoration:none;} A.forumTitle:hover {text-decoration:underline;} TABLE.forumIndexTableContainer TD.forumMessageContent {background-color:#f7f4f4; padding:2px 4px 2px 4px; font-size:1.3rem; border-bottom:#efe9e9 1px solid;} TABLE.forumIndexTableContainer TD.forumMessageContent A {font-weight:bold;} TABLE.forumIndexTableContainer TD.forumMessageContent A:HOVER {} TABLE.forumIndexTableContainer TD.forumMessagePostedBy {background-color:#f7f4f4; font-size:1.2rem; padding:4px 3px 2px 3px; border-bottom:#efe9e9 1px solid;} TABLE.forumIndexTableContainer TD.forumMessageDate {background-color:#f7f4f4; font-size:1.2rem; padding:4px 4px 2px 4px; border-bottom:#efe9e9 1px solid;} TABLE.forumIndexTableContainer .forumMessageSeperator {background-color:#525151;} TABLE.forumIndexTableContainer TD.forumDescription {padding:10px; height:16px; color:#4c2177;} /* Submit response */ TD.forumResponseOrginalMsg {padding-top:5px;} TABLE.forumResponseOrginalMsg {border:#9f939d 1px solid; background-color:#f7f4f4; width:100%; padding:5px;} .forumNavigation {margin-top:5px; background-color:#ffe49b;} .ForumA {text-decoration:underline; cursor:pointer; color:#000000; font-weight:bold;} .ForumAResponse {color:#666666 !important;} .Author {cursor:pointer;} .forumMessageTools {padding:0px 3px; margin:5px -3px 4px -3px; background-color:#f7f4f4;} .response IMG {margin:1px 5px 1px 5px; border:none; vertical-align:middle; display:block;} @media screen and (max-width: 480px) { TD.forumMessageDate {white-space:normal !important; font-size:1.1rem;} TD.forumMessagePostedBy {font-size:1.2rem;} TABLE.forumIndexTableContainer TD.forumMessageDate {white-space:normal !important; font-size:1.1rem;} TABLE.forumIndexTableContainer TD.forumMessagePostedBy {font-size:1.2rem;} } /** Forum forms - Add Response / Add Subject **/ DIV.ForumAddContainer {width:100%; max-width:500px; display:inline-block; padding:10px; margin-top:10px; border:#bbbbbb 1px solid; box-sizing:border-box;} DIV.ForumFormLine {} DIV.ForumFormLine > DIV {padding:0px 10px 5px 10px; box-sizing:border-box;} DIV.ForumLabel {padding:4px 10px 2px 10px;} SPAN.ForumTitleElements {padding:0px 10px 5px 10px; box-sizing:border-box;} INPUT.ForumForm {margin-bottom:10px;} TEXTAREA.ForumForm {margin-bottom:10px;} DIV.ForumFormLine INPUT.button {margin-right:20px;} @media screen and (max-width: 580px) { DIV.ForumFormLine > DIV {float:none !important;} DIV.ForumFormLine > DIV.ForumLabel {width:100% !important;} DIV.ForumFormLine > DIV INPUT.ForumSmily {width:100% !important;} DIV.ForumFormLine > DIV INPUT.ForumForm {width:100% !important;} DIV.ForumFormLine > DIV TEXTAREA.ForumForm {width:100% !important;} DIV.ForumFormLine > SPAN.ForumTitleElements {width:100% !important;} DIV.ForumFormLine A.Smily {} } /****************************** Contact Us ******************************/ TD.sBodyTD {} TD.sBodyTD TD {padding:3px 5px 3px 15px; font-size:1.3rem;} TD.sBodyTD TD.wizard {padding-top:8px !important;} TD.sBodyTD TD.wizardRequired {padding-top:8px !important;} @media screen and (max-width: 480px) { TD.sBodyTD TD {width:100%; display:block;} } /******************************** Subscription ****************************/ DIV.subscribeContainer {background-color:transparent; color:#37373d;} .subscribeContainer FIELDSET {} .subscribeContainer LEGEND {margin-bottom:20px;} DIV.SubscribeLine {margin:0px auto 0px auto;} DIV.subs-imgUpload {margin:0px auto 13px 0px;} DIV.subscribeContainer TD.label-upload {padding-top:12px !important;} DIV.subscribeContainer DIV.UploadImg {width:345px; height:37px; position:relative; margin-left:10px;} DIV.subscribeContainer DIV.FakeUpload {width:345px; height:37px; position:absolute; top:0px; left:0; z-index:5; font-size:13px; font-family:Arial;} DIV.subscribeContainer DIV.UploadLable {width:127px; height:37px; line-height:37px; direction:rtl; text-align:center; color:#fff; font-size:17px; cursor:pointer; background:#4c2177;} DIV.subscribeContainer DIV.UploadLable LABEL {padding:0 !important;} DIV.subscribeContainer DIV.UploadLable .fa {display:none; color:#fff; line-height:37px;} DIV.subscribeContainer INPUT.FakeUpload {width:207px !important;} DIV.subscribeContainer INPUT.RealUpload {position:absolute; top:0px; left:0; opacity:0; z-index:5;} DIV.img-update {margin:15px 0 0 0;} DIV.img-container {float:left; margin-left:20px; min-height:65px;} DIV.subscribeContainer TD.button-container {text-align:center; padding-top:20px;} DIV.subscribeContainer INPUT.buttonAddJob {height:38px; font-size:1.8rem; color:#fff; padding:0px 57px 0px 20px; background:#4c2177 url('../arrow-sendCV.png') no-repeat 20px -30px;} DIV.subscribeContainer INPUT.buttonAddJob:hover {background:#8249bc url('../arrow-sendCV.png') no-repeat 20px 4px} DIV.subs-100z {} DIV.subs-100z > DIV:last-child {width:calc(100% - 106px);} DIV.subs-50z {width:47%;} DIV.SubscribeLine .subs-50z:first-child {float:left;} DIV.SubscribeLine .subs-50z:last-child {float:right;} DIV.SubscribeLine .subs-50z > DIV:first-child {width:96px;} DIV.SubscribeLine .subs-50z > DIV:last-child {width:calc(100% - 106px);} DIV.SubscribeLine > DIV {} DIV.SubscribeLine > DIV LABEL {padding:7px 0px 2px 0px; display:inline-block; white-space:normal;} DIV.SubscribeLine > DIV SPAN.Label {padding:4px 0px 2px 0px; display:inline-block;} .subscribeFormWide {width:100%; margin:0px 0px 13px 0px; min-width:160px; border:#9f939d 1px solid;} /* min-width ==> for subscribe shop */ .subscribeForm {width:100%; margin:0px 0px 13px 0px; min-width:160px; border:#9f939d 1px solid;} /* min-width ==> for subscribe shop */ INPUT.subscribeForm {} TEXTAREA.subscribeForm {height:60px;} SELECT.subscribeForm {min-width:162px;} /* min-width ==> for subscribe shop */ DIV.subscribeContainer HR {margin-bottom:15px;} DIV.subscribeRrequiredMsg {} INPUT.buttonSubscribe {height:38px; font-size:1.8rem; color:#fff; padding:0px 77px 0px 40px; background:#4c2177 url('../arrow-sendCV.png') no-repeat right 40px top -30px;} INPUT.buttonSubscribe:hover {background:#8249bc url('../arrow-sendCV.png') no-repeat right 40px top 4px} DIV.subscribeContainer DIV.captcha-container {} DIV.subscribeContainer .captcha-container > DIV:first-child {width:150px;} DIV.subscribeContainer .captcha-container > DIV:last-child {width:calc(100% - 160px);} DIV.subscribeContainer DIV.captcha-img {float:left;} /* fix bugs of zevel js from link in kovetz **/ DIV.ic_tfu > DIV {width:100%;} DIV.lengthIndicator {display:none !important;} @media screen and (max-width: 1020px) and (min-width: 381px) { /*DIV.img-container {width:100%; float:none !important;}*/ /*DIV.up-img-label {margin-bottom:5px; margin-top:29px;} DIV.up-img-cont {float:left !important; clear:left;} DIV.subscribeContainer DIV.UploadImg {margin-left:0;}*/ } @media screen and (max-width: 880px) and (min-width: 769px) { DIV.subs-50z {width:100%; float:none !important;} DIV.SubscribeLine .subs-50z > DIV:last-child {width:calc(100% - 110px);} /*DIV.up-img-cont {float:none !important;}*/ } @media screen and (max-width: 640px) { DIV.subs-50z {width:100%; float:none !important; display:table;} } @media screen and (max-width: 520px) { /*DIV.up-img-cont {width:calc(100% - 110px);} DIV.UploadImg {width:100% !important;}*/ } @media screen and (max-width: 420px) { DIV.subscribeContainer DIV.UploadImg {width:100%;} DIV.subscribeContainer DIV.notImg {width:calc(100% - 120px);} DIV.subscribeContainer DIV.subs-imgUpload {display:block;} DIV.subscribeContainer DIV.subs-imgUpload > DIV {/*float:none !important; width:100%;*/} /*DIV.subscribeContainer LABEL.imgUpload {width:140px; padding-top:0px;}*/ /*DIV.subs-imgUpload > DIV.up-img-cont {width:calc(100% - 160px);}*/ /*DIV.subscribeContainer DIV.UploadImg {width:100%; margin:0px;}*/ DIV.subscribeContainer DIV.FakeUpload {width:100%;} DIV.subscribeContainer DIV.FakeUpload .align {width:calc(100% - 44px);} DIV.subscribeContainer DIV.UploadLable {width:34px;} DIV.subscribeContainer DIV.UploadLable SPAN {display:none;} DIV.subscribeContainer DIV.UploadLable .fa {display:block;} DIV.subscribeContainer INPUT.FakeUpload {width:100% !important;} } @media screen and (max-width: 380px) { DIV.SubscribeLine > DIV {float:none !important;} DIV.SubscribeLine > DIV > DIV {float:none !important; width:250px !important;} DIV.SubscribeLine TABLE TD {width:100%; display:block;} DIV.SubscribeLine .subs-50z > DIV:first-child {width:auto; display:table;} DIV.subs-imgUpload INPUT.RealUpload {width:100%;} DIV.subs-imgUpload {display:table; margin:0px auto 13px auto;} /*DIV.subscribeContainer LABEL.imgUpload {width:auto; padding-top:7px;}*/ /*DIV.subs-imgUpload > DIV.up-img-cont {width:100%;}*/ } /*********************************** SiteMap ***************************************/ DIV.SiteMapContainer {} DIV.SiteMapColumn {width:48%;} H2.SiteMapHeaderNode {margin:0px; margin-top:12px; font-size:1.5rem; line-height:1.7rem; display:block; padding:5px 8px 4px 8px;} A.SiteMapHeaderNode {text-decoration:none;} A.SiteMapNode {text-decoration:none;} UL.SiteMap {margin:0px; padding:0px;} UL.SiteMap LI {margin:0px; list-style-image:none; list-style-type:none;} LI.SiteMapNode {padding-right:10px; padding-left:10px; list-style-image:none; list-style-type:none; font-weight:normal; border-style:none;} UL.SiteMapMain {margin:0px; padding:0px;} UL.SiteMapMain LI {margin:0px; list-style-image:none; list-style-type:none;} LI.SiteMapMainNode {padding:5px 8px 3px 8px; font-weight:normal; border-bottom:#dddddd 1px solid;} A.SiteMapHeaderNode:hover {text-decoration:underline;} A.SiteMapNode:hover {text-decoration:underline;} LI.SiteMapEvenRow {background-color:#fdfdfd;} LI.SiteMapOddRow {background-color:#f1f1f1;} @media screen and (max-width: 480px) { DIV.SiteMapColumn {width:100%; float:none !important} } /*********************************** Messages ********************************/ TABLE.massege {margin-top:20px;} TABLE.Massege {margin-top:20px;} TD.MessageTitle {font-weight:bold; padding-bottom:5px;} TD.MessageBody {padding-bottom:15px;} TD.MessageLink {} A.MessageLink {} A.MessageLink:hover {} /********************************** Campaigns *******************************/ DIV.CampaignDescription {text-align:center; padding-bottom:10px;} TD.MsgContainer {text-align:center;} TD.ArticlesContainer {padding-top:10px;} /********************************** RSS *******************************/ DIV.rssMessage {text-align:center; padding:10px;} /* ?? */ DIV.rssContainer {border:#9f939d 1px solid;} DIV.rssContainer > DIV {padding:2px 10px 2px 10px; border-bottom:#ffffff 1px solid; border-top:#e2e9f7 1px solid; color:#37373d;} DIV.rssContainer A {} DIV.rssContainer A:hover {} DIV.rssEvenRow {background-color:#fafafa;} DIV.rssOddRow {background-color:#eeeeee;} /********************************** Login *******************************/ DIV.PermissionMsg {font-weight:bold; color:red; padding-top:10px; margin-bottom:10px;} DIV.LoginFormsContainer {} INPUT.LoginForms {min-width:160px;} DIV.LoginNewColumn {width:48%; margin-bottom:10px;} TABLE.LoginNewMemberContainer {width:100%; border:#9f939d 1px solid; color:#37373d; background-color:#f7f4f4;} TABLE.LoginNewMemberContainer TABLE {width:90% !important;} TABLE.LoginNewMemberContainer TD {padding:3px 5px 4px 5px;} TABLE.LoginNewMemberContainer A {text-decoration:underline;} TABLE.LoginNewMemberContainer A:hover {text-decoration:none;} TD.LoginNewMemberTitle {padding:3px 10px 4px 10px; font-weight:bold; border-bottom:#9f939d 1px solid; background-color:#efe9e9;} H2.LoginNewMemberTitle {font-size:1.8rem;} DIV.LoginExistingColumn {width:48%; margin-bottom:10px;} TABLE.LoginExistingMemberContainer {width:100%; border:#9f939d 1px solid; color:#37373d; background-color:#f7f4f4;} TABLE.LoginExistingMemberContainer TD {padding:3px 5px 4px 5px;} TABLE.LoginExistingMemberContainer A {text-decoration:underline;} TABLE.LoginExistingMemberContainer A:hover {text-decoration:none;} TD.LoginExistingMemberTitle {padding:3px 10px 4px 10px; font-weight:bold; border-bottom:#9f939d 1px solid; background-color:#efe9e9;} H2.LoginExistingMemberTitle {font-size:1.8rem;} @media screen and (max-width: 768px) { DIV.LoginNewColumn {width:100%; float:none !important;} DIV.LoginExistingColumn {width:100%; float:none !important;} } /********************************** Search Results *******************************/ TD.SearchMsg {font-weight:bold; border-bottom:solid 1px #bcbcbc; padding-bottom:5px;} TABLE.SearchResultsContainer {width:100%;} TD.SearchResultsContainer {padding-top:5px;} TD.SearchResultCategory {font-weight:bold; padding-bottom:5px;} H2.SearchResult {font-size:1.5rem;} TD.SearchResult {font-weight:bold; padding-bottom:5px;} UL.SearchResults {margin:5px 0px 10px 0px; border-bottom:solid 1px #ddd; padding-bottom:20px;} LI.SearchResult {margin-top:5px; font-size:1.3rem;} A.SearchResult {display:inline-block; vertical-align:text-top; margin:-3px 0px 5px 0px;} A.SearchResult:hover {} DIV.SearchResultLocation {font-weight:normal; color:#a5a3a4; padding-bottom:8px;} DIV.SearchResultSummary {font-weight:normal; padding-top:5px;} TD.SearchResultsPages {background-color:#f7f4f4; border:#9f939d 1px solid;} .highlight {margin:0 !important; padding:3px 8px !important; background-color:#ffffcc !important;} /********************************** Parameters *******************************/ TABLE.ItemParametersContainer {width:100%; background-color:#8f848d; margin:15px 0px 10px 0px;} TD.ItemParmeterFamily {padding:4px 6px 4px 6px; font-weight:bold;} TD.ItemParmeterCaption {padding:4px 6px 4px 6px; font-weight:bold; background-color:#dddddd;} TD.ItemParmeterValue {padding:4px 6px 4px 6px; background-color:#f7f4f4;} DIV.ArticlesListParametersCart {font-weight:bold; margin-top:5px; color:#4c2177;} DIV.ArticlesGalleryParametersCart {font-weight:bold; margin:5px 0px 5px 0px; padding:2px; border:#bbbbbb 1px solid; text-align:center; color:#4c2177;} A.ArticlesListParametersCart {font-size:1.1rem; font-weight:bold;} A.ArticlesGalleryParametersCart {font-size:1.1rem; font-weight:bold;} TABLE.ParametersFilterContainer {width:100%; margin-bottom:20px; border:#9f939d 1px solid; background-color:#f7f4f4;} TABLE.ParametersFilterContainer TD {padding:3px 5px 3px 5px;} TD.ParametersFiltersCaption {padding:4px 6px 4px 6px !important; font-weight:bold;} /* title */ TD.ParametersFamilyCaption {padding:4px 6px 4px 6px !important; font-weight:bold;} /* sub title */ TD.ParametersFilter {} TD.ParametersFiltersButton {padding:10px 10px 10px 10px !important;} select.ParametersFilter {width:200px; font-size:1.1rem;} .ParametersFilterSubmit {width:65px;} .ParametersFilterClear {width:95px;} /********************************** Compare *******************************/ DIV.ComparePgAllItems {margin-bottom:10px;} TABLE.ComparePgAllItems {} TABLE.ComparePgAllItems TD {padding:3px 5px 3px 5px; border-top:#eeeeee 1px solid;} TD.ComparePgSelectMsg {border-top-style:none !important; padding-bottom:6px !important;} A.ComparePgItem {font-weight:bold;} TD.ComparePgSelectButton {padding:10px 0px 0px 0px !important; text-align:right;} TABLE.ComparedItems {width:100%; background-color:#8f848d; border:#dddddd 1px solid;} TABLE.ComparedItems TD {border-top:#bbbbbb 1px solid; border-left:#bbbbbb 1px solid;} TD.ComparedItemsSpacerImg {width:20%;} TD.ComparedItemImg {text-align:center; width:25%; padding:5px; background-color:#ffffff;} TD.ComparedItemTitle {font-weight:bold; text-align:center; padding:4px 6px 4px 6px;} TD.ComparedItemTitle A {} TD.ComparedItemButton {text-align:center; background-color:#EFEFEF;} TD.ComparedParamPriceCaption {background-color:#7C96EB; color:#ffffff; font-weight:bold;}/*???*/ TD.ComparedParamPriceValue {background-color:#7C96EB; color:#ffffff; font-weight:bold; text-align:center;}/*???*/ TD.ComparedParamFamily {padding:4px 6px 4px 6px; font-weight:bold;} TD.ComparedParamCaption {font-weight:bold; padding:4px 6px 4px 6px;} TD.ComparedParamValue {font-weight:normal; background-color:#f7f4f4; padding:2px 10px 3px 10px;} /********************************** Horizontal Categories *******************************/ DIV.ArticlesListSubCategory {padding:3px 8px 3px 8px; font-weight:bold; background-color:#efe9e9; color:#4c2177;} TD.ArticlesGallerySubCategory {padding:3px 8px 3px 8px; font-weight:bold; background-color:#efe9e9; color:#4c2177;}