/*------------CSS Document-------------*/ * { margin:0; padding:0; border:none; } @font-face { font-family: 'Rubik-Regular'; src: url('../fonts/Rubik-Regular.eot'); src: url('../fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik-Regular.ttf') format('truetype'), url('../fonts/Rubik-Regular.svg#Rubik-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rubik-Medium'; src: url('../fonts/Rubik-Medium.eot'); src: url('../fonts/Rubik-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik-Medium.ttf') format('truetype'), url('../fonts/Rubik-Medium.svg#Rubik-Medium') format('svg'); font-weight: normal; font-style: normal; } } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSansRegular.eot'); src: url('../fonts/OpenSansRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSansRegular.ttf') format('truetype'), url('../fonts/OpenSansRegular.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Bold'; src: url('../fonts/OpenSansBold.eot'); src: url('../fonts/OpenSansBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSansBold.ttf') format('truetype'), url('../fonts/OpenSansBold.svg#OpenSansBold') format('svg'); font-weight: 600; font-style: normal; } html { height:100%} body { line-height: normal; direction:rtl; color: #757575; font-family: 'Rubik-Regular', sans-serif; font-size: 1rem; height: 100%; margin: 0 auto; padding: 0; } /** html { overflow-x: hidden; height: 100%; } * html body { height: 100%; imgoverflow-y: auto; } */ img { border:0} h1 { margin-left:10px; font-size:110%; font-weight:normal; display:block; clear:left} h2 { font-size:1.2rem; font-weight:normal; font-family:'Rubik-Medium'; display:block; } h5 { font-size:100%; display:block; clear:left; font-weight:normal;} p { margin: 0; padding: 0;} table { width: 100%;} li { list-style: none;} input { font-family: Rubik-Regular; } /* #get_var_0::-webkit-input-placeholder {color: black;} */ @media only print { #mainNavContainer .searchBox {display:none;} #pushmenu1 {display:none;} } .fade-in { opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 1s; } @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0,-4px,0); } } a.acc_menu_toggle { /*vertical-align: middle;*/} a.acc_menu_toggle_pos1 {} .table { display: table; } .cell { display: table-cell; } .cell.left { text-align: left; padding-left: 20px; } .inline-block { display: inline-block; } .text-left { text-align: left; } .blue-box td { /*padding: 5px 0 !important; */} .pdf-box { position: relative; display: inline-block; } .pdf-box span{ width: 20px; display: inline-block; height: 20px; background-image: url('../images/expand.png'); background-repeat: no-repeat; background-size: contain; background-position: top left; position: absolute; top: 4px; left: 8px; z-index: 99999; background-color: rgba(255,255,255,1); padding: 4px; border: 1px solid #D1D1D3; } .pdf-album-box { position: relative; display: inline-block; } .pdf-album-box span{ width: 20px; display: inline-block; height: 20px; background-image: url('../images/album_like_expand.png'); background-repeat: no-repeat; background-size: contain; background-position: top left; position: absolute; top: 4px; left: 8px; z-index: 99999; background-color: rgba(255,255,255,1); padding: 4px; border: 1px solid #D1D1D3; } .pdf-box1 {display: inline-block; } .pdf-box1 span{ width: 20px; display: inline-block; height: 20px; background-image: url('../images/expand.png'); background-repeat: no-repeat; background-size: contain; background-position: top left; position: absolute; top: 2px; left: 2px; z-index: 99999; background-color: rgba(255,255,255,1); padding: 4px; border: 1px solid #D1D1D3; } .pdf-album-box1 {display: inline-block; } .pdf-album-box1 span{ width: 20px; display: inline-block; height: 20px; background-image: url('../images/album_like_expand.png'); background-repeat: no-repeat; background-size: contain; background-position: top left; position: absolute; top: 2px; left: 2px; z-index: 99999; background-color: rgba(255,255,255,1); padding: 4px; border: 1px solid #D1D1D3; } .relative { position: relative; } .row-view { margin-right:-15px; margin-left:-15px; } .text-right-link { width: 15px; } .text-left-link { text-align: left; width: 15px; } a.acc_menu_toggle_pos2 {left: 5px; margin-left:1em; position:absolute; top:15px;} #accessibility { background: #f8f8f8 none repeat scroll 0px 0px; color: #5a5a5a; } #accessibility:focus { border:1px solid #5D6672;} #acc_skip_main {float:right; margin-right: 35em; position: absolute; top: 1px; font-size:80%; vertical-align:middle; } #acc_skip_main li {display: inline; padding:0.3em;} #acc_skip_main li a:focus {border: 1px solid #ffffff; } #element_to_pop_up { display:none; } /* Desktops and laptops ----------- */ @media only screen and (max-width : 1279px) { A:link, A:visited {text-decoration: none;font-size: 85%;} } /* Large screens > 1280 ----------- */ @media only screen and (min-width : 1280px) { A:link, A:visited {text-decoration: none;font-size: 100%;} } A:hover { text-decoration:underline;} /* img:hover { -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; } */ .no_wrap { white-space:nowrap;} .hide, .sapir_hide, .rows_hide { display:none; } .animation { -webkit-animation-name: example; /* Chrome, Safari, Opera */ -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */ animation-name: example; animation-duration: 3s; } /* Chrome, Safari, Opera */ @-webkit-keyframes example { from {opacity: 0.5;} to {opacity: 1;} } /* Standard syntax */ @keyframes example { from {opacity: 0.5;} to {opacity: 1;} } .center {text-align:center;} em {color: #000 ; font-style:normal; font-weight: bold} .alignLeft {float:right;} .alignRight {float:left} .inactive { color:#999999} .bold { font-weight:bold} .homepage_container {overflow:hidden; height:100%; overflow:hidden;} .open-fun {text-decoration: none; font-size: 60%;} /*-------------form-------------*/ input[type=text], input[type=password] {border: 1px solid #CCC; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;} input[type=checkbox] + label {background: transparent url("../images/8_3_b49_5/un-check-box-bg.png") no-repeat scroll center right; } /* checkbox] */ input[type=checkbox] + label.aggs_label {background: transparent url("../images/8_3_b49_5/icons8-off.png") no-repeat scroll center right;} /* checkbox] */ input[type=checkbox]:checked + label.aggs_label {background: transparent url("../images/8_3_b49_5/icons8-on.png") no-repeat scroll center right;padding-right: 30px;} select {-moz-appearance: none;-webkit-appearance:none;appearance: none; font-family:'Rubik-Regular'; background: #fff url("../images/8_3_b49_5/br_down.png") no-repeat scroll 6px 6px; border: 1px solid #CCC; border-radius: 5px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;} /*-------------topbar-------------*/ #topbar { background: #fff none repeat scroll 0 0;height: 70px; line-height: 70px; width: 100%;} #topbar img.logo { padding-right: 1.8em; vertical-align: middle; width: 100px; } #topbar_acc img { padding-right: 1.8em; padding-top: 8px;} /* Desktops and laptops ----------- */ @media only screen and (max-width : 1279px) { #topbar_tx { width:100%; line-height: 70px; font-size: 150%; text-decoration: none; padding-right: 25px; vertical-align: middle; font-family: Rubik-Medium;} } /* Large screens > 1280 ----------- */ @media only screen and (min-width : 1280px) { #topbar_tx { width:100%; line-height: 70px; font-size: 150%; text-decoration: none; padding-right: 25px; vertical-align: middle; font-family: Rubik-Medium;} } /* Large screens > 1824 ----------- */ @media only screen and (min-width : 1824px) { #topbar_tx { width:100%; line-height: 70px; font-size: 150%; text-decoration: none; padding-right: 25px; vertical-align: middle; font-family: Rubik-Medium;} } .caption {font-size:0px; width:0px; height:0px; } .caption1 {float:right} /*#form div label.span {*/ .data-label {font-size: 15px; } /*-------------MainNav-------------*/ #mainNavContainer1 {height: 26px; line-height: 20px; } #mainNavContainer1 a.sideMenu { width: auto; display: inline-block; margin-right: 2em; padding-right:25px; font-size: 14px; } #mainNavContainer1 a.sideMenuShow {background-image:url(../images/8_3_b49_5/rtl/icons/icon_side_menu_show.gif);} #mainNavContainer1 ul { float:left; width:81%; text-align:left; } #mainNavContainer2 { background-repeat:repeat-x; line-height: 26px; width:100%;} #mainNav1{height: 45px; line-height: 45px;} #mainNav1 li { display: inline-block; font-size:80%; list-style: none; float:right; } #mainNav1 li.selectedNavItem a { text-decoration: none;} #mainNav1 li.lastNavItem#right {float:left;} #mainNav1 li.lastNavItem span{display:none;} #mainNav1 li a {color: #fff; font-family: 'Rubik-Medium'; font-weight: normal; padding: 0 1.8em; border-left: solid 1px #fff; text-decoration: none; font-size:1rem; } #mainNav1 li:last-child a { border: solid 0;} #mainNav1 li span.saperatorHeb { display: none; } #mainNav1 li span.saperatorEng { display:none; } #mainNav1 li span.subMenu { float:left; width:9px; height:20px;background-image: url(../images/8_3_b49_5/rtl/main_menu/icon_subMenu.gif); background-repeat:no-repeat; background-position:0% 50%; } /*search bar styles by liron 06.2010*/ #mainNavContainer .searchBox { padding-top: 10px; } #mainNavContainer .searchBox label{ font-size:0px; } #mainNavContainer .searchBox input{ border: 1px solid #cccccc; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width: 415px; margin: 5px 25px 0 0; } #mainNavContainer .searchBox input.button { width: 100px; min-height: 1em; outline: 0; border: none; vertical-align: baseline; font-family: 'Rubik-Medium'; color: #fff; margin: 0 .25em 0 0; padding: .5em 1.5em .6em; font-size: 16px; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; border-radius: .28571429rem; -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease; transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease; transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease; transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease; will-change: ''; -webkit-tap-highlight-color: transparent; cursor: pointer; } /*show-hide side menu styles*/ #mainNavContainer a.sideMenu { font-weight:normal; font-size:80%; float:right;color: #393e44; padding-top:3px; padding-right:20px; width:auto; margin:0px; background-image:url(../images/8_3_b49_5/rtl/icons/icon_side_menu_hide.gif); background-repeat:no-repeat; background-position:100% 100%; margin-right:0.8em; text-decoration:none; position:relative; top:30px; left:0px;} #mainNavContainer a.sideMenuShow {background-image:url(../images/8_3_b49_5/rtl/icons/icon_side_menu_show.gif);} #mainNav{ height: 45px; line-height: 45px; } #mainNav li { display: inline-block;font-size: 80%; } #mainNav li.selectedNavItem a{ text-decoration: none; } #mainNav li.lastNavItem#right { float:left; left: 0; top: 77px;} #mainNav li.lastNavItem span{ display:none; } #mainNav li a{ color: #FFF; padding: 0px 1.8em; text-decoration: none; border-left: solid #fff 1px; font-family: 'Rubik-Medium'; font-size: 1rem; } #mainNav li:last-child a{border-left:none; text-decoration: none} #mainNav li span.saperatorHeb {float:left; width:2px; height:22px;background-image: url(../images/8_3_b49_5/rtl/main_menu/seperator.gif); background-repeat:no-repeat; background-position:right;} #mainNav li span.saperatorEng {display:none} #mainNav li span.subMenu { float:left; width:9px; height:20px;background-image: url(../images/8_3_b49_5/rtl/main_menu/icon_subMenu.gif); background-repeat:no-repeat; background-position:0% 50%; } /* ----------Language Nav Bar--------------- */ #logoutNav a {font-weight:bold;} #langNav{ list-style-type: none; clear: right; position: absolute; vertical-align: middle; height: 70px; top: 0;} #langNav .lastNavItem .white-button { position: relative; top: 15px; } .langnav_pos1 {left: 15px; width: 40%; position: absolute; top: 0; direction:ltr;} .langnav_pos2 {left: 125px; width: 40%; position: absolute; top: 0; direction:ltr;} .langnav_pos4 {left: 15px; width: 40%; position: absolute; top: 0; direction:rtl;} /* Desktops and laptops ----------- */ @media only screen and (max-width : 1279px) { .langnav_pos3 { left: 110px; } .langnav_pos3 li { float: right; margin-left: 15px; } .langnav_pos3 li a { text-decoration: underline; } } /* Large screens > 1280 ----------- */ @media only screen and (min-width : 1280px) { .langnav_pos3 { left: 110px; } .langnav_pos3 li { float: right; margin-left: 15px; } .langnav_pos3 li a { text-decoration: underline; } } /* Large screens > 1824 ----------- */ @media only screen and (min-width : 1824px) { .langnav_pos3 { left: 110px; } .langnav_pos3 li { float: right; margin-left: 15px; } .langnav_pos3 li a { text-decoration: underline; } } .white-button { box-sizing: border-box; position: relative; outline: 0; border: none; -webkit-tap-highlight-color: transparent; display: inline-block; white-space: nowrap; text-decoration: none; vertical-align: baseline; text-align: center; margin: 0; margin-right: 0px; min-width: 88px; line-height: 36px; padding: 0 16px; border-radius: 2px; overflow: visible; transform: translate3d(0,0,0); transition: background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1); box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); background-color: #fff; font-family: "Rubik-Medium",sans-serif; font-size: 18px !important; font-weight: 500; } .enter-button { position: relative; top: 21px; font-size: 18px !important; left: 20px; text-decoration: underline !important; vertical-align: top; } .enter-icon { font-size: 20px; margin-left: 10px; position: relative; top: 2px; } /* #langNav li a{display: inline-block; margin: 0 10px; padding: 0; text-align: center ;text-decoration: underline;} */ #langNav li.selectedLang a { text-decoration: none; /*padding-left: 20px; */} #bottomBar{ position: absolute; left: 53px; top: 77px; } #bottomBar ul { font-size: 80%;list-style-type: none;text-align: right; } #bottomBar ul li { font-size:80%; font-weight:normal; float:none; padding: 4px 28px 2px; color:#aedfff; display:inline; } #bottomBar ul li a{ color: #fff;display: inline-block; padding-left: 26px; } #bottomBar ul li a:hover{ text-decoration:underline; } #bottomBar ul li span { color: #ffffff; } #bottomBar ul li a span { display:none } /*-------------Footer-------------*/ #footerNavContainer { display:none;height:24px;margin-bottom: 0px; background-color:#DDDDDD;clear:left;width:100%; bottom:0px; left:0px; background-image:url(../images/8_3_b49_5/rtl/footer/h_separator.gif); background-repeat:repeat-x; background-position:top;} /*-------------Content Wrap-------------*/ #wrapper { display: table; padding-top: 25px; padding-bottom: 0; width: 100%; } #wrapper table#layoutTable td.contentColumn #content { height:100vh; } /*-------------Layout Table-------------*/ #layoutTable{ height: 100%;margin: 0 auto;padding-bottom: 0; position: relative; width: 98%; margin-bottom:50px; } #layoutTable td{ vertical-align: middle; } #layoutTable td.main-form{ background: #eee; padding:10px; } #layoutTable td.main-form input[type="text"]{ height: 30px; line-height: 25px; padding: 0px 5px 0px 0px;} #layoutTable td.menuColumn { background-color: #fff; border-radius: 5px; border: 1px solid #e1e4ea; width: 15rem; height: 100%; vertical-align: top; box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); } #layoutTable td.menuColumn2 { background-color: #fff; border-radius: 5px; border: 1px solid #e1e4ea; width:25rem; height: 100%; vertical-align: top; box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); } #layoutTable td.menuColumn3 { background-color: #fff; border-radius: 5px; border: 1px solid #e1e4ea; width:35rem; height: 100%; vertical-align: top; box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); } #layoutTable td.menuColumnHide { width:auto; padding-right:0px;border-right:none;} #layoutTable td.contentColumn{ margin-top:0px; padding-bottom:0; height:100%; width:auto; vertical-align: top;} #___plusone_0 { position:absolute; top:10px; left:25px; z-index:1;} .fb_iframe_widget { top: 10px; left: 65px; z-index: 1; float: none; position: absolute !important; } #layoutTable td.subjectColumn{ height: 100%;background: #fff none repeat scroll 0 0 ; border-right: 1px solid rgb(225, 228, 234);border-radius: 5px; width: 17%;} #content { height:100%; position:relative; background: #FFF none repeat scroll 0px 0px; border-radius: 5px; border: 1px solid #E1E4EA; line-height: 25px; margin-left: 15px; margin-right: 15px; padding: 0px 15px 15px 15px; display:table;width:calc(100% - 60px); } #content div.contentHeader{ width:100%; display:block; clear:left; height:auto;} #content h3{ background: whitesmoke none repeat scroll 0 0;border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;color: #707070;display: block;font-size: 90%;font-family: 'Rubik-Medium';height: 35px;line-height: 35px;margin-bottom: 30px; margin-left: -15px;margin-right: -15px;padding-right: 10px;position: relative; top: 15px;} #content div.itemPagination { float:left; text-align:left;font-size:80%;margin-top:10px;} #content h1{ border-bottom: 1px solid #e6e6e6; color: #1f1f1f; display: block; font-size: 1.2rem; height: 35px; line-height: 35px; margin-bottom: 22px; margin-left: -15px; margin-right: -15px; padding-right: 15px; position: relative; font-weight: normal; font-size: 1rem; } #content div.itemPagination span.itemPaginationPrev { background: url(../images/8_3_b49_5/ltr/dview/btn_nextRecord.png) no-repeat center right; padding-right: 1.2em; margin-left: 1.2em;} #content div.itemPagination span.itemPaginationNext { background-image:url(../images/8_3_b49_5/ltr/dview/btn_prevRecord.png); background-repeat:no-repeat; padding-right:1.2em;padding-left:1.2em;} #content div.itemPagination span a { text-decoration:none; font-size: 1rem; } #content div.itemPagination span a:hover {text-decoration:underline;} #content h3 span{font-size:80%; font-weight:normal; } #content h3 a { font-size: 90%;font-family: 'Rubik-Medium';text-decoration: none; font-weight: normal; } #content h3 a:hover{font-family: 'Rubik-Medium'; text-decoration: underline; font-weight: normal; } #content h1 span{font-size: 1rem; font-weight:normal; } #content h1 a { font-size: 1rem; text-decoration: none; } #content h1 a:hover{ text-decoration: underline;} #content h4 {font-weight: normal;} #content h4 span {display:none;} #content td h4 label{ font-size:130%; font-family: 'Rubik-Medium'; font-weight: normal;} #content h6 { text-align: right; display: block; padding: 0px; margin: 0px; clear: both; height: 40px; line-height: 40px; font-size:90%; } #feedback { margin-bottom:0px; width:100%; font-size:80%; padding:3px 0px 3px 0px; text-align:center; font-family: 'Rubik-Medium'; margin-top: 9px; font-weight: normal;} #feedback1 { margin-bottom:0px; width:100%; font-size:80%; padding:3px 0px 3px 0px; text-align:center; font-family: 'Rubik-Medium'; font-weight: normal;} /*-------------Side Nav-------------*/ #sideNavContainer {width:100%; height:100%;margin-top:10px; } #sideNav li {color:#10125E;} #sideNav li a:hover{ color:#008AE5;} #sideNav li.sideNavSelected a{ color:#000;} /* ? */ #sideNav li a{color:#393e44;} #sideNav{width:100%;margin-right:0.5em;margin-left:0em; margin-bottom:1em; padding-bottom:1em;} #sideNavContainer h2{border-bottom:1px solid #E1E4EA; margin-right:5%; margin-top:0em; color:"#393e44"; clear:both; } #sideNav li { font-size:80%; list-style:none;padding-top:0px; padding-bottom:0px; line-height:18px; clear:both} #sideNav li a{margin-right:0.5em; text-decoration:none; font-weight:normal;float:right; } #sideNav li.sideNavSelected a{font-family: 'Rubik-Medium'; } #sideNav li span {margin-right:0.5em; float:right; width:7px; height:18px; background-image: url(../images/8_3_b49_5/rtl/dview/new_bullet_blue.gif); background-repeat:no-repeat; background-position:0% 100%; vertical-align:middle;} #sideNav li.sideNavSelected span {background-image: url(../images/8_3_b49_5/rtl/dview/new_bullet_on.gif); } #sideNav li.sideNavSubOpen span{background-image: url(../images/8_3_b49_5/rtl/side_menu/bullet_subOpen.gif)} #sideNav li.sideNavSubOpen a{ font-weight:bold} #sideNav li.sideNavSubOpen ol {margin-right:1.5em; margin-left:0em; } #sideNav li.sideNavSubOpen ol li{ border:0px; font-size:100%} #sideNav li.sideNavSubOpen ol li a{ font-weight:normal;} #sideNav li.sideNavSubClosed span{background-image: url(../images/8_3_b49_5/rtl/side_menu/bullet_subClosed.gif)} #LongSideNavContainer { height: 100%; width: 100%; } #LongSideNavContainer h2 { color: #5f5f5f; padding: 8px; font-size: 1rem; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; } #LongSideNavContainer h2:first-child { border-top: 0 solid #e6e6e6;} /* todo_acc: */ .filterLegend {font-size:1rem; font-weight:normal; font-family:'Rubik-Medium'; display:block; color: #5f5f5f; padding: 8px; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; width: 94%; } /* .filterLegend:first-child { border-top: 0 solid #e6e6e6;} */ table.LongSideNav { margin: 10px 0; } .LongSideNav td.SideNavBullet { display: none;/*margin-right:0.5em; width:7px; height:18px; background-image: url(../images/8_3_b49_5/rtl/dview/new_bullet_blue.gif); background-repeat:no-repeat; vertical-align:middle;*/} .LongSideNav td { font-size: 0.9rem; padding-right: 10px; list-style: outside none none; padding-top: 0px; padding-bottom: 0px; line-height: 25px; } .LongSideNav td a{ font-weight: normal; text-decoration: none; font-size: 0.9999rem; font-family: 'Rubik-Regular'; } .LongSideNav td.SideNavSelected a{font-family: 'Rubik-Medium'; } .panel.my-selections { margin-bottom: 20px; background: #f8f9fa; border-bottom: 2px dotted #c7c5c5; } .panel.my-selections .LongSideNav { margin: 10px 0 0 0; } #SelectLanguage { border:1px solid #D6D6D6; background-color:#F5F5F5; width:80%; margin-top:1em; padding:5px 0px 5px 5px; margin-right:1em; height:1.2em } #SelectLanguage form select {width:95%; font-size:70%; font-family: 'Rubik-Medium';} #SelectLanguage form label{ font-size:80%; display:none} #sideNavContainer select { width:80%; float:right; padding:0px; margin:0px; text-align:left; background-color:#F5F5F5} /*-------------Item tabs-------------*/ #itemTabsContainer { width: 100%; border-bottom: 1px solid #C7C7C7; height: 48px; line-height: 50px; margin-bottom: 15px; } #itemTabs{ margin: 0; width: 100%; } #itemTabs li { display: inline-block; font-size: 1rem; padding: 0 12px; height: 49px; text-align: center; position: relative; border-radius: 5px 5px 0 0; transition: .5s cubic-bezier(.35,0,.25,1); } #itemTabs li.itemTabsSelected { height: 47px ; text-decoration: underline; } #itemTabs li.action { position: relative; bottom: 0; float:left; } #itemTabs li.action img{ padding-left:5px;vertical-align:middle; margin-top:12px;} #itemTabs li.action label{display:none} #itemTabs li.action select{ width:80px; height: 26px; background:#FFF url("../images/8_3_b49_5/br_down.png") no-repeat scroll 6px 6px; } /*-------------Item tabs List-------------*/ #itemTabsDetails { width: 100%; border-bottom: 1px solid #eee; border-top: 1px solid #eee; line-height: 50px; margin-bottom: 15px; background: #f1f1f16e; } #itemTabsList{ margin: 0; width: 100%; } #itemTabsList li { display: inline-block; font-size: 1rem; padding: 0 12px; text-align: right; position: relative; border-radius: 5px 5px 0 0; transition: .5s cubic-bezier(.35,0,.25,1); } #itemTabsList li a { color: #303030; } /* #itemTabsList li.itemTabsSelected { font-family: 'Rubik-Medium'; border-bottom: solid #0894D7 2px;} #itemTabsList li.itemTabsSelected a { color: #0894D7; } */ /*-------------Security Details List-------------*/ #securityDetails { margin-bottom: 20px; } #securityDetails li { border: 1px solid #eee; min-width: 80px; display: inline-block; margin: 0 10px 0 0; text-align: center; background: #f8f9fa; padding: 10px; border-radius: 4px; } #securityDetails li a { color: #303030; } #securityDetails li img { width: 35px; vertical-align: middle; display: block; margin: 0 auto; } #securityDetails li.itemTabsSelected { background: #b0b0b0; } /*-------------Digital Code-------------*/ #results_list .digital-code { border: solid #eee 1px; background: #fff; } /* #results_list .digital-code th.title { color: #0894D7; font-size: 1rem; border-bottom: solid #eee 1px; background: #fff; } */ #results_list .digital-code th { background-color: #f9f9f9; border-bottom: solid #eee 1px; height: 40px; vertical-align: middle; font-family: 'Rubik-Medium'; font-weight: normal; } #results_list .digital-code td { border-bottom: 1px solid #d1d1d340; } #results_list .digital-code tr:last-child td { border-bottom: 0 solid; } #results_list .digital-code th:first-child, #results_list .digital-code td:first-child { width: 200px; padding-right: 15px; } /*-------------Digital Item List-------------*/ #results_list .code { display: table; width: 100%; margin: 20px 0; } #results_list .code .code-box:first-child { width: 35%; background: #e7e7e7; border: solid #c3c3c3 1px; } #results_list .code .code-box.between { width: 15px; border: solid 0; padding: 0; } #results_list .code .code-box { display: table-cell; vertical-align: top; padding: 20px 10px; border: solid #eee 1px; } #results_list .digital-item { border: solid #eee 1px; } /* #results_list .digital-item th.title { color: #0894D7; font-size: 1rem; border-bottom: solid #eee 1px; background: #fff; } */ #results_list .digital-item th { background-color: #f9f9f9; border-bottom: solid #eee 1px; height: 40px; line-height: 40px; vertical-align: middle; font-family: 'Rubik-Medium'; font-weight: normal; } #results_list .digital-item td { border-bottom: 1px solid #d1d1d340; } #results_list .digital-item th:first-child, #results_list .digital-item td:first-child { padding-right: 15px;} /*-------------item card look-------------*/ #item { width:100%; color:#393e44; margin-top:25px; height:auto; overflow:hidden; display:table; } #item p{ clear:left; } #item p.noItemData{height:350px;margin-left:0.5em;} #item div.itemData{ font-size: 0.9rem; border: 1px solid #D1D1D3; border-radius: 5px; float: none; display: table-cell; vertical-align:top; } #item div.itemData h4{ font-size: 0.9rem;color: #5F5F5F; padding-right: 30px;margin: 10px 0 10px 0;background: #F5F5F5 none repeat scroll 0px 0px;height: 30px; line-height: 30px;} #item div.itemData li{ list-style:none; /*border-bottom:1px solid #D1D1D3*/} #item div.itemData a {text-decoration:underline; } #item div.itemData a span.bidie { text-decoration:underline; } #item div.itemData a:hover { text-decoration: underline} #item div.itemData ul.groupedFields{ width:90%;margin-right:0em;margin-left:0.7em;} #item div.itemData ul.groupedFields li { padding-top:2px; padding-bottom:1px; border:0px; list-style-position:outside; list-style:none; clear:both; } #item div.itemData ul.groupedFields li strong { color: #757575; } #item div.itemData ul.groupedFields li span {clear:both; margin-top:-17px; margin-right:1px;} #item div.itemData ul.groupedFields li span.bidi {float:none; margin-right:0px} #item div.itemData ul.groupedFields li span.bidie {direction: ltr; unicode-bidi: embed; float:none; margin-right:0px} #results_list td p a .bidie { text-decoration: underline; font-family: 'Open Sans Bold'; } #results_list td a:hover {text-decoration: underline;} .bidie { display:inline-block; font-weight:normal; direction: ltr; unicode-bidi: embed; color: #505050; font-family:'Rubik-Regular', sans-serif; } #item div.itemData ul.groupedFields li a{text-decoration:none; font-weight:normal;} #item div.itemData ul.groupedFields li img { margin-left: 0.5em;width: 20px;height: 20px;margin-right: 0.5em; top: 7px; position: relative; } #item div.itemData ul.groupedFields li.groupedField ol { margin-right:20px; margin-left:0em; } #item div.itemData ul.groupedFields li.groupedField ol li{ border:0px; font-size:100%} #item div.itemData ul.groupedFields li.groupedField ol li a{ font-weight:normal;} #item div.itemData ul.groupedFields li.groupedField img {cursor:pointer; } /*item widgets styles*/ .itemWidgets {width: auto; float: none; display: table-cell; padding-right: 15px; } .ls_itemWidgets1 { width: auto;float: none; padding-right: 10px; display: table-cell; min-width:30%; width:30%; } .ls_itemWidgets2 { width: 250px; float: none; display: table-cell; padding-right: 15px; } #item div.spread {width:97%}/*spreads the card item content when there is no visual*/ #item div.visual{ text-align:center; border:1px solid #D1D1D3; height:auto; border-radius: 5px; } #item div.visual img{ margin: 20px 0; border-radius: 4px; max-width: 90%; } #item div.visual div{ padding: 0em; border-top: 1px solid #D1D1D3; height: auto; font-size: 0.9rem; } #item div.visual div img {padding:0px; margin:0px; float:none; position:relative; top:4px; right:5px; } /*item card - seperator*/ #item div.visualSeperator{ width:214px; height:0px; clear:right} /*item card - archive tree*/ #item div.archiveTree{border-radius:5px; font-size:80%; text-align:center; border:1px solid #D1D1D3; clear:right; margin-bottom:10px; } #item div.archiveTreeMaximized{ width:100%; font-size:100%; margin-top:1em} /*header*/ #item div.archiveTree div.archiveTreeHeader{ background-color:#f9fafb; border-bottom:1px solid #D1D1D3; height:30px; display:block} #item div.archiveTree div.archiveTreeHeader ul { list-style:none; width:100%; text-align:right; text-indent:0.5em; z-index:100 } #item div.archiveTree div.archiveTreeHeader ul li.archiveTreeTitle{ display:none} #item div.archiveTree div.archiveTreeHeaderOpen { height:90px;} #item div.archiveTree div.archiveTreeHeaderOpen#item div.itemData ul li.archiveTreeTitle{ line-height:220%; font-weight:normal; width:100%; float:right;background-color:#f9fafb; position:relative; z-index:100; display:inline-block } #item div.archiveTree div.archiveTreeHeaderOpen ul li.archiveTreeTitle a{ text-decoration:none} #item div.archiveTree div.archiveTreeHeader ul li.archiveTreeTitleSelected {line-height:220%; width:100%; float:right;background-image:url(../images/8_3_b49_5/rtl/icons/icon_open_menu.gif); background-repeat:no-repeat; background-position:5% 50%; display:inline-block; cursor:pointer} #item div.archiveTree div.archiveTreeHeader ul li.archiveTreeTitleSelectedSingle { border-bottom: 1px solid #D1D1D3; background: whiteSmoke none repeat scroll 0 0; line-height:220%; width:100%; float:right;display:inline-block;} /*footer*/ #item div.archiveTree div.archiveTreeFooter{ background: #F5F5F5 none repeat scroll 0px 0px; height: 30px; line-height: 30px;text-align: right; border-top: 1px solid #D1D1D3;} #item div.archiveTree div.archiveTreeFooter a img{ padding: 0px; margin: 0px 0px 0px 5px; float: none; position: relative; right: 5px; top: 3px; padding-left: 6px;} #item div.archiveTree div.archiveTreeFooter a { float:none;text-decoration:none; padding-top:4px;} /*container - tree design*/ .archiveTreeContainer { padding:10px 2px 0px 5px; height:300px; padding-right:0.5em; text-align:right } .archiveTreeContainer div.scroll {width:100%; height:200px;} .archiveTreeContainer ul{margin-left:0em;margin-right:0em /*0.7em*/; margin-top:0.5em} .archiveTreeContainer ul li { color:#393e44; padding-top:0px; padding-bottom:1px; border:0px; list-style-position:outside; list-style:none; clear:both; width:100%; line-height:140%; display:block;} .archiveTreeContainer ul li span {float:right; clear:both; margin-right:20px; margin-top:-20px;} .archiveTreeContainer ul li span strong{ display:block;} .archiveTreeContainer ul li span span { border-radius: 5px; float: none; margin-right: 0px; margin-top: 5px; font-weight: normal; background-color: rgb(245, 245, 245); border: 1px solid #D1D1D3; display: inline-block; padding-left: 0.3em; padding-right: 0.3em; font-size:80%;} .archiveTreeContainer ul li a{ display:block; margin-bottom:10px } .archiveTreeContainer ul li img { margin-left:0.5em; display:block;cursor:pointer; } .archiveTreeContainer ul ul { margin-right:20px; margin-left:0em; margin-top:2px } #item div.itemFooter { clear:both} /*extra div for firefox display*/ #item table {margin-left:0px; margin-top:0px; border-left:0px solid #D1D1D3;border-right:0px solid #D1D1D3; } #item th { color:#393e44; padding-left:5px;padding-right:5px; vertical-align:text-top; text-align:right;font-size:0.9rem; height:19px; border-bottom:1px solid #D1D1D3;white-space:nowrap;} #item td { padding-left:5px;padding-right:5px;padding-bottom:0.3em;font-size:0.9rem; font-weight:normal;vertical-align:top; padding-top:5px;} #item td a {text-decoration:none} #item td img { vertical-align:middle; padding:1px; margin:0px 1px 0px 1px; border:1px solid #D1D1D3;} #item td img.icon { vertical-align:top; padding:0px; margin:0px 1px 0px 1px; } #item tr.underline { /*background-image: url(../images/8_3_b49_5/rtl/bgs/bg_underline.gif); background-repeat:repeat-x; background-position:bottom;*/ height:25px; line-height:25px; } #item table.records { margin:0px; border:0px; min-width:250px; padding-bottom: 15px; } #item table.records td{font-size:100%; padding:0px; vertical-align: middle; } #item table.records p{padding-right:30px; margin:0px; height:auto; font-size: 0.9rem;} #item table.records img{padding:0px; margin:0px; margin:5px 30px 5px 5px; } .records .underline p a span.bidi {direction: rtl; unicode-bidi: embed; text-decoration:underline; } .records .underline p a span.bidie {direction: rtl; unicode-bidi: embed; text-decoration:underline; } /*tumbnails*/ #item div.thumbs{ width:100%; font-size:80%; line-height:normal; margin:0px; padding:0px; margin-right:10px; } #item div.thumbs img{margin:0px 0 10px 5px; padding:1px; border:1px solid #D1D1D3; border-radius: 5px; } #item div.thumbs table{margin-top:10px; width:100%;} #item div.thumbs table td{padding:0px; padding-top:8px; text-align:center; } #item div.thumbs table td.alignRight{text-align:left; } #item div.thumbs table td.alignLeft{text-align:right;} /*Link items*/ #item div.LinkItems img{margin:0px; padding:1px; border:1px solid #D1D1D3;} #item div.LinkItems table td{font-size:90%; padding:0px; padding-top:8px; text-align:right; } #item div.LinkItems td a { text-align:right; display:block; margin-bottom:5px; float:right; width:98%} #linkitems {font-size:80%; padding-top:0.5em;color:#393e44;} /*map*/ #item div.map{width:214px; margin-top:10px} /*Thesaurus styles*/ div.itemDrawer { color:#393e44; padding-left:5px;padding-right:5px;text-align:right;font-size:90%; /*white-space:nowrap;*/ border-bottom:1px solid #DEE1E8; height:auto; overflow:hidden; padding-bottom:10px; height:20px; margin-bottom:0; } div.itemDrawer span{ font-size:90%; padding-right:10px; margin-bottom:10px; } div.itemDrawer span.saperatorHeb { margin:0 10px; } div.itemDrawer span.saperatorEng { display:none; } div.itemDrawer ul {list-style:none; clear:both; width:100%; } div.itemDrawer li {font-size: 90%;display: inline-block;text-align: right; margin-right: 10px;} div.itemDrawer li a{text-decoration: underline; font-size: 1rem; } div.itemDrawer li.selected a{color: #393e44; text-decoration: none;} div.itemDrawer li span{color:#c7c7c7; padding:0px;} div.hideCategories span{ display:none} div.hideCategories {background-image:none;} div.hideCategories div{ height:0px;} #item div.itemDrawerContnet table { margin-top:3px;} #item div.itemDrawerContnet table td {padding:2px 0px 2px 0px; margin:0px 0px 0px 0px; vertical-align:top; white-space:normal/*font-size:90%*/ } #item div.itemDrawerContnet table td img { border:none;padding:0px; margin:0px; } #item div.itemDrawerContnet table td img.grouped { padding-left:10px; padding-top:2px; } #item div.itemDrawerContnet table tr.subFields { background-image:none} #item div.commentsRankContnet table { margin-top:3px; width:auto} #item div.commentsRankContnet table tr.underline td{width:auto;} #item div.commentsRankContnet table tr.underline td.details{width:15%} #item div.commentsRankContnet table tr.underline td img {border:none;padding:0px; margin:0px; padding-right:7px;} #item div.commentsRankContnet table tr.underline td span { font-weight:normal; padding-right:9px; white-space:nowrap; display:block;} #item div.commentsRankContnet table tr.underline td span.strong {font-family: 'Rubik-Medium'; padding-right:9px; display:block; height:37px; line-height:37px; } #item div.commentsRankContnet table tr.underline td span.smallTitle {font-size:85%;} #item div.commentsRankContnet table tr.underline td h3{ font-weight:normal; text-align: right; background: none; border-right: solid 0; top: 0; font-size:100%; font-family: 'Rubik-Medium'; padding:0px; margin:0px; border-bottom: solid 0; border-top: solid 0; height:auto; line-height:25px;} #item div.commentsRankContnet table tr.underline td p{padding:0px; margin:0px; width:100%; padding-bottom:7px; text-align:right; } #item div.recordsNav {margin-top:0px; width:100%; height:24px; font-size:80%; padding-top:2px;} #item div.recordsNav div.alignLeft { text-align: right; padding-right: 9px; padding-top: 2px; color: #393e44;} #item div.recordsNav div.alignRight {padding-top:2px;color: #393e44; background:transparent; width:30%; float:left;text-align:left; font-weight:normal; margin-left:2px; } #item div.recordsNav div.alignRight .alignRight{width:55%; margin-right:0px;} #item div.recordsNav div.alignRight .alignLeft{width:auto; text-align:left;} #item div.recordsNav div.alignRight img{ vertical-align:middle} #item input.submit {cursor: pointer; font-size: 16px; height: 30px; padding-left: 3px; padding-right: 3px; min-width: 120px; border-radius: 3px; margin-top: 10px;} /*new styles for comment button 13.1.09*/ #item div.recordsNav div.alignLeft .alignRight{width:55%; margin-left:0px;} #item div.recordsNav div.alignLeft .alignLeft{width:auto; text-align:left;} #item div.recordsNav div.alignLeft img{ vertical-align:middle} /*Thesaurus columns width - 100%*/ #item div.itemDrawerContnet table td.groupIcon { width:4%} #item div.itemDrawerContnet table td.subject { width:30%} #item div.itemDrawerContnet table td.relationIcon { width:6%} #item div.itemDrawerContnet table td.value { width:40%} #item div.itemDrawerContnet table td.value span.bidi {direction: rtl; unicode-bidi: embed; font-size:100%; font-weight:normal; margin-left:0px; padding-left:0px; display:inline} #item div.itemDrawerContnet table td.strengthIcon { width:20} /*Two level list icons - used for about the library and general lista.*/ ul.two_level_list_icons li {margin-left:2em;font-size:90%; list-style-image: url(../images/8_3_b49_5/rtl/side_menu/bullet_off.gif); vertical-align:text-top; line-height:1.5em} ul.two_level_list_icons li a:link{text-decoration:underline; font-weight:normal} ul.two_level_list_icons ol { margin-top:0.2em;} ul.two_level_list_icons ol li { font-size:100%; vertical-align:text-top;line-height:1.35em; list-style-image:none; list-style:none; margin-left:0px;} /*----- results list header styles -----*/ .results_list_toolbox{ color:#393e44; margin:0; padding:0px; width:100%; clear:both; font-size:1rem; position: relative; top: -10px; } .resultSum { border-bottom: 1px solid #FFF; height: 40px; margin-top: 1em; width: 100%; line-height: 18px; } .resultSum div.alignLeft { text-align:right; display:table-cell; width:49%; padding-top:8px; font-size:80%; } .resultSum div.alignRight {color: #393e44; width:50%; display:table-cell; text-align:left; font-weight:normal; padding-right:0px;} .bottomNav { margin-top:-7px; border-top:0px;} .results_list_toolbox strong {color: #393e44; font-weight: normal; font-family: 'Rubik-Medium'; } .results_list_toolbox a:link, a:visited { font-weight: normal; text-decoration: underline; font-size: 90%; } .results_list_toolbox a:hover { text-decoration:underline} .results_list_toolbox div.recordsNav { border-radius: 4px; display: table; height: 38px; line-height: 38px; margin-top: 20px; width: 100%; border:1px solid #e6e6e6;} .results_list_toolbox div.recordsNav.check-list { background: transparent url("../images/8_3_b49_5/bg-search.png") repeat scroll 0% 0%; } .results_list_toolbox div.recordsNav div.alignLeft { display: table-cell; padding: 0 11px; text-align: left; } .results_list_toolbox div.recordsNav div.alignRight { background: transparent none repeat scroll 0 0; color: rgb(95, 95, 95); display: table-cell; font-weight: normal; font-family: 'Rubik-Medium'; padding-left: 15px;text-align: right;} .results_list_toolbox div.alignRight form {margin: 0; } .results_list_toolbox div.recordsNav ul{ padding:0px; margin:0px; display:inline;} .results_list_toolbox div.recordsNav li{ padding: 0px; margin: 0px; display: inline-block; width:23px;} .results_list_toolbox div.recordsNav li a img, .results_list_toolbox div.recordsNav li img{ padding: 0px; margin: 0px; cursor: pointer; vertical-align: middle; border: 1px solid rgb(204, 204, 204); } .results_list_toolbox div#form{ width:95%; margin-left:10px;margin-right:0px;margin-top:5px;} .results_list_toolbox div#form div td {font-size:100%;} .results_list_toolbox input.fullSize {width:70%} .results_list_toolbox input.metaSize {width:100%} .results_list_toolbox input.submit { cursor: pointer; font-size: 16px; padding: 0px 10px; font-weight: normal; font-family: 'Rubik-Medium'; border-radius: 8px; height: 25px; min-width: 100px; position:relative; right: 10px; } #searchForm label { display:none;} #searchForm input.fullSize {width:100%;} #searchForm select {width:100%;} #searchForm select.global-search {width: 95%; margin: 5px; height: 30px;} .paging img { padding-right:2px;padding-left:2px;position:relative; top:3px;} .paging a {padding-right:2px;padding-left:2px; text-decoration:none; vertical-align: middle;} .paging span { padding-right: 2px; padding-left: 2px; text-decoration: none; vertical-align: middle; font-weight: normal; font-family: 'Rubik-Medium'; font-size: 90%; } /*----- result list styles -----*/ #results_list th { color: #393e44; vertical-align: text-top; background-color: #FFF; height: 19px; border-bottom: 1px solid #D1D1D3; font-size: 0.9rem; text-align: right; padding-right: 0px; padding-left: 30px; line-height: 30px; font-family: 'Rubik-Medium'; font-weight: normal; } #results_list th.end {text-align:left; padding-left: 0px;} #results_list td { font-size: 85%; font-weight: normal; vertical-align: middle; padding: 5px 0 ; border-bottom: 1px dashed #D1D1D3; } #results_list tr.underline td { } /*new carmit 17.9.07 for mixed hebrew english content - list tempplate*/ #results_list span.bidi, span.bidi {direction: rtl; unicode-bidi: embed; color:#393e44; font-weight:normal; } #results_list a span.bidi, a span.bidi { font-size: 100%; direction: rtl; unicode-bidi: embed; font-weight:normal; text-decoration:underline; font-family: 'Rubik-Medium'; } #results_list td span.alm {float:right; background-image:url(../images/8_3_b49_5/rtl/bgs/bg_alm_recordView.gif); background-repeat:no-repeat; width:199px; height:20px; text-align:center; margin-right:-6px;} #results_list td a { text-decoration: underline; font-size: 0.9rem; } #results_list.results_list_visited td a:visited {color: #551a8b; text-decoration: none;}/*use class results_list_visited to enable different color for visited links */ #results_list td li { padding:0px 0px 0px 2px; display: inline-block; list-style-type: none; white-space: nowrap;} #results_list td img { padding:1px; margin:0px 1px 0px 1px; border:1px solid #D1D1D3} #results_list td img.hidden {visibility:hidden;} #results_list td img.icon { border: 0 solid; } #results_list td img.iconMultimedia { border:none } #results_list td img.basket { vertical-align:middle; margin:8px; border:0px; } #results_list label{color:#616161;font-weight:normal; font-family: 'Rubik-Medium'; font-size:100%; vertical-align:middle;} #results_list.album td { text-align:right; width:20%/*width=100%/columns number*/} #results_list.album td a { text-align:right; display:block; margin-bottom:5px; float:right; width:98%} #results_list.album td span.newline {text-align:right; margin-bottom:5px; float:right; width:98%} #results_list.album td img {margin:0px; /*float:right;*/} #results_list.album td a.albumActionIcon {text-align:right; width:32%; float:left; } #results_list.album td a.albumActionIcon img {border:none;} #results_list.album td a.albumBasketIcon img {border:none;} #results_list.album td a.albumImg {text-align:left; width:auto; float:right; border:2px solid #dedede; border-top:none; border-left:none;} #results_list.album td a.albumImg img {width:auto; padding:3px; border:1px solid #a1a1a1; margin-top:-2px; margin-left:-2px; overflow:hidden}/*new 06.2010 by liron*/ #accessibility-client-app { padding-right: 20px;} /*-------------results list paging-------------*/ .results_list_actions {background-repeat:repeat-x; height:23px; border-top:0px; width:100%; font-size:80%; } .results_list_actions img { margin-top:3px;padding-right:5px; } .results_list_actions a {padding-right:5px;text-decoration:none; vertical-align: middle } .results_list_actions span { padding-right:5px; text-decoration:none; vertical-align: middle } /*.results_list_actions div.briefPaging{ padding-left:1%;}*/ /*results types*/ #results_list table.resultsTypes{width:auto; font-size:130%} #results_list table.resultsTypes td{ border-bottom: medium none; margin-left: 0px; padding-right: 10px; padding-bottom: 10px; vertical-align: top; font-size: 80%;} #results_list table.resultsTypes td img { color: #5E6772; box-shadow: 0 0 6px #ccc; display: inline-block; border: solid 5px #ffffff; margin-left: 5px; } #results_list table.resultsTypes td img:hover { transform: scale(1.1); transition: transform 3s; /* Animation */ } #results_list table.resultsTypes td img[src*="100px.png"]:hover { transform: scale(1); transition: transform 0s; /* No Animation */ } #results_list table.resultsTypes td p{ width: 100%; font-size: 0.9rem; } #results_list table.resultsTypes td.textBox {/*width:320px*/ width:90%} /*basket system feedback styles*/ #results_list table td.resultsTypesSystemFeedback { padding:0px; margin:0px; vertical-align:middle;} /*used in the basket screen for system feedback*/ #results_list table td.resultsTypesSystemFeedback div{display:block;float:left; } #results_list table td.resultsTypesSystemFeedback div span { padding:8px 8px 8px 8px; display:block;} #results_list table td.resultsTypesSystemFeedback div strong { font-weight:normal; } span.highlight{text-decoration:none; font-weight:normal} span.emphasize{text-decoration:none; font-family: Rubik-Medium; } /*-------------new styles for search screens-------------*/ #form{ width:auto; margin-top:5px; height:auto;} #form div.alignLeft { width:75%;} /*special width for hebrew*/ /*#form div.alignRight { width:26%; clear:left}/*special width for hebrew*/ #form div.alignRight table { border:1px solid #E1E4EA; padding: 15px; } #form h3{ color:#393e44; font-size:80%; margin-top:0.5em; margin-bottom:0.5em} #form div { padding:0px 0px 0px 0px; clear:left;text-align:right;color:#393e44; font-size:100%; float:none; position: relative; } #form div td { font-weight: normal; vertical-align: middle; } #form div .login td { padding: 0 10px; } #form div td a {text-decoration: underline; } #form div td ul.alignLeft { width:30%} #form div td ul.alignRight { width:60%} #form div td li { list-style: outside none none; padding: 0 0 0 2px; white-space: nowrap; } /*-------------input and form-------------*/ input[type=text], input[type=password] { border-radius: 3px; height: 32px; margin: 5px 0 10px 5px; padding-right: 5px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width: 700px; } input[type=checkbox] { opacity: 0; filter: alpha(opacity=0);/* For IE8 and earlier */ cursor: pointer; float: right; margin-right: 5px; width: 20px; height: 20px; } input[type=checkbox] + label { padding-right: 30px; height: 22px; display: block; line-height: 22px; margin: 5px 5px 10px 5px; cursor: pointer; } select {font-family:'Rubik-Regular', sans-serif;-moz-appearance: none;-webkit-appearance:none;appearance: none; height: 28px; margin: 5px; padding: 0 4px 0px 10px;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;width: 220px;text-indent: 0.01px;text-overflow:''; } select::-ms-expand { display: none; } @media only screen and (max-width : 1279px) { input[type=text], input[type=password] { width: 450px; } } /* Large screens > 1280 ----------- */ @media only screen and (min-width : 1280px) { input[type=text], input[type=password] { width: 550px; } } /* Large screens > 1824 ----------- */ @media only screen and (min-width : 1824px) { input[type=text], input[type=password] { width: 700px; } } .buttons.alignLeft a{ display: block; margin-top: 15px; } #htmldw_dataForm .generalForm select.fullSize { width: 50%; } #form div td img { vertical-align:middle; padding:4px; margin:0px 1px 0px 1px; border:1px solid #D1D1D3; } #form div label{font-size: 1rem; vertical-align: top; } #form div label.strong, .form strong{ color:#393e44; font-weight:normal; font-family: 'Rubik-Medium'; padding-right: 6px; font-size:100%; } #form div td select { height: 32px; } #form div td input.fullSize { width: 70%; border:1px solid #CCC; } #form div td select.fullSize { width: 100%; } #form div td select.fullSize { width: 100%; } #form div td select.fullSize1 { width: 375px; } /*-------------form buttons-------------*/ /* the styles: sap_button and sap_button2 are general styles for temporary screens*/ #form .buttons { font-size: 90%; margin-bottom: .2em; margin-top: 1em; text-align: right; } @media only screen and (max-width:1366px){ #form .buttons { margin-bottom: .2em; margin-top: 0.4em; } } #form .buttons.alignLeft { width:100%; text-align: right; } #form .buttons input, .sap_button2 { line-height: 1em; cursor: pointer; font-family: 'Rubik-Medium'; color: rgba(0,0,0,.6); margin: 0 .25em 0 0; padding: .48571429em 1.5em .48571429em; font-size: 1rem !important; text-align: center; border-radius: .28571429rem; border: 1px solid #CCC; background: transparent;} #form .buttons input.submit, .sap_button { line-height: 1em; cursor: pointer; border: none; font-family: 'Rubik-Medium'; color: rgba(0,0,0,.6); margin: 0 .25em 0 0; padding: .48571429em 1.5em .48571429em; font-size: 1rem; text-align: center; border-radius: .28571429rem; } .buttons.alignLeft { width:100%; text-align: right; } .buttons input, .sap_button2 { line-height: 1em; cursor: pointer; font-family: 'Rubik-Medium'; color: rgba(0,0,0,.6); margin: 0 .25em 0 0; padding: .48571429em 1.5em .48571429em; font-size: 1rem !important; text-align: center; border-radius: .28571429rem; border: 1px solid #CCC; background: transparent;} .buttons input.submit, .sap_button { line-height: 1em; cursor: pointer; border: none; font-family: 'Rubik-Medium'; color: rgba(0,0,0,.6); margin: 0 .25em 0 0; padding: .48571429em 1.5em .48571429em; font-size: 1rem; text-align: center; border-radius: .28571429rem; } /*-------------Complex Search Styles-------------*/ .complexSearch .container .all-field { display: flex; align-items: center; } .complexSearch .complexSearchIcon.calIcon a { display: inline-block; width: 30px; height: 32px; position: absolute; left: 6px; border-radius: 3px 0 0 3px; top: -19px; z-index: 10; } .complexSearch .complexSearchIcon-fun a { font-size: 1.7rem; cursor: pointer; transform: rotate(90deg); transform-origin: right; text-decoration: none; display: inline-block; margin-left: 10px; top: 7px; position: relative;} .complexSearch .complexSearchIcon-fun a:hover { color: #76BEF5; } .complexSearch .moreFields {vertical-align:middle; line-height:35px} .complexSearch .moreFields a { text-decoration: underline; font-weight: normal; font-family: 'Rubik-Medium'; font-size: 1rem; display: inline-block; padding-right: 3px; } #form .complexSearch .complexSearchLabel label { width: 115px; white-space: nowrap; font-weight: normal; font-family: 'Rubik-Medium'; font-size: 0.9rem; position: relative; top: 5px; padding-right: 3px; } #form .complexSearchSelectFixed select { width: 130px; height: 32px; margin-top: -3px; } #form .complexSearchSelect select { width: 100px; height: 32px; margin-top: -3px; } #form table.complexSearch { margin-left: 0; margin-top: 0; width: auto; } #form table.complexSearch th { background-color: #ffffff; border: 0 solid #d6d6d6; font-size: 100%; padding: 0; vertical-align: middle; width: auto; } #form table.complexSearch td {width:auto; border:0px solid #D6D6D6; background-color:#FFFFFF; padding:0px;margin:0px; vertical-align:middle;line-height:28px;} #form table.complexSearch th label { padding-right:0em; margin-right:1em; text-align:right; float:right} /* Desktops and laptops ----------- */ @media only screen and (max-width : 1279px) { #form table.complexSearch td input { border: 1px solid #e6ecef; border-radius: 3px; font-family: 'Rubik-Medium', arial; height: 30px; padding: 4px 4px 0 10px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width: 250px; } #form table.complexSearch td.complexSearchIcon a {border-radius: 5px 5px 5px 5px; display: inline-block; height: 35px; position: relative; right: -45px; width: 40px; border: 0px solid; } #form table.complexSearch td.complexSearchIcon-fun a { display: inline-block; height: 35px; position: relative; right: -35px; width: 40px; border: 0px solid; top: 10px; } #form table.complexSearch td.complexSearchIcon.calIcon a {border-radius: 5px 5px 5px 5px; display: inline-block; height: 35px; position: relative; right: -23px; width: 40px; border: 0px solid; } #form table.complexSearch td.complexSearchSelect select {margin-right: -30px;} #form table.complexSearch td.complexSearchSelectFixed select {margin-right: -35px;} #form table.complexSearch td.complexSearchIcon-fun.date a {right: -150px; } #form table.complexSearch td.complexSearchIcon.calIcon.date a {right: -152px; } #form table.complexSearch td.complexSearchSelect.date select {margin-right: -135px;} #form table.complexSearch td.complexSearchSelectFixed.date select {margin-right: -140px;} } /* Large screens > 1280 ----------- */ @media only screen and (min-width : 1280px) { #form table.complexSearch td input { border: 1px solid #e6ecef; border-radius: 3px; font-family: 'Rubik-Regular', arial; height: 30px; padding: 4px 4px 0 10px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;} #form table.complexSearch td.complexSearchIcon a { border-radius: 5px 5px 5px 5px; display: inline-block; height: 35px; position: relative; right: -45px; width: 40px; border: 0px solid; } #form table.complexSearch td.complexSearchIcon-fun a { display: inline-block; height: 35px; position: relative; right: -35px; width: 40px; border: 0px solid; top: 10px; } #form table.complexSearch td.complexSearchIcon-fun.date a {right: -310px; } #form table.complexSearch td.complexSearchIcon.calIcon.date a {right: -305px; } #form table.complexSearch td.complexSearchSelect.date select {margin-right: -335px;} #form table.complexSearch td.complexSearchSelectFixed.date select {margin-right: -340px;} #form table.complexSearch td.complexSearchIcon.calIcon a { border-radius: 3px 0 0 3px; display: inline-block; height: 35px; position: relative; width: 30px; border: 0px solid; } #form table.complexSearch td.complexSearchSelect select {margin-right: -30px;} #form table.complexSearch td.complexSearchSelectFixed select {margin-right: -35px;} } /* Large screens > 1824 ----------- */ @media only screen and (min-width : 1824px) { #form table.complexSearch td input { border: 1px solid #e6ecef; border-radius: 3px; font-family: 'Rubik-Medium', arial; height: 30px; padding: 4px 4px 0 10px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width: 690px; } #form table.complexSearch td.complexSearchIcon a { border-radius: 5px 5px 5px 5px; display: inline-block; height: 35px; position: relative; right: -48px; width: 40px; border: 0px solid; } #form table.complexSearch td.complexSearchIcon-fun a { border-radius: 5px 5px 5px 5px; display: inline-block; height: 35px; position: relative; right: -46px; width: 40px; border: 0px solid; } #form table.complexSearch td.complexSearchIcon-fun.date a {right: -598px; } #form table.complexSearch td.complexSearchIcon.calIcon.date a {right: -600px; } #form table.complexSearch td.complexSearchSelect.date select {margin-right: -630px;} #form table.complexSearch td.complexSearchSelectFixed.date select {margin-right: -640px;} #form table.complexSearch td.complexSearchIcon-fun1 a { border-radius: 5px 5px 5px 5px; height: 35px; position: relative; width: 40px; border: 0px solid; } #form table.complexSearch td.complexSearchIcon.calIcon a { border-radius: 5px 5px 5px 5px; display: inline-block; height: 35px; position: relative; right: -48px; width: 40px; border: 0px solid; } #form table.complexSearch td.complexSearchSelect select {margin-right: -90px; } #form table.complexSearch td.complexSearchSelectFixed select {margin-right: -100px;} } #form table.complexSearch td input.input-date { border: 1px solid #e6ecef; border-radius: 3px; height: 30px; padding: 4px 4px 0 10px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width: 100px; } #form table.complexSearch td.complexSearchIcon-fun a { font-size: 1.5rem; cursor: pointer; transform: rotate(90deg); transform-origin: right center 0; text-decoration: none; } #form table.complexSearch td select{ width:100px; padding:0px; margin:0px} #form table.complexSearch td.complexSearchLabel { width:115px; white-space:nowrap; padding-right: 5px; font-weight: normal; font-family: 'Rubik-Medium'; padding-top: 7px} #form table.complexSearch td.complexSearchSelect { width:80px; } #form table.complexSearch td.complexSearchSelect select { width: 65px; height: 26px;} #form table.complexSearch td.complexSearchSelectFixed select {width: 90px; height: 26px;} #form table.complexSearch td.complexSearchSelectFixed { width:90px; } #form table.complexSearch td.complexSearchInput { position:relative; width:200px; padding:0px 5px; } #form table.complexSearch td.complexSearchInputWide { width:70%} #form table.complexSearch td.complexSearchIcon {width:15px} #form table.complexSearch td.complexSearchIconExpand {width:25px;font-size:70%;} #form table.complexSearch td.complexSearchIconExpand span{ margin-left:0.5em;} #form table.complexSearch td.complexSearchIconExpand img { border:none; display:inline-block; } #form table.complexSearch h4 {margin-bottom:0.6em; padding-right:0em;} #form table.complexSearch h4 label {margin-right:-0.1em} #form table.complexSearch th h4 label {margin-right:-0.1em; font-weight:normal; font-family: 'Rubik-Medium'; } #form table.complexSearch td.moreFields {vertical-align:middle; line-height:35px} #form table.complexSearch td.moreFields a { text-decoration: underline; font-weight: normal; font-family: 'Rubik-Medium'; font-size: 1rem; padding-right: 10px; display: inline-block; margin-top: 10px; } #form table.complexSearch td.moreFields a:hover { text-decoration:underline;} #form table.complexSearch td.moreFields a img { border:none; } #form table.generalForm a.complexSearchIcon {border-radius: 5px 0px 0px 5px; display: inline-block; height: 26px; position: relative; right: -45px; width: 40px; border: 0px solid; top: 8px;} #form table.generalForm a.complexSearchIcon.calIcon {border-radius: 5px 0px 0px 5px; display: inline-block; height: 26px; position: relative; right: -45px; width: 40px; border: 0px solid; top: 8px; } /*-------------Select Profile-------------*/ #form .selectProfile { margin-bottom: 20px; display: inline-block; padding-right: 3px; height: 40px; line-height: 40px; } #form .selectProfile a { color: #393e44; text-decoration: underline; display: inline-block; padding-left: 20px; } #form .selectProfile select { width: 170px; font-size: 0.9rem; margin:0; } #form .selectProfileBox { width: auto; padding: 10px 0; } #layoutTable #form #htmldw_dataForm table#htmldw_table .selectProfile { width: auto; height: 50px; } #layoutTable #form #htmldw_dataForm table.complexSearch .selectProfile { width: auto; height: 50px; } @media only screen and (max-width:1366px){ #form .selectProfile { margin-bottom: 5px; height: 40px; line-height: 5px; } } /*-------------Simple Search-------------*/ #form .simpleSearch tr td { vertical-align: top; } #form .simpleSearch .selectProfile tr td { vertical-align: middle; } .helpLocal{ width:11px; } *html #form table.selectProfile td select.longer{margin-right:0em; border:1px solid #000000} #form .note {margin-bottom: 5px; width: 60%; } #form .main-title { height: 35px; font-size: 100%; line-height: 35px; } #form .sub-title { height: 45px; font-size: 100%; line-height: 45px; } #form .sub-title a{ font-size:85%;} #form .sub-title h6 { font-size:100%; font-weight:normal; font-family: 'Rubik-Medium'; display:block; clear:left} #form #htmldw_dataForm .main-title {padding-top: 10px; padding-bottom: 10px; line-height: 27px; } #content td.helpLocal img {border:none; } /* Desktops and laptops ----------- */ @media only screen and (max-width : 1379px) { /*limit panel with tabs*/ #content #limitPanel { margin-top: 0px; float: none; position: absolute; top: 170px; left: 20px;} #content .limitPanel {float: left; vertical-align: top; font-size: 85%; width: 180px;} #content .limitPanel select { width:145px; background: #FFF url("../images/8_3_b49_5/br_down.png") no-repeat scroll 6px 6px; } .limitTabsTitle {width:180px; } .limitTabsTitle li { border-radius: 3px 3px 0px 0px; display: inline; float: left; padding: 3px 0px; text-align: center; width: 89px; background-color: #F5F5F5;} .limitTabsTitle li.active { background-color: #ffffff; border-radius: 3px 3px 0 0; border-style: solid solid none; border-width: 1px 1px medium; width: 89px; } } /* Large screens ----------- */ @media only screen and (min-width : 1380px) { /*limit panel with tabs*/ #content #limitPanel { margin-top: 0px; float: none; position: absolute; top: 170px; left: 30px;} #content .limitPanel {float: left; vertical-align: top; font-size: 85%; width: 270px;} #content .limitPanel select { width:235px; background: #FFF url("../images/8_3_b49_5/br_down.png") no-repeat scroll 6px 6px; } .limitTabsTitle {width:300px; } /*.limitTabsTitle li { border-radius: 8px 8px 0px 0px; display: inline; float: right; padding: 3px 0px; text-align: center; width: 98px; background-color: #F5F5F5;} */ .limitTabsTitle li { border-radius: 8px 8px 0px 0px; display: inline; float: left; padding: 3px 0px; text-align: center; width: 134px; background-color: #F5F5F5;} .limitTabsTitle li.active { background-color: #ffffff; border-radius: 8px 8px 0 0; border-style: solid solid none; border-width: 1px 1px medium; width: 134px; } } .limitTabsTitle ul { font-size:75%; list-style:none; width:100%; } #content .limitPanel table.limitTabsContent { background-color: #ffffff; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; height: auto; margin-top: 0; padding: 6px; } .limitTabsTitle li a { text-decoration: underline; font-weight: normal; font-family: 'Rubik-Medium'; font-size: 1rem; } .limitTabsTitle li.active a {text-decoration: none; } #datalang_0 {width:154px} #sort_0 {width:154px} /* close commented backslash hack */ /*-------------Simple Search Styles-------------*/ #form table.simpleSearch { width:auto; padding-bottom:0px; } #form table.simpleSearch td { width:270px; padding-bottom:0px; vertical-align: top; } #form .basicSearchForm .simpleSearchForm { background: #eeeeee; padding: 12px 10px 12px 0; position: relative; margin-bottom: 15px; } #form .basicSearchForm .simpleSearchForm input[type="text"] { margin: 0;border: solid 1px #cccccc; } #form .basicSearchForm .simpleSearchForm select{ width: 120px; height: 32px; margin: 0; } #form .basicSearchForm .simpleSearchForm a.simpleSearch-fun { font-size: 1.7rem; cursor: pointer; transform: rotate(90deg); transform-origin: right; text-decoration: none; display: inline-block; margin-left: 10px; top: 15px; position: relative;} #form .basicSearchForm .simpleSearchForm a.simpleSearch-fun:hover { color: #76BEF5; } /* Desktops and laptops ----------- */ @media only screen and (max-width : 1279px) { #form .basicSearchForm .simpleSearchForm input.fullSize { width: 370px; } } /* Large screens > 1280 ----------- */ @media only screen and (min-width : 1280px) { #form .basicSearchForm .simpleSearchForm input.fullSize { width: 430px; } } /* Large screens > 1824 ----------- */ @media only screen and (min-width : 1824px) { #form .basicSearchForm .simpleSearchForm input.fullSize { width: 600px; } } *html #form table.simpleSearch input.fullSize {margin-right:0.7em;} #form table.simpleSearch h4 span {margin-right:-0.5em;} *html #form table.simpleSearch ul.alignLeft {margin-right:0.2em;} /*-------------Genera Form Styles-------------*/ #form table.generalForm { margin-bottom:0.5em} #form table.generalForm tr.underline{background-image: url(../images/8_3_b49_5/rtl/bgs/bg_underline.gif); background-repeat:repeat-x; background-position:bottom; } #form table.generalForm tr.underline td{ padding-bottom:0.5em; padding-top:0.5em; vertical-align:text-top} #form table.generalForm th label { white-space:nowrap; padding-left: 8px;} #form table.generalForm th { font-weight: normal; } #form table.generalForm td input { width:50%; padding-top:1px; padding-bottom:1px;} #form #htmldw_dataForm table.generalForm { width:auto;} #form #htmldw_dataForm table.generalForm td input { width:50%; color:#666; font-size:13px; } #form #htmldw_dataForm table.generalForm td select.fullSize { width:51%; margin: 5px 0 10px 5px; } #form #htmldw_dataForm table.generalForm td img { margin-right: -34px; margin-top: -2px; } #form #htmldw_dataForm table.generalForm td img { margin-right: -34px; margin-top: -2px; padding:0px; display:none; } #form #htmldw_dataForm table.generalForm.generalForm2 td select.fullSize { width:400px; } #form #htmldw_dataForm table.generalForm.generalForm2 td input.bordered_input.fullSize { width:384px; } #form table.generalForm td input.checkbox { width:auto; padding-top:1px; padding-bottom:1px; border:none} #form table.generalForm td input.radio { width:auto; padding-top:1px; padding-bottom:1px; border:none} #form table.generalForm td {border:0px solid #D6D6D6; background-color:#FFFFFF; padding:0px 2px 0px 2px; vertical-align:middle} #form table.generalForm td img{ padding:0px;} #form table.generalForm p.feedback {font-weight:normal; font-family: 'Rubik-Medium';} /*-------------Related Subject-------------*/ #subjectColumnContainer { margin-top:10px; } #subjectColumn{width:100%;margin-left:0em;margin-right:0.3em; margin-bottom:1em} #subjectColumnContainer h2{ color: #5F5F5F; display: block; font-size: 90%; font-weight: normal; font-family: 'Rubik-Medium'; height: 35px; line-height: 35px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; padding-right: 10px; position: relative; top: 4px; border-bottom: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; } #subjectColumnContainer div.more{padding-right:23px; margin-top:-12px; margin-bottom:25px; clear:right} #subjectColumnContainer div.more A:link{ text-decoration: underline; font-weight: normal; font-family: 'Rubik-Medium'; font-size: 14px; } /*more link*/ #subjectColumnContainer div.more A:visited{font-size:80%; text-decoration:underline;} #subjectColumnContainer div.more img{ vertical-align:middle;} *html #subjectColumnContainer div.more img{padding-top:3px}/*for explorer 6.0*/ #subjectColumn li {margin-right:0em; font-size:75%;color:#8C91A2; list-style:none;padding-top:0px; padding-bottom:0px; margin-bottom:0px; } #subjectColumn li a{margin-right:0em; margin-left:0.5em; text-decoration:none; font-weight:normal; color:#393e44; white-space:nowrap; } #subjectColumn li span{ background-repeat: no-repeat; background-position: 0% 100%; padding-top: 0px; width: 18px; height: 18px; background-image: url("../images/8_3_b49_5/rtl/side_menu/bullet_off.gif"); display: table-cell; margin: 3px 0;} #subjectColumn li span.open { margin-right: 0em; display: table-cell; width: 18px; height: 18px; background-image: url("../images/8_3_b49_5/rtl/side_menu/bullet_off.gif"); background-repeat: no-repeat; background-position: center right; padding-top: 0px; margin:3px 0; } #subjectColumn li span.close { margin-right: 0em; display: table-cell; width: 18px; height: 18px; background-image: url("../images/8_3_b49_5/rtl/side_menu/bullet_subClosed.gif"); background-repeat: no-repeat; background-position: center right; padding-top: 0px; margin:3px 0;} #subjectColumn li.subjectColumnSelected a{ font-weight:normal; font-family: 'Rubik-Medium'; } #subjectColumn li span.bidi { padding:0px; width:auto; height:auto; margin-right:0.5em; background-image:none;padding-top:0px; float:right; display:inline; clear:left} #subjectColumn li span.number { width:auto; height:auto; margin-right:0.3em; background-image:none;padding-top:0px; float:right; display:inline; clear:left; font-size:12px;] } #subjectColumn li div {width:auto; height:auto; margin:0em; background-image:none;padding-top:0px; float:none; display:table-cell; } #subjectColumn ul.level2{font-size:128%;} #subjectColumn ul.level2 li a {margin-right:0em; text-decoration:none; font-weight:normal; white-space:nowrap; color:#393e44; vertical-align:middle} #subjectColumn ul.level2 li span { display: table-cell; height: 6px; background: transparent url("../images/8_3_b49_5/rtl/side_menu/bullet_level2.gif") no-repeat scroll 6px 10px; padding-right: 21px; } #subjectColumn ul.level2 li span.bidi { width: auto; height: auto; background-image: none; padding-top: 0px; float: none; margin: 0px; display: inline-block; padding-right:0;} #subjectColumn ul.level2 li span.number { width: auto; height: auto; margin-right: 0.2em; background-image: none; padding-top: 0px; float: none; display: inline-block; padding-right:0; font-size:12px; } #subjectColumn ul.level2 li div {width:auto; height:auto; margin:0em; background-image:none;padding-top:0px; float:none; display:table-cell; } #linksColumn {margin-bottom:15px; } #linksColumn li { clear: both; color: #8C91A2; font-size: 80%; line-height: 1.6; list-style: outside none none; margin-bottom: 0px; margin-right: 0.5em; padding-bottom: 0px; padding-top: 0px;} #linksColumn li a{margin-right:0em; margin-left:0.5em; text-decoration:none; font-weight:normal; white-space:nowrap; color:#393e44} /*#linksColumn li span {margin-right:0em;float:right; width:7px;height:12px;background-image: url(../images/8_3_b49_5/rtl/side_menu/bullet_off.gif); background-repeat:no-repeat; background-position:0% 100%;padding-top:0px; }*/ #linksColumn li span.bidi {padding-bottom: 1px; width:auto; height:auto; margin-right:1em; background-image:none;padding-top:0px; float:right; display:inline; } #linksColumn li span.number { width:auto; height:auto; margin-right:0.2em; background-image:none;padding-top:0px; float:right; display:inline; font-size:12px; } #linksColumn li div {width:auto; height:auto; margin-right:0em; background-image:none;padding-top:0px; float:none; display:inline; } #linksColumn li.linksColumnSelected a{ font-weight:normal; font-family: 'Rubik-Medium'; margin-right:0em; margin-left:0.5em;} /* idea */ .page_refresh { direction:ltr; border:1px 1px 3px 3px; border-style:outset; position:absolute; width:300px; height:25px; margin-bottom:0px; font-size:80%; padding:3px 0px 3px 0px; text-align:center; font-family: 'Rubik-Medium';} /*refresh*/ .refresh { background-color:transparent; } .refreshing div {width:80%;margin-left:auto; margin-right:auto; padding-top:8px; text-align:center; color:#393e44; font-size:80%; font-weight:normal; font-family: 'Rubik-Medium'; width:80%; vertical-align:middle;} .refreshing div img{ vertical-align:middle; width:60px; height:60px; } .item_delete_done {background-image:url(../images/8_3_b49_5/rtl/bgs/bg_drawers.gif); background-repeat:repeat-x; border:1px; border-style:groove; position:absolute; top:250px; left:400px; width:300px; height:25px; margin-bottom:0px; font-size:80%; padding:3px 0px 3px 0px; text-align:center; font-weight:normal; font-family: 'Rubik-Medium';} /*------------------------------------------------value selection--------------------------------------*/ .popupWrap{text-align:right; padding:0px; margin:0px; width:100%;height:100%;color:#393e44; } .popHeader { height:auto; width:100%; padding:0px; margin:0px; overflow:hidden; } .popHeader div.alignRight {float:right; font-size:80%; width:100%;} .popHeader span{ font-weight:normal; font-size:95%; font-family: 'Rubik-Medium';} .popHeader a{color:#FFFFFF; text-decoration:underline; font-weight:normal;} .popHeader a:visited{color:#FFFFFF; text-decoration:underline; font-weight:normal;} .breadcrumbs {height:auto; padding-right:10px; text-align:right; overflow:hidden; padding-bottom:2px } .breadcrumbs span {font-size:70%;} .breadcrumbs span a {text-decoration:none;} .breadcrumbs span a:visited {text-decoration:none;} .breadcrumbs span a:hover {text-decoration:underline;} .breadcrumbs span.selected a{text-decoration:underline;} .breadcrumbs span.selected a:visited{text-decoration:underline;} .breadcrumbs img {margin-top:3px;} /*-------------popup tabs-------------*/ #popTabsContainer {width:100%; margin-top:10px; border-bottom:1px solid #c7c7c7; } #popTabs{width:100%;margin-right:10px;margin-left:0em; height:18px;} #popTabs li { font-size:80%; list-style:none;padding:0px 10px; float:right; border:1px solid #c7c7c7; border-bottom:1px; line-height: normal; margin-left:1px;height:17px;margin-bottom:0px;background-image: url(../images/8_3_b49_5/rtl/value_selection/tab_off.gif); background-repeat:repeat-x; } #popTabs li a{text-decoration:none; font-weight:normal; white-space:nowrap; color:#393e44;} #popTabs li.popTabsSelected { border-bottom:#efefef 1px solid ; background-image: url(../images/8_3_b49_5/rtl/value_selection/tab_selected.gif);} #popTabs li.popTabsSelected a{font-weight:normal; font-family: 'Rubik-Medium'; } #popTabs li.action { float:left; border:0px; background-image:none} #popTabs li.action img{ padding-left:5px; vertical-align:text-top; margin-top:0px;} /*-------------popup search bar-------------*/ .searchBar {padding-top:10px; height:auto; overflow:hidden; padding-bottom:10px; width:100%; border-bottom:1px solid #c7c7c7; background-color:#efefef} .searchBar table {font-size:100%; text-align:center; width:96.5%; margin-right:10px} .searchBar table td {padding:2px; width:auto; } .searchBar table td.select15{width:19%;} .searchBar table td.select10{width:14%;} .searchBar table td.select4{width:8%;} .searchBar table td.width4{width:10px; } .searchBar table th {padding:2px; width:auto; text-align:right; color:#393e44} .searchBar label { font-weight:normal; font-family: 'Rubik-Medium';} .searchBar input { border:#A9A9A9 1px solid; padding:0px; margin:0px; padding-right:2px; vertical-align:middle; width:99%; } .searchBar select { border:#A9A9A9 1px solid; vertical-align:middle; margin-left:0px; width:98%; } .searchBar input.submit {background-image:url(../images/8_3_b49_5/rtl/dview/btn_bg1.png); background-position:center; height:21px; color:#FFFFFF; font-size:13px; border:1px solid #B1B1B1; cursor:pointer; padding-left:3px; padding-right:3px; font-weight:normal; font-family: 'Rubik-Medium'; padding-bottom:2px; margin-bottom:1px; width:55px; float:left; margin-right:4px} /* idea_cst - control the space between the scroller popup frame and the popup inner content */ .popContainer { height:auto; font-size:80%; padding-top:10px; padding-right:10px; padding-left:10px; padding-bottom:5px; width:98%; overflow:hidden;} .popContainer .titleBar {height:20px; width:100%; padding-bottom:10px; overflow:hidden; } *html .popContainer .titleBar {height:25px; } .popContainer .titleBar .alignRight {width:62%} .popContainer .titleBar .alignLeft {width:37%} .popContainer .titleBar h1 {height:auto; font-weight:normal; font-family: 'Rubik-Medium'; margin-right:20px; padding-top:10px} .popContainer p {height:auto; width:95%;margin-right:20px; margin-top:10px} .popContainer .alignRight {height:auto; margin:0px; padding:0px; float:right; width:56%; text-align:right; } .popContainer .alignLeft {height:auto; overflow-y:hidden; margin:0px; padding:0px; float:left; width:42%;} .popContainer .alignLeft .titleBar { text-align:left; width:98%} .popContainer .wideList {height:auto; margin:0px; padding:0px 10px; width:auto;} *html .popContainer .wideList { width:98%} .popContainer .headline {width:auto; color:#393e44; float:right; } .popContainer .headline img { margin-left:5px} .popContainer .paging {width:auto; float:left;} .popContainer .paging a {padding:0px;} .popContainer .paging span { padding:0px;} .popContainer ul.icons { padding:0px; margin:0px; display:inline; float:left; margin-left:4px; padding-top:3px} .popContainer ul.icons li{padding:0px; margin:0px; display:inline; list-style:none} .popContainer ul.icons li a img, .popContainer .icons li img{ padding:0px; margin:0px; cursor:pointer;} .popContainer .titleBar img {vertical-align: middle; margin-top:-1px } .popContainer .titleBar .langBar {float:right; width:70%; text-align:right;} .popContainer .titleBar form {width:100%; } .popContainer .titleBar .addValue {float:left; width:28%; margin-bottom:2px} .popContainer .titleBar input.winButton { width:100%; margin:0px; padding:0px; border:1px solid #cbcbce; height:19px; color:#878888; background-color:#f8f8f8; font-weight:normal; font-family: 'Rubik-Medium'; } .popContainer .titleBar select {border:#A9A9A9 1px solid; margin-left:0px; width:50%;} .cubesContainer {width:100%; padding:0px; border:solid 1px #E8E8E9; height:297px; overflow:hidden; } .cubesContainer a{text-decoration:none} /* idea_cst - control the widths of the list and details divs */ .cubesContainer div.alignRightNoDetails{ width:95%; float:left; border:solid 1px #E8E8E9; padding:1px;} /* idea_cst - control the height of the scroller items table */ .cubesContainer div.scroll{/*height:265px;*/ overflow:hidden; overflow-y:auto; padding:5px; padding-right:5px; text-align:right; direction:rtl} .cubesContainer table{font-size:100%; border:none; text-align:right; direction:rtl; width:98%;} .cubesContainer table tr.gray { background-color:#fafbfc;} .cubesContainer table tr.white { background-color:#FFFFFF;} .cubesContainer table tr.blue {background-color:#eaeaeb; color:#008ae5; text-decoration:underline; border-top:1px solid #000000; border-bottom:1px solid #000000; } .cubesContainer table tr.blue td { background-image:none} .cubesContainer table tr.blue td.icons {text-decoration:none} .cubesContainer table tr.blue td.lineArrow {background-image:none;} .cubesContainer table.wideTable tr.blue td.lineArrow {background-image:none;} .cubesContainer table tr.blue a:link {color:#008ae5;} .cubesContainer table tr.blue a:visited {color:#008ae5;} .cubesContainer table td{padding-right:0px;line-height:28px; } .cubesContainer div.notebody {padding-right:0px;line-height:normal; } .cubesContainer table td a:hover{ text-decoration:underline} .cubesContainer table td.icons{text-align:center; width:17px;} .cubesContainer table td.icons#firstItem {text-align:right;} .cubesContainer table td.icons img{padding:6px 3px; vertical-align:top;} .cubesContainer table td.buttons{text-align:center; width:39px;} .cubesContainer table td.code {width:75px;} .cubesContainer table td.lineArrow {width:30px;} .cubesContainer table tr.selected {text-decoration:underline;} .cubesContainer table tr.selected td.lineArrow {background-image:url(../images/8_3_b49_5/rtl/value_selection/lineArrow.gif); background-repeat:no-repeat; background-position:left;} .cubesContainer table.headers{width: 100%;} .cubesContainer table.headers td {color:#393e44; font-weight:normal; font-family: 'Rubik-Medium'; text-align:right; line-height:normal; } .cubesContainer table.headers td.header1 {padding-right:25px; width:75px;} .cubesContainer table.headers td.buttons {width:108px; text-align:right;} .cubesContainer table.headers td a{ color: #fff; font-weight: normal; font-family: 'Rubik-Medium'; text-decoration: underline; padding-right: 15px; } .cubesContainer table.headers td a:visited{color:#393e44; font-weight:normal; font-family: 'Rubik-Medium'; text-decoration:underline;} /*basket*/ .cubesContainer#basket {border-color:#b3d0e9;} .cubesContainer#basket table.headers{background-image: url(../images/8_3_b49_5/rtl/value_selection/background_basket_title.gif)} /* idea_cst - control the height of the scroller details table */ .infoFrame{ height:297px; width:98%; border:1px solid #e8e8e9; } .transparent {height:100%; width:100%;} .infoContainer {width:100%; height:100%; font-size:80%; background-image:url(../images/8_3_b49_5/rtl/value_selection/infowindow_bg.gif); background-repeat:repeat-x; background-position:top; } .infoContainer .infoTable{background-color:transparent; padding-bottom:10px; padding-right:10px; padding-left:10px; height:100%; overflow:hidden} .infoContainer table{width:100%; font-size:100%; line-height:28px; border:none; text-align:right; direction:rtl; width:90%; margin-left:15px; background-color:transparent; } .infoContainer table th{color:#393e44; font-weight:normal; text-align:right;} .infoContainer table td {width:50%} .infoContainer table td.alignLeft { text-align:left; float:left} .infoContainer table td.alignLeft a {color:#393e44} .bottomButton input.submit {background-image:url(../images/8_3_b49_5/rtl/dview/btn_bg1.png); height:21px; color:#ffffff; font-size:100%; border:1px solid #B1B1B1; cursor:pointer; font-weight:normal; font-family: 'Rubik-Medium'; padding-bottom:2px; padding-left:3px; padding-right:2px; margin-top:4px; float:left; margin-right:10px} /*wide list*/ .wideList table { width:98.5%} .wideList table td{width:290px;} /*-------------message-------------*/ #message { margin:2px; padding:0px; width:98%; height:98%} #messageTitle { width: 100%; height: 27px; margin-bottom: 0px; clear: right; line-height: 26px; } div#messageTitle h1 { padding-right: 10px; } #messageTitle h2.strong { font-weight:normal; font-family: 'Rubik-Medium'; width:90%; float:right; padding-top:6px; padding-right:10px; margin:0px; font-size:80%} #messageContent { height:100% ;margin-bottom:0px; clear:right; width:100%;} #messageContent p {height:100%; width:90%;padding:10px;font-size:80%;} #message #form { width: 90%; padding: 9px 20px 0px 0px; margin: 0px; line-height: 20px; } #message div.buttons { margin:0.5em 0; } #message div.buttons input { line-height: 1em; cursor: pointer; font-family: 'Rubik-Medium'; color: rgba(0,0,0,.6); margin: 0 .25em 0 0; padding: .48571429em 1.5em .48571429em; font-size: 1rem; text-align: center; border-radius: .28571429rem; border: 1px solid #CCC; background: transparent; } #message div.buttons input.register{ background-image:none; height:19px; font-size:13px; border:none; cursor:pointer; padding-left:3px; padding-right:3px; } /* htmldw position */ #htmldw_wrapper { width:95%; float:left; padding:1px; padding-bottom:10px; padding-left:15px;} #ideaLink li { font-size:70%;list-style:none;} #ideaLink li a{ margin-right:0em; text-decoration:none; font-weight:normal; white-space:nowrap; color:#393e44; } #ideaLink li span { margin-right:1.5em; margin-left:0.5em;float:right; width:7px;height:12px; background-repeat:no-repeat; background-position:0% 100%;padding-top:0px; padding-bottom:2px;} .media_scroll {overflow:auto; height:370px;} #media_scroller_folder {margin-left:7px; margin-top:5px; padding-left:5px; padding-right:5px; vertical-align:text-top; text-align:left;/*font-size:80%; */ height:19px;} #media_upload_button {margin-left:1px; margin-top:5px; } /*--------action menu----------*/ #results_list td.actions { width: 10%; padding-top: 15px; margin: 0px; text-align: left; padding-left: 15px; vertical-align:top; }/*--for records view action menu--*/ #results_list td.actions img { border:none; } #results_list.album td a.albumActionIcon {text-align:right; width:32%; float:left; }/*--for album view action menu--*/ #results_list.album td a.albumActionIcon img {border:none;} .notebody {position: relative; z-index: 20; width: 100%; padding: 1px 1px 5px; text-align: right; border-radius: 5px; left: -28px; top: 0; } .notebody ul li.actions {list-style-type:none; padding-top:2px; width:98%; } .notebody ul li.actions a {font-weight:normal; text-decoration:none; padding:0px; margin:0px; padding-right:3px;text-align:right; float:none} .notebody ul li.actions a:visited {font-weight:normal; text-decoration:none; } .notebody ul li.actions a:hover {text-decoration:underline; } .notebody1 { z-index: 20; width: 100%; padding: 5px; text-align: right; height: 150px; } .notebody1 ul li.actions {list-style-type:none; padding-top:2px; width:98%; } .notebody1 ul li.actions a {font-weight:normal; text-decoration:none;padding:0px; margin:0px; padding-right:3px;text-align:right; float:none} .notebody1 ul li.actions a:visited {font-weight:normal; text-decoration:none; } .notebody1 ul li.actions a:hover {text-decoration:underline; } table.notetitle {background: #F5F5F5 none repeat scroll 0px 0px; border:none;} table.notetitle td.title { font-size:100%; font-weight:normal; font-family: 'Rubik-Medium'; color:#505050; border:none;padding-right:3px; white-space:nowrap; height:20px; } table.notetitle td.close { text-align:left; border:none; white-space:nowrap; height:20px; padding-left:5px !important; } table.notetitle td.close a {text-align:right; padding:0px; margin:0px; width:auto; float:none; display:inline} .notehidden { display: none;} .notevisible { position: absolute; z-index: 10; left: 45px; width:150px; } .notevisible2 { position:absolute; z-index: +10; left:80px; width:150px; margin:0px} .separator {margin-bottom:-15px; margin-left:1px; margin-right:1px; margin-top:5px;height:20px; background-image:url(../images/8_3_b49_5/rtl/dview/bg_actionSaperator.gif); background-repeat:repeat-x; padding:0px;} p.moreInfoText { padding-right: 30px; padding-left:10px; font-weight:normal; font-size:100%; padding-bottom: 10px;} div.moreInfoTextData { unicode-bidi: embed; font-weight: normal; color: rgb(95, 95, 95); font-size: 14px; padding: 0px 30px 10px 10px; max-width: 95%; direction:rtl;} div.moreInfoTextData { unicode-bidi: embed; font-weight: normal; color: rgb(95, 95, 95); font-size: 14px; padding: 0px 30px 10px 10px; max-width: 95%; direction:rtl;} a.closeText { padding-right:30px; } #moreinfo1 { padding-right: 30px; padding-left: 10px; color: #5F5F5F; max-width: 85%; font-size: 0.9rem;} #opr_0 {width:100px;} .credit {padding: 19px 0; text-align: center; display:table; width:100%;} .credit a {text-decoration: none; font-size:14px; } .credit a:hover {text-decoration:underline} /*about popup*/ .sideNavPop { width:25%; float:right; background-color:#FDFDFE; border-left:1px solid #E1E4EA; padding-left:10px; padding-top:3px; height:100%; overflow:hidden} .sideNavPop ul#sideNav {width:85%; height:auto} .sideNavPop ul#sideNav li{border-bottom:1px solid #E1E4EA; line-height:30px} .sideNavPop ul#sideNav li.lastNavItem {border-bottom:none} .sideNavPop ul#sideNav li span{margin-top:6px} .popContent { width:70%; float:left; font-size:80%; padding-top:10px; padding-left:6px; padding-right:10px; height:auto;} .popContent h2{font-size:110%; color:#393e44; margin-bottom:5px; margin-right:0px} .popContent h3{font-size:100%; color:#393e44; margin-top:15px;margin-bottom:5px;} #messageContent .popContent p {height:auto; width:100%; padding:0px;font-size:100%; margin-bottom:5px} .popContent ul {padding-bottom:5px; padding-top:5px;} .popContent ul li{list-style:none;padding:0px;} .popContent ul li span{ background-image:url(../images/8_3_b49_5/rtl/icons/bullet.gif); background-repeat:no-repeat; margin-right:0.2em; margin-left:0.3em; margin-top:0.5em; float:right; width:7px; height:7px;background-position:0% 100%; vertical-align:middle;} /***************item comments rank*************************/ #results_list p.rank span img{ box-shadow: none; border: medium none; padding: 0px; width: auto; height: auto; float: none; margin: 0px 5px; margin-bottom: 0; top: 4px; position: relative;} #results_list p.ranka span img{top: 2px; position: relative;} #results_list p.rank span{ font-size:80%;} #results_list p.rank a{ text-decoration: underline; font-weight: normal; font-family: 'Rubik-Medium'; font-size: 0.9rem;} #results_list p.rank_album a{font-size: 80%; margin: 5px 15px; float:right;} /*25 */ img.rank_album {margin-top: 0px; float:right; top: 10px; position: relative;} /*ranking with visual*/ #item div.rank{ width:214px;font-size:80%; text-align:right; line-height:normal; padding-bottom:15px; height:auto; overflow:hidden; clear:left} #item div.rank p{margin-top:0.5em} #item div.rank#onTop p{margin-bottom:2em; margin-top:1.5em; } #item div.rank a{ text-decoration:none; padding:0em; margin:0em} #item div.rank img{margin-right:0.2em; vertical-align:middle} #item div.rank span.bidi{font-size:85%} /*comments rank table*/ #item table.commentsRankTable {font-size:100%; margin:10px 0; } #item table.commentsRankTable td { width:auto; padding:4px; border-bottom:1px solid #e9edf2;} #item table.commentsRankTableAlternative td { border:none;}/*use this style to remove underlines in the item page, fields section*/ #item table.commentsRankTable td img{ border:none; } #item table.commentsRankTable td.strong{font-weight:normal; font-family: 'Rubik-Medium'; width:20%} #item table.commentsRankTable td.groupIcon{ width:19px; text-align:right;} #item table.commentsRankTable td.relationIcon{ width:25px; text-align:center; vertical-align: middle;} #item table.commentsRankTable td.seperatorImg{ width:11px; text-align:center; vertical-align:middle; } #item table.commentsRankTable td.similarItems { width:25px; vertical-align: middle;} #item table.commentsRankTable td.similarItems { width:25px; vertical-align: middle;} #item table.commentsRankTable td.similarItems1{ width:100px; vertical-align: middle;} #item table.commentsRankTable td.similarItems a { background: transparent url("../images/8_3_b49_5/rtl/icons/similar1.png") no-repeat scroll center center; font-size: 0px; color: #FFF; text-align: center; width: 16px; height: 16px; display: inline-block; } #item table.commentsRankTable td.moreActions {width:85px; font-size:70%} #item table.commentsRankTable2 {font-size:120%} #item table.commentsRankTable2 td {width:auto; padding:4px 0px;} #item table.commentsRankTable2 td img{border:none} #item table.commentsRankTable2 td.strong{font-weight:normal; font-family: 'Rubik-Medium'; width:25%} #item table.commentsRankTable2 td.groupIcon{ width:19px; text-align:right} #item table.commentsRankTable2 td.relationIcon{ width:25px; text-align:center} #item table.commentsRankTable2 td.seperatorImg{ width:11px; text-align:center} #item table.commentsRankTable2 td.similarItems {width:63px; font-size:70%} #item table.commentsRankTable2 td.moreActions {width:85px; font-size:70%} /*wide Table*/ #item .commentsRankWrapper { height: auto; display: inline-block; border: 1px solid #D1D1D3; border-radius: 5px; vertical-align: top; margin-bottom: 15px; width: 98%; } #item .commentsRankWrapper table.commentsRankTable {font-size:100%} #item .commentsRankWrapper table.commentsRankTable td img{border:none} #item .commentsRankWrapper table.commentsRankTable td.groupIcon{ width:33px; text-align:center} #item table.commentsRankTable td.strong{ width:20%; color: #5F5F5F;} .moreCommentsFields { padding-right: 30px; } .moreCommentsFields a{ text-decoration:none; padding-right:0px;} #item .commentsRankWrapper .moreCommentsFields {font-size:80%; padding-right:12px;} table ul li input{ vertical-align:middle} /*added by liron for explorer8 09.06.09*/ #please_wait_iframe {position:absolute;} .please_wait {background-image: url(../images/8_3_b49_5/rtl/dview/please_wait.gif); BACKGROUND-REPEAT:no-repeat; HEIGHT: 20px; WIDTH: 20px; float:left;} /*browse archive tree screen styles*/ #archive { width:100%; padding:0px; color:#393e44;} #archive div.browseArchive{ width:60%; font-size:80%; padding-left:0em;padding-top:0em;} /* Desktops and laptops ----------- */ @media only screen and (max-width : 1279px) { iframe.archiveItemDetailsIframe { left: 20px !important; /*top: 10px !important; position:relative !important; /*top: 188px !important;*/ } } /* Large screens > 1281 ----------- */ @media only screen and (min-width : 1280px) { iframe.archiveItemDetailsIframe { left: 120px !important; /*top: 10px !important; position:relative !important; /*top: 188px !important;*/ } } /* Large screens > 1824 ----------- */ @media only screen and (min-width : 1824px) { iframe.archiveItemDetailsIframe { left: 140px !important; /*top: 10px !important; position:relative !important; /*top: 188px !important;*/ } } .archiveItemDetails{ width:230px; font-size:0.9rem; text-align:center; border:1px solid #D1D1D3; color:#393e44; border-radius: 4px; } .archiveItemDetails div.archiveItemDetailsHeader{ border-bottom:1px solid #D1D1D3; height:30px; display:block; line-height:240%; text-align:right; text-indent:0.5em; font-weight:normal; } .archiveItemDetails div.archiveFieldsContainer { padding:5px 5px 0px 2px; height:auto; text-align:right;} .archiveItemDetails div.archiveFieldsContainer div.archiveFieldsScroll { padding-bottom:10px; display:block;overflow-y:auto; } .archiveItemDetails div.archiveFieldsContainer div.archiveFieldsScrollFull { height:auto; display:block; overflow-y:auto; padding: 20px 0;}/*use when there is no visual to display*/ .archiveItemDetails div.archiveFieldsContainer div.archiveFieldRow { line-height:140%; padding:0px 5px 0px 5px; } .archiveItemDetails div.archiveFieldsContainer div.archiveFieldRow strong{ margin-left:0.5em; } .archiveItemDetails div.archiveFieldsContainer div.archiveFieldRow img{ max-width: 100%; padding-bottom: 10px; max-height: 253px; border-radius: 4px; } .archiveItemDetails div.archiveFieldsContainer div.archiveFieldRow a{ text-decoration:underline; } .archiveItemDetails div.archiveTreeFooter{ padding: 0em; border-top: 1px solid #D1D1D3; /*background-image: url("../images/8_3_b49_5/rtl/dview/bg_strip_title.gif"); background-repeat: repeat-x;*/ height: 30px; line-height: 30px; text-align: right; } .archiveItemDetails div.archiveTreeFooter a img{ padding:0px; margin:0px; position:relative; right:5px; top:4px; margin-left:1em } .archiveItemDetails div.archiveTreeFooter a { text-decoration: none;} /*browse tree */ .browseArchive { padding:0px; height:auto; text-align:right; float:right; } .browseArchive li.lastItem { border-bottom:1px solid #e1e4ea;} .browseArchive ul { margin:0px; padding:0px;} .browseArchive ul li { padding:0px; list-style-position:outside; list-style:none; clear:both; width:100%; line-height:240%; width:100%; border-top:1px dashed #E1E4EA;} .browseArchive li span {text-decoration:none; font-weight:normal; display:block; font-size:90%; color:#393e44; width:100%;background-color:#ffffff; margin-top:1px;margin-bottom:1px; height:30px; overflow:hidden; line-height:30px; } .browseArchive li span span{ font-size:1.2em; padding:0px; margin:0px; } .browseArchive li span.ArchiveTreeItemSelected{ background: #eae9e9 url("../images/8_3_b49_5/rtl/icons/arrow_archive_tree.gif") no-repeat 0% 50%; font-size:0.9rem; } .browseArchive li span.ArchiveTreeItemSelected span{ font-size:100%; background-image:none; background-color:transparent; width:90%; padding:0px; margin:0px; } .browseArchive li span a{ text-decoration:none;} .browseArchive ul.levelTwoUL li img { margin-left:0.5em; position: relative; top: 3px; cursor:pointer; clear:left; } .browseArchive ul.levelTwoUL li img.browseArchiveTreeThumb { width:25px; vertical-align: middle; margin-top: -2px; } .browseArchive ul.levelTwoUL { text-indent:10px; margin-left:0em; margin-top:0px } .browseArchive ul.levelTwoUL ul{ text-indent:30px; } .browseArchive ul.levelTwoUL ul ul{ text-indent:60px;} .browseArchive ul.levelTwoUL ul ul ul{ text-indent:90px;} .browseArchive ul.levelTwoUL ul ul ul ul{ text-indent:120px;} /*login styles*/ #form table.login {width:auto; margin:0em; margin-top:1em} #form table.login td.loginLabel { width:90px; padding-top:0px;} #form table.login td.loginInput { width:270px; padding:0px 5px; } #win-overlay{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); } /*lightbox styles*/ #lbOverlay {Z-INDEX: 99998; POSITION: fixed; WIDTH: 100%; HEIGHT: 500px; TOP: 0px; LEFT: 0px;margin:0px;} .grey#lbOverlay, #lbOverlay {BACKGROUND-COLOR: #000000} #lbMain {Z-INDEX: 99999; POSITION: absolute; TEXT-ALIGN: center; LINE-HEIGHT: 0; WIDTH: 100%; LEFT: 0px} #lbMain A IMG {BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none} #lbOuterContainer {POSITION: relative; BACKGROUND-COLOR: #fff; MARGIN: 0px auto; WIDTH: 200px; HEIGHT: 200px} .grey#lbOuterContainer {BORDER-BOTTOM: #888888 3px solid; BORDER-LEFT: #888888 3px solid; BORDER-TOP: #888888 3px solid; BORDER-RIGHT: #888888 3px solid} #lbDetailsContainer {BACKGROUND-COLOR: #fff; MARGIN: 0px auto; WIDTH: 100%; OVERFLOW: auto} .grey#lbDetailsContainer {BORDER-BOTTOM: #888888 3px solid; BORDER-LEFT: #888888 3px solid; BORDER-TOP: medium none; BORDER-RIGHT: #888888 3px solid} #lbImageContainer {PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px} #lbIframeContainer {PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px} #lbLoading {POSITION:absolute; TEXT-ALIGN: center; LINE-HEIGHT:0;WIDTH:100%; BACKGROUND:url(../images/8_3_b49_5/rtl/lightbox/loading.gif) no-repeat center 50%; HEIGHT: 32px; TOP: 45%; LEFT: 0%} #lbHoverNav {Z-INDEX: 10; POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; TOP: 0px; LEFT: 0px} #lbImageContainer > #lbHoverNav {LEFT: 0px} #lbHoverNav A {OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium} #lbPrev {WIDTH: 49%; DISPLAY: block; BACKGROUND: url(../images/8_3_b49_5/rtl/lightbox/blank.gif) no-repeat; FLOAT: left; HEIGHT: 100%; LEFT: 0px} .grey#lbPrev:hover {BACKGROUND: url(../images/8_3_b49_5/rtl/lightbox/prev_grey.gif) no-repeat left 15%} .grey#lbPrev:hover:visited {BACKGROUND: url(../images/8_3_b49_5/rtl/lightbox/prev_grey.gif) no-repeat left 15%} #lbNext {WIDTH: 49%; DISPLAY: block; BACKGROUND: url(../images/8_3_b49_5/rtl/lightbox/blank.gif) no-repeat; FLOAT: right; HEIGHT: 100%; RIGHT: 0px} .grey#lbNext:hover {BACKGROUND: url(../images/8_3_b49_5/rtl/lightbox/next_grey.gif) no-repeat right 15%} .grey#lbNext:hover:visited {BACKGROUND: url(../images/8_3_b49_5/rtl/lightbox/next_grey.gif) no-repeat right 15%} #lbPrev2 {FONT-WEIGHT: normal; font-family: 'Rubik-Medium'; TEXT-DECORATION: none} #lbNext2 {FONT-WEIGHT: normal; font-family: 'Rubik-Medium'; TEXT-DECORATION: none} .grey#lbPrev2 {COLOR: #333333} .grey#lbNext2 {COLOR: #333333} .grey#lbSpacer {COLOR: #333333} #lbPrev2_Off {FONT-WEIGHT: normal; font-family: 'Rubik-Medium';} #lbNext2_Off {FONT-WEIGHT: normal; font-family: 'Rubik-Medium';} .grey#lbPrev2_Off {COLOR: #cccccc} .grey#lbNext2_Off {COLOR: #cccccc} #lbDetailsData {PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px} .grey#lbDetailsData {COLOR: #333333} #lbDetails {TEXT-ALIGN: right; WIDTH: 60%; FLOAT: right}/*changed to right for rtl interface*/ #lbCaption {DISPLAY: block; FONT-WEIGHT: normal; font-family: 'Rubik-Medium';} #lbNumberDisplay {PADDING-BOTTOM: 1em; DISPLAY: block; FLOAT: left} #lbNavDisplay {PADDING-BOTTOM: 1em; DISPLAY: block; FLOAT: left} #lbClose {WIDTH: 64px; MARGIN-BOTTOM: 1px; FLOAT: left; HEIGHT: 28px;BACKGROUND: url(../images/8_3_b49_5/rtl/lightbox/closelabel.gif) no-repeat;}/*changed to left for rtl interface*/ #lbPlay {WIDTH: 64px; MARGIN-BOTTOM: 1px; FLOAT: right; HEIGHT: 28px} #lbPause {WIDTH: 64px; MARGIN-BOTTOM: 1px; FLOAT: right; HEIGHT: 28px} .grey#lbPause {BACKGROUND: url(../images/8_3_b49_5/rtl/lightbox/pause_grey.png) no-repeat} /* timeline */ .timeline {width:100%; height: 25px;} .tdtimeline { width:auto; cursor:pointer; } table.timeline img { width: 1px; height: 0; } td.tdtimeline:nth-child(2) { border-bottom: solid 6px #65646c; } td.tdtimeline:nth-child(4) { border-bottom: solid 6px #85c435; } td.tdtimeline:nth-child(6) { border-bottom: solid 6px #55b0a7; } td.tdtimeline:nth-child(8) { border-bottom: solid 6px #e7bc4c; } td.tdtimeline:nth-child(10) { border-bottom: solid 6px #967bd7; } td.tdtimeline:nth-child(12) { border-bottom: solid 6px #00beeb; } td.tdtimeline:nth-child(14) { border-bottom: solid 6px #00958f; } td.tdtimeline:nth-child(16) { border-bottom: solid 6px #ffb400; } td.tdtimeline:nth-child(18) { border-bottom: solid 6px #ff9025; } td.tdtimeline:nth-child(20) { border-bottom: solid 6px #000000; } td.tdtimeline:nth-child(22) { border-bottom: solid 6px #56aa29; } .tdtimeline_select {width:auto; cursor:pointer; border: 1px solid gray; border-radius: 2px;} .timeline p.TextRight {text-align:right; font-size:70%; } .timeline p.TextLeft {text-align:left; font-size:70%;} .alltl {text-align:right; font-size:85%;} #dhtmltooltip{position: absolute; left: -300px; width: 150px; border: 1px solid LightGrey; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=LightGrey,direction=135); /* ie */ -webkit-box-shadow:0.4em 0.4em 1em LightGrey; /* chrome */ -moz-box-shadow:0.4em 0.4em 1em LightGrey; /* FF */ } /* end of timeline */ /* superfish menu */ .sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;} .sf-menu {line-height: 1.0;} .sf-menu ul {position:absolute; top:-999em; width: 10em;} .sf-menu ul li {width: 100%;} .sf-menu li:hover {visibility:inherit;} .sf-menu li {float: right; position: relative;} .sf-menu a {display: block; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top: 2.5em; z-index: 99; right:0;left:auto;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {right:10em; left:auto;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {right:10em; left:auto;top:0;} ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {right:10em; left:auto; top:0;} .sf-menu {float:right; margin-bottom:1em; background:#BDD2FF; width:100%} .sf-menu a {border-right:1px solid #fff; border-left:none; border-top:1px solid #CFDEFF; padding:.45em 1em; text-decoration:none;} .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/color:#13a;} .sf-menu li {background:#BDD2FF;} .sf-menu li li {background:#AABDE6;} .sf-menu li li li {background: #9AAEDB;} .sf-menu li:hover, .sf-menu li.sfHover, sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#CFDEFF; outline:0;} /*** arrows **/ .sf-menu a.sf-with-ul {padding-left:2.25em; padding-right:1em; min-width: 1px;} .sf-sub-indicator { right:auto;left:.75em; position: absolute; display:block; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background: url('../images/8_3_b49_5/ltr/side_menu/arrows-ffffff-rtl.png') no-repeat -10px -100px;} a > .sf-sub-indicator {top: .8em; background-position: 0 -100px;} a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;} .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;} .sf-shadow ul {background: url('../images/8_3_b49_5/rtl/side_menu/shadow.png') no-repeat bottom left; padding:0 0 9px 8px; background-position:left bottom; border-top-left-radius: 17px;border-bottom-right-radius: 17px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 17px; -moz-border-radius-topleft: 17px; -webkit-border-top-left-radius: 17px; -webkit-border-bottom-right-radius: 17px; border-top-left-radius: 17px; border-bottom-right-radius: 17px; } .sf-shadow ul.sf-shadow-off {background: transparent;} /**** Album Preview ****/ .gallery-area .panel-info { border-color: #e2e8eb; } .gallery-area .panel { border-radius: 0; } .gallery-area .panel-info > .panel-heading { color: #313131; background-color: #fff; border-color: #efefef; font-size: 16px; } .gallery-area .panel-info { border-color: #e2e8eb; } .gallery-area .carousel-inner .item img { width: 98%;} .gallery-area .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; font-size: 1.5em; } .gallery-area .container-lightbox { width: 100%; margin: 0 auto; padding: 0; height: 93%; } .gallery-area .container-lightbox .carousel-control.left, .gallery-area .container-lightbox .carousel-control.right {/* width: 4%; */ opacity: 0.4;} button.gallery-close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; float: left; font-size: 13px;} .gallery-area .carousel-caption {border-radius: 5px 5px 5px 5px; background-color: #fff; position: relative; left: 0; right: 0; bottom: 0; z-index: 10; font-size: 17px; padding: 0 0 8px 25px; padding-right: 10px; color: #fff; } .gallery-area #idea-caption {color: #777; text-shadow: none; padding-top: 10px; text-align: right; font-size: 14px;} .gallery-area .carousel-caption.top { right: 16px; top: -40px; } .gallery-area .active.item img { margin: 0 auto; } /* .gallery-area .carousel-control.left .glyphicon, .carousel-control.right .glyphicon { color: #fff; }*/ .album #content { border-radius: 5px;border-right: 0px solid;height: 100%;padding: 0px; background: transparent url("../images/8_3_b49_5/bg.jpg") repeat scroll 0px 0px; margin-bottom: 15px; margin-top: 15px; } .box { margin: 10px; background: #fff; font-size: 100%; text-align: center; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.025); flex: 0 0 33.333333%; max-width: 33.333333%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: transform 0.1s ease-in-out; -o-transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; overflow: hidden; position: relative; border: solid 5px #e2e8eb; width: 150px; } .box.active { border: solid 5px #328CBC; } .box .thumbnail-box video { max-width: 150px; } .box .thumbnail-box { display: block; max-height: 200px; cursor: pointer; } .box .thumbnail-box img { max-height: 160px; max-width: 130px; } .box h2 { font-size: 14px; font-weight: 200; } .box a[rel=lytebox] img,#tumblelog img { width: 100%; display: inline-block;} .box .title-box { /*border-top:1px solid #E7E7E7; padding: 10px;*/ } .box .title-box-main { font-size: 85%; text-align: right; margin: 0 10px 10px 10px; } .box .title-box-main span { line-height: 17px; color: #393e44; } .rtl .box { float: right;text-align: right; direction: rtl; } .box .title-box1 { border-top: 1px solid #E7E7E7; padding: 10px; font-size: 1.4em; color: #777; } .title-box2 { padding: 10px; font-size: 13px; color: #777; align: right; } /* .box .title-box1 a { ext-decoration: none; } */ .col3.basic-search {box-shadow: 0 0 6px #ccc; background: #fff; font-size: 100%; border: solid 5px #ffffff;} .search-item { position: absolute; z-index: 1; bottom: 5px; left: 5px; color: rgba(255,255,255,0.8); font-size: 60px; } /**** Content ****/ .title-icon { width:20px; height:220px; } a.edit-metadata{ float: left; font-size: 14px; margin-top: -10px; padding-left: 25px; } #results_list a.info { text-decoration: none; } #results_list a.info span.bidie { padding: 5px 15px;font-size: 80%;line-height: 17px;text-align: left;display: block;text-decoration: underline;font-weight: normal; font-family: 'Rubik-Medium';} #results_list a.info span.bidi { padding: 5px 15px;font-size: 85%;line-height: 17px;text-align: right;display: block;text-decoration: underline;font-weight: normal; font-family: 'Rubik-Medium';} #results_list .title-box p span.bidi { margin-right: 5px; text-align: right; display: block; } #results_list .col3 a.info.main-title span.bidi { font-size: 110%; padding: 10px; } #results_list .col3 a.info.main-title span.bidie { font-size: 110%; padding: 10px; } #results_list .col3 a.info span.bidie { text-decoration: none; } #results_list .col3 a.info span.bidi { text-decoration: none; } #results_list .col3 a.more span.bidi { text-decoration: underline;} #results_list .col3 a.more span.bidie { text-decoration: underline; } p.info { margin: 10px 15px; font-size: 13px; line-height: 17px; word-wrap: break-word; text-align: left; display:inline-block;} .title-box p .bidie{ margin-right: 5px; font-size:85%; word-wrap: break-word; text-align: right; display:block; } /* Credit Item */ .creditItem { border-top: 1px solid #e7e7e7; padding: 10px 15px; text-align: right; } .creditImg { border-top: 1px solid #E7E7E7; padding: 8px 8px 2px 8px; } .creditImg a { text-decoration: none; } .creditBox { display: inline-block; } .creditBox a.creditTitle {display:block; font-size: 1.2em; } #results_list .gallery-view { box-shadow: 0 0 6px #ccc; background: #fff; font-size: 100%; width: 200px; border: solid 5px #ffffff; } #results_list .gallery-view img { width: 200px; max-width: 100%; max-height: 100%; margin-bottom: 5px; } #results_list .gallery-view img:hover { transform: scale(1.1); transition: transform 3s; /* Animation */ } #results_list .gallery-view img[src*="100px.png"] { width:auto; } #results_list .gallery-view img[src*="100px.png"]:hover { transform: scale(1); transition: transform 0s; /* No Animation */ } #results_list .gallery-view h5 { text-align: right; } #results_list .gallery-view h5 a.info span.bidi { display: inline-block; font-size: 90%; padding: 5px; text-align: right; line-height: 20px; font-weight: normal; } #results_list .gallery-view .heightContainer { display: block; margin: 25px 5px 0 0; text-align: right; } /* Desktops and laptops ----------- */ @media only screen and (max-width : 1024px) { .col2 { width: 180px; border: 1px solid #e7e7e7; } /* ?????????? ?????????????? ?????????? */ .col2 img { max-width: 180px; } } /* Large screens > 1024 ----------- */ @media only screen and (min-width :1025px) { .col2 { width: 195px; border: 1px solid #e7e7e7; } /* ?????????? ?????????????? ?????????? */ .col2 img { max-width: 195px; } } /* Large screens > 1365 ----------- */ @media only screen and (min-width :1365px) { .col2 { width: 200px; border: 1px solid #e7e7e7; } /* ?????????? ?????????????? ?????????? */ .col2 img { max-width: 200px; } } /* Large screens > 1439 ----------- */ @media only screen and (min-width :1439px) { .col2 { width: 230px; border: 1px solid #e7e7e7; } /* ?????????? ?????????????? ?????????? */ .col2 img { max-width: 230px; } } /* Large screens > 1679 ----------- */ @media only screen and (min-width :1679px) { .col2 { width: 215px; border: 1px solid #e7e7e7; } /* ???????? ?????????????? ?????????? */ .col2 img { max-width: 215px; } } /* Large screens > 1919 ----------- */ @media only screen and (min-width :1919px) { .col2 { width: 240px; border: 1px solid #e7e7e7; } /* ???????? ?????????????? ?????????? */ .col2 img { max-width: 240px; } } /* Desktops and laptops ----------- */ @media only screen and (max-width : 1024px) { .col3 { width: 190px; border: 1px solid #e7e7e7; } .col3 img { max-width: 190px; } } /* Large screens > 1024 ----------- */ @media only screen and (min-width :1025px) { .col3 { width: 260px; border: 1px solid #e7e7e7; } .col3 img { max-width: 260px; } } .col4 { width: 155px; border: 1px solid #e7e7e7; } .col4 img { max-width: 155px; } .col5 { width: 140px; border: 1px solid #e7e7e7; } .col5 img { max-width: 140px; } .cart-bar{ border-top:1px solid gray; } .cart { width:22px; height:22px;} .heightContainer { display: inline-block; } .heightContainer li { display: inline-block; margin-bottom: 0;} .heightContainer li a.album_more { background: transparent url("../images/8_3_b49_5/rtl/icons/more.png") no-repeat scroll center center; display: inline-block; height: 32px; width: 32px; } .heightContainer li a.album-client-app { background: #0e7aa1 url("../images/8_3_b49_5/client_app_album.png") no-repeat scroll center center; display: inline-block; height: 25px; width: 25px; background-size: 20px; border-radius: 4px;} .heightContainer li a.album-invitation { background: #0e7aa1 url("../images/8_3_b49_5/rtl/icons/shopping.svg") no-repeat scroll center center; display: inline-block; height: 25px; width: 25px; background-size: 20px; border-radius: 4px;} .heightContainer li a.album-mail { background: #733999 url("../images/8_3_b49_5/rtl/icons/mail.svg") no-repeat scroll center center; display: inline-block; height: 25px; width: 25px; background-size: 20px; border-radius: 4px; } .heightContainer li a.album-cart { background: #404040 url("../images/8_3_b49_5/rtl/icons/cart-empty.png") no-repeat scroll center center; display: inline-block; height: 25px; width: 25px; background-size: 20px; border-radius: 4px;} .heightContainer li a.album-quote { background: #f16c6f url("../images/8_3_b49_5/rtl/icons/quote.svg") no-repeat scroll center center; display: inline-block; height: 25px; width: 25px; background-size: 17px; border-radius: 4px;} .heightContainer li a.album-update { background: #fcbf0f url("../images/8_3_b49_5/rtl/icons/update.svg") no-repeat scroll center center; display: inline-block; height: 25px; width: 25px; background-size: 20px; border-radius: 4px;} .heightContainer li a.album-cancel { background: #e84341 url("../images/8_3_b49_5/rtl/icons/cancel.svg") no-repeat scroll center center; display: inline-block; height: 25px; width: 25px; background-size: 20px; border-radius: 4px;} .heightContainer li a.album-cart-full { background: #40ae49 url("../images/8_3_b49_5/rtl/icons/cart-full-all.png") no-repeat scroll center center; display: inline-block; height: 25px; width: 25px; background-size: 20px; border-radius: 4px;} .heightContainer li a.album-copies { background: #398599 url("../images/8_3_b49_5/rtl/icons/copies-icon.png") no-repeat scroll center center; display: inline-block; height: 25px; width: 25px; background-size: 20px; border-radius: 4px; } /**** List Preview Cart ****/ #results_list table.resultsTypes td li.cart { padding: 0 30px 0 20px; height: 32px; line-height: 32px; font-weight: normal; font-family: 'Rubik-Medium'; text-decoration: underline;} #results_list table.resultsTypes td li.send-mail { padding: 0 30px 0 20px; height: 32px; line-height: 32px; font-weight: normal; font-family: 'Rubik-Medium'; text-decoration: underline;} #results_list table.resultsTypes td li.copies { padding: 0 30px 0 20px; height: 32px; line-height: 32px; font-weight: normal; font-family: 'Rubik-Medium'; text-decoration: underline;} #results_list table.resultsTypes td li.invitation { padding: 0 30px 0 20px; height: 32px; line-height: 32px; font-weight: normal; font-family: 'Rubik-Medium'; text-decoration: underline;} #results_list table.resultsTypes td li.client-app { padding: 0 30px 0 20px; height: 32px; line-height: 32px; font-weight: normal; font-family: 'Rubik-Medium'; text-decoration: underline;} #results_list table.resultsTypes td li.quote { padding: 0 30px 0 20px; height: 32px; line-height: 32px; font-weight: normal; font-family: 'Rubik-Medium'; text-decoration: underline; } #results_list table.resultsTypes td li.album-cancel { padding: 0 30px 0 20px; height: 32px;line-height: 32px; font-weight: normal; font-family: 'Rubik-Medium'; text-decoration: underline;} #results_list table.resultsTypes td li.album-update {padding: 0 30px 0 20px; height: 32px;line-height: 32px; font-weight: normal; font-family: 'Rubik-Medium';text-decoration: underline;} #results_list table.resultsTypes td li.cart_full {padding: 0 30px 0 20px; height: 32px;line-height: 32px; font-weight: normal; font-family: 'Rubik-Medium'; text-decoration: underline;} #results_list table.resultsTypes td li.cart {background: transparent url("../images/8_3_b49_5/cart-icon.png") no-repeat scroll right center;} #results_list table.resultsTypes td li.send-mail {background: transparent url("../images/8_3_b49_5/email-icon.svg") no-repeat scroll right center;} #results_list table.resultsTypes td li.copies {background: transparent url("../images/8_3_b49_5/copies-icon.svg") no-repeat scroll right center;} #results_list table.resultsTypes td li.client-app {background: transparent url("../images/8_3_b49_5/client_app.png") no-repeat scroll right center;} #results_list table.resultsTypes td li.invitation {background: transparent url("../images/8_3_b49_5/shopping-icon.svg") no-repeat scroll right center;} #results_list table.resultsTypes td li.quote {background: transparent url("../images/8_3_b49_5/quote-icon.png") no-repeat scroll right center;} #results_list table.resultsTypes td li.album-cancel {background: transparent url("../images/8_3_b49_5/cancel-icon.png") no-repeat scroll right center;} #results_list table.resultsTypes td li.album-update {background: transparent url("../images/8_3_b49_5/update-icon.png") no-repeat scroll right center;} #results_list table.resultsTypes td li.cart_full {background: transparent url("../images/8_3_b49_5/cart-full-icon.png") no-repeat scroll right center;} #results_list table.resultsTypes td li.cart a { color: #404040; } #results_list table.resultsTypes td li.send-mail a { color: #733999; } #results_list table.resultsTypes td li.copies a {color:#e09b26;} #results_list table.resultsTypes td li.invitation a {color: #0e7aa1;} #results_list table.resultsTypes td li.client-app a {color: #104E7C;} #results_list table.resultsTypes td li.cart_full a { color:#40ae49; } #results_list table.resultsTypes label {margin-top:10px;} #results_list table.resultsTypes td li.attach { padding: 0 30px 0 20px; font-weight: normal; font-family: 'Rubik-Medium'; text-decoration: underline;} #results_list table.resultsTypes td li.attach {background: transparent url("../images/8_3_b49_5/attach.png") no-repeat scroll right center;} #results_list table.resultsTypes td li.attach a {color:#840000;} .col1 {height: 100px;border-top: 0 solid;} .col1 img { max-height: 100px; } .col10 {height: 100px;border-top: 0 solid;} .col10 img { max-height: 100px;} .notebook_img {height: 100px;border-top: 0 solid;} .notebook_img img { max-height: 100px; } /* help */ #messageContent .help_popContent p {height:auto; width:100%; padding:0px;font-size:100%; margin-bottom:5px} .help_popContent h2{font-size:110%; color:#393e44; margin-bottom:5px; margin-right:0px} .help_popContent { width:70%; float:left; font-size:80%; padding-top:10px; padding-left:6px; padding-right:10px; height:auto;} .help_popContent h2{font-size:110%; color:#393e44; margin-bottom:5px; margin-right:0px} .help_popContent h3{font-size:100%; color:#393e44; margin-top:15px;margin-bottom:5px;} .help_popContent h4{font-size:80%; color:#393e44; margin-top:15px;margin-bottom:5px;text-decoration: underline} .help_popContent ul {padding-bottom:5px; padding-top:5px;} .help_popContent ul li{list-style:none;padding:0px;} .help_popContent ul li span{ background-image:url(../images/8_3_b49_5/rtl/icons/bullet.gif); background-repeat:no-repeat; margin-right:0.2em; margin-left:0.3em; margin-top:0.5em; float:right; width:7px; height:7px;background-position:0% 100%; vertical-align:middle;} img.help { width: 20px; height: 20px; margin-right: 5px; position: relative; top: 3px; cursor: pointer; } .ui-widget-content { background-color: #5E6772; } a.aggLink {text-decoration: none;} .cbx_aggs{ margin-right: 3px; } .open_agg{ float:left; margin-top: 3px; margin-left: 5px; } .badge { color: #393e44; margin-left: 3px; margin-top: 3px; font-size: 11px; line-height: 20px; padding: 2px 10px; float: left; white-space: nowrap; display: inline-block; font-style: italic; } .SelectedAgg label.aggs_label {color: #328cbc; font-weight: normal; } .SelectedAgg label.aggs_label_remove {color: rgb(245,139,139); font-weight: normal; font-family: 'Rubik-Medium';} .SelectedAgg span.badge {color: #328cbc; } .aggs_label_remove label.aggs_label {color: rgb(245,139,139); font-weight: normal; font-family: 'Rubik-Medium'; } .aggs_label_remove span.badge {color: rgb(245,139,139)} .aggs_label {color: #393e44; } .aggs_label_remove { margin-right: 5px; color: #757575; font-size: 0.9rem; } .agg_img_remove {cursor: pointer; margin-bottom: -3px; height: 14px; margin-right: 10px;} .agg_button_remove {font-size: 14px; color: #555b61; background-color: #f8f9fa;padding-right: 13px; padding-bottom: 5px; padding-top: 5px; cursor: pointer;} /* jquery-ui */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before,.ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front{z-index:100} /* */ /* */ .ui-menu{list-style:none;padding:0;margin:0;outline:none} .ui-menu .ui-menu{position:absolute;} .ui-menu .ui-menu-item { overflow: auto; max-width: 800px; position: relative; margin: 0; padding: 10px 1em 10px .4em; cursor: pointer; min-height: 0; font-family: 'Rubik-Regular', sans-serif; } .ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0} .ui-widget{ font-size:1.0em; } .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{ font-size:1em; } .ui-widget-content a{color:#fff} .ui-widget-header{border:1px solid #333;background:#333 url("../images/8_3_b49_5/ui-bg_gloss-wave_25_333333_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff} .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #666;background:#555 ;font-weight: normal; font-family: 'Rubik-Medium'; color:#eee}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#eee;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#000;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header /* ?????????? ?????????? ???????? - ???????? ?????????? */ .ui-menu-item { border-bottom: 1px solid #DADADA;} .ui-widget-content a {color: #000;font-size:90%;} /* ?????????? ???????????? ?????????? */ .autoc_highlight { font-weight: normal; font-family: 'Rubik-Medium'; } /* ?????????? ???????????? ?????????? */ .ui-menu-item { border-bottom: 1px solid #DADADA;} .ui-autocomplete {background-color: #fff; border: 1px solid #e6ecef; border-radius: 4px ;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} /* ?????? ?????? + ?????????? */ .ui-state-focus{ background:#D9D9D9 ;color:#000;} .ui-autocomplete{position:absolute;top:0;left:0;cursor:default} .ui-widget-content {border-radius: 2px} .autoc_value { text-align: right; font-weight: normal; width: 85%; display: inline-block; } .autoc_badge { font-size: 0.65rem; line-height: 17px; font-weight: normal; font-family: 'Rubik-Medium'; padding: 2px 7px; text-align: center; vertical-align: baseline; white-space: nowrap; border-radius: 5px; display: inline-block; float: left; margin-left: 2px; color: #fff; } /* Panel */ .panel { margin-bottom: 20px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); } .panel-heading { background: #fff; color: #5f5f5f; font-family: 'Rubik-Medium'; padding: 8px 10px; border-bottom: 1px solid #ddd; border-top-left-radius: 3px; border-top-right-radius: 3px; } .container-lightbox .panel-heading.lightbox { border-bottom: 1px solid #eee; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 1em 1em; background: #fff; } .container-lightbox .panel-heading.lightbox a { line-height: 1.28571429em; font-size: 1.18571429em; margin-top: -.51425em; display: inline-block; margin-bottom: 10px; } .panel-body { /*padding: 5px 15px;*/ } /*.panel-body .LongSideNav tr td { border-bottom: 1px dotted #c7c5c5; } .panel-body .LongSideNav tr:last-child td { border-bottom: 1px dotted #c7c5c5; padding-bottom: 0; } #open_profile_ty .LongSideNav tr:last-child td { border-bottom: 1px dotted #c7c5c5; padding-bottom: 20px; } #open_profile_terms_t .LongSideNav tr:last-child td { border-bottom: 1px dotted #c7c5c5; padding-bottom: 20px; } #open_profile_au .LongSideNav tr:last-child td { border-bottom: 1px dotted #c7c5c5; padding-bottom: 20px; } #open_profile_mul .LongSideNav tr:last-child td { border-bottom: 1px dotted #c7c5c5; padding-bottom: 20px; } #open_profile_ll .LongSideNav tr:last-child td { border-bottom: 1px dotted #c7c5c5; padding-bottom: 20px; } #open_profile_avail .LongSideNav tr:last-child td { border-bottom: 1px dotted #c7c5c5; padding-bottom: 20px; }*/ .autoc_title { color: #767676 !important; background: #eee url(../images/8_3_b49_5/rtl/dview/br_down_search.png) 12px center no-repeat; display: block; padding: 10px 1em 10px .4em; margin: -10px -1.2em -10px -.45em; } .autoc_line { border: 1px solid #9ea6b0; background-color: #D3D3D3; } .autoc_title_dym { color: #767676 !important; background: #eee url(../images/8_3_b49_5/rtl/dview/br_down_search.png) 12px center no-repeat; display: block; padding: 10px 1em 10px .4em; margin: -10px -1.2em -10px -.45em; } #clear_all_selections { padding: 5px 12px 5px 5px; text-align: right; font-weight: normal; font-family: Rubik-Regular; display: block; font-size: 0.8rem; color: #bc0606; } .far.fa-trash-alt { padding-left: 5px; } /* */ /* */ .dropbtn { color: white; padding: 16px; font-size: 12px; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: rgba(255,255,255,0.95); min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); border-radius: 2px; z-index: 200; line-height: 25px; } .dropdown-content a { padding: 5px 10px; text-decoration: none; display: block; text-align: right; float: none; border-bottom: border-bottom: 1px solid rgba(0,0,0, 0.1);; } .dropdown-content a:last-child { border-bottom: 0 solid; } .dropdown-content a:hover { /* font-family: 'Rubik-Medium';text-decoration: underline; */ } .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { background-color: #3e8e41; } #langNav li a.logout-link { font-size:90%; float: right; text-decoration: underline; } .login-descr { font-size: 1rem; line-height: 70px; margin-left: 15px; } .login-link { font-size:90%; float: right; } .login-img { margin-bottom: -10px; padding-left: 10px; } .login-msg { color: gray; } #popuph2 h2{ height: 35px; line-height: 35px; margin: 15px 0; padding-right: 10px;} #popuph2 h2{background: whiteSmoke none repeat scroll 0 0; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; color: #5f5f5f;} .popup-underline {background-image: url(../images/8_3_b49_5/rtl/bgs/bg_underline.gif); background-repeat:repeat-x; background-position:bottom;} .popup-underline:hover { background-color: #e6e6e6; } .popup-img {max-width: 90%;} /* ?????????? ???????????? ???????? ???????????????? ???????????? */ .list-attach {} /* ?????????? ???????????? ???????? ???????????????? ???????????? ?????????? */ .item-attach {} /* popup ???????????? ?????????? ???????????? ???????? ???????? ?? */ a.attach-descr {} .h1-reader{width: 100%; background: whitesmoke none repeat scroll 0 0;border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;color: #707070;display: block;font-size: 90%; font-weight: normal; font-family: 'Rubik-Medium'; height: 35px;line-height: 35px;margin-bottom: 30px; margin-left: -15px;margin-right: -15px;padding-right: 10px;position: relative; top: 15px;} span.highlight_attach { font-size:65%; color: #757575 } /* ---------- lightbox ---------------------------------------- */ .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; padding: 20px; opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 1s; } @media screen and (min-height: 500px) { .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 470px; } } @media screen and (min-height: 700px) { .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 550px; } } @media screen and (min-height: 800px) { .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 590px; } } @media screen and (min-height: 900px) { .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 750px; } } @media screen and (max-height: 499px) { .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 400px; } } .lb-img { display: block; margin-left: auto; margin-right: auto; } .carousel-caption { border-radius: 5px 5px 5px 5px; background-color: rgba(138, 132, 132, 0.5); position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; font-size: 17px; padding: 0 0 8px 25px; padding-right: 10px; color: #fff; } .carousel-caption.top { border-radius: 0; background-color: transparent; position: absolute; top: -40px; right: 2px; bottom: auto; z-index: 10; font-size: 1.5em; padding: 0; color: rgba(0,0,0,.58); left: auto; text-align: right; text-shadow: none; font-family: 'Rubik-Regular', sans-serif; } .carousel-inner { /*overflow: visible !important;*/ } /* carousel fullscreen */ .carousel-fullscreen .carousel-inner .item { height: 50vh; background-position: center center; background-repeat: no-repeat; background-size: cover; } .carousel-fullscreen .carousel-caption { top: 50%; bottom: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .lb-right { } .lb-left { } #lb-collapse { font-size: 12px; } #lb-collapse-toggle { padding-right: 5px; text-decoration: none; } .carousel-control.left, .carousel-control.right { width: 8%; } .carousel-control.left.gallery, .carousel-control.right.gallery { width: 8%; } .carousel-control.left .glyphicon, .carousel-control.right .glyphicon { height: 40px; line-height: 40px; width: 40px; border-radius: 3px; font-size: 4.5em; margin-right: -15px;} .section-white { padding: 10px 0; } .section-white { background-color: #fff; color: #555; } .container { } .container-lightbox { width: 85%; margin: 0 auto; padding: 20px 0; } .container-lightbox .inner-lightbox { margin: 0 10px; } .container-lightbox .panel-group { margin-bottom: 0; } .container-lightbox .panel-group .panel { height: 90vh; border-radius: 4px 4px 0 0; } .container-lightbox .next-lightbox { border: solid #ddd 0; padding: 10px; display: table; width: 100%; font-family: 'Rubik-Regular', sans-serif; } .container-lightbox #next-item, .container-lightbox #prev-item { font-size: 16px; display: table-cell; vertical-align: middle; color: #000000; } .container-lightbox #next-item1, .container-lightbox #prev-item1 { font-size: 16px; vertical-align: middle; color: rgba(0,0,0,.6); } .container-lightbox #next-item:hover { text-decoration: none; color: rgba(0,0,0,.8); } .container-lightbox .carousel-indicators { position: fixed; /* bottom: 80px; */ right: 0; left: 0; width: 50%; z-index: 15; margin: 0 auto; text-align: center; } .container-lightbox .carousel-indicators .active { background-color: #000000; } .container-lightbox .carousel-indicators li { border: 1px solid #000000 } .img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header, .section-blog-fw .view img, .video-fluid { max-width: 100%; height: auto; } button.lb-close { position: relative; top: -5px; -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .lb-close { float: left; } #lb-heading { font-size: 16px; text-align:right; } .modal-footer { text-align: right; border-top: 1px solid #e5e5e5; height: 0px; } .copies-info-wrap { padding: 1.5rem; } .copies-info-wrap h1 { font-size: 1.71428571em; margin: 0 0 .44285714em 0; font-weight: 700; padding: 0 0; color: rgba(0,0,0,.87); line-height: 1.28571429em; } .copies-info-wrap h2 { background: #2185d0!important; color: #fff!important; display: inline-block; width: auto!important; margin: 0 0 .44285714em 0; max-width: 9999px; vertical-align: baseline; padding: .5833em .5em .5833em .833em; font-size: .85714286rem; line-height: 1; border-radius: .28571429rem 0 0 .28571429rem; } .copies-info-wrap h2 span { background: rgba(0,0,0,.1); margin: -.5833em .5em -.5833em -.833em; padding: .5833em 1.133em; display: inline-block; vertical-align: top; font-weight: 700; opacity: .8; } #copies-info-table { padding: 1.5rem; margin-right: 0; margin-left: 0; border-width: .2rem; position: relative; margin: 1rem 0; border: solid #f8f9fa; } #copies-info-table ul { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } #copies-info-table ul li { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0,0,0,.125); } #copies-info-table ul li span, #copies-info-table ul li strong { width: 30%; display: inline-block; text-align:center; } #copies-info-table ul li:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem; background: #e8e8e8; } #copies-info-table ul li:last-child { border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem; } #lb-iframe{ position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 700px; height: 700px; } .text-block { right: 0; left: 0; font-family: 'Rubik-Regular', sans-serif; position: absolute; top: 50px; text-align: center; color: #F3E9D6; padding-left: 15px; padding-right: 15px; } .video1 { height:8%; } .video2 { width: 100px; height: 100px; padding:0px; margin:0px; margin:5px 30px 5px 5px; } .video3 { height: 102px; border: solid 5px #fff; box-shadow: 0 0 6px #ccc; display: inline-block; margin-left: 5px; } .video4 { width: 150px; height: 102px; border: solid 5px #fff; box-shadow: 0 0 6px #ccc; display: inline-block; margin-left: 5px; } .video5 { width: 100px; display: inline-block; margin-left: 5px; margin:5px 30px 5px 5px; margin-left: 30px; } .pdf-box5 { position: relative; display: inline-block; } .pdf-box5 span{ margin-left: 25px; width: 20px; display: inline-block; height: 20px; background-image: url('../images/expand.png'); background-repeat: no-repeat; background-size: contain; background-position: top left; position: absolute; top: 1px; left: 6px; z-index: 99999; background-color: rgba(255,255,255,1); padding: 4px; border: 1px solid #D1D1D3; } .pdf-album-box5 { position: relative; display: inline-block; } .pdf-album-box5 span{ margin-top: 5px; width: 20px; display: inline-block; height: 20px; background-image: url('../images/album_like_expand.png'); background-repeat: no-repeat; background-size: contain; background-position: top left; position: absolute; top: 1px; left: 6px; z-index: 99999; background-color: rgba(255,255,255,1); padding: 4px; border: 1px solid #D1D1D3; } .availabe-copies { color: rgb(61, 122, 34); font-weight: bold; } .circulation-return-xp { color: red; } .circulation-td {max-width : 115px;} /* ?????????? ???? ???????????? ???????????????? ?????????????? */ .panel { border: none } .databanks-checkall { float: right; padding-right: 5px; } .databanks-uncheckall { float: left; padding-left: 5px; } #gallery-next { float: left; font-size: 12px; margin-top: -6px; } #gallery-prev { float: right; margin-top: 12px; font-size: 12px } .g-heading { display: flex; justify-content: center;; font-size: 16px; } /*-------------Changes For Mobile-------------*/ .top-filter { display: none; } .mobile-lang-eng { display: none; } .mobile-lang-rus { display: none; } #top-nav { display:none; } #mobile-nav-menu { display:none; } #openLimitPanel { display:none; } .item-image-mobile { display:none; } #accessibility span { display:inline-block; } #accessibility img { display:none; } .mobile-action { display:none; } #displaySmTree { display:none; } @media screen and (min-width:200px) and (max-width:400px){ td#loginLabel label { font-size: 100%; } #login-help { font-size: 100%; } } @media only screen and (min-width:410px){ td#loginLabel label { font-size: 250%; } #login-help { font-size: 250%; } } @media only screen and (max-width:800px){ #displaySmTree { display:inline; } /*-------------Wrapper-------------*/ #wrapper { padding-top: 0; } #wrapper table#layoutTable td.contentColumn #content { height: 100%; } .dropdown { min-width: 100px; } /*-------------Accessibility-------------*/ #accessibility span { display:none; } #accessibility img { display:inline-block; } .acc_menu_toggle.acc_menu_toggle_pos2.white-button { display: inline-block; vertical-align: middle; cursor: pointer; padding: 5px; border: 1px solid #ddd; border-radius: 4px; } /*-------------Main Content-------------*/ #form div.alignLeft { width: 100%; } #form .selectProfile { margin-bottom: 0; display: table; padding-right: 0; height: 40px; line-height: 40px; } #form .selectProfile select { width: 130px; } #form .basicSearchForm .simpleSearchForm input.fullSize { width: 55%; } #content h1 { margin-bottom: 10px; height: auto; line-height: 25px; padding: 5px 10px; } .fb_iframe_widget { left: 65px; } /*-------------Right Filter Hide and Open-------------*/ #mainNav li.lastNavItem#right { display: none; } .mobile-nav { background:#fff; padding: 10px 0 10px 5px; display: inline-block; } #mobile-nav { vertical-align: middle; cursor: pointer; position: relative; padding: 10px; background-color: #f8f8f8; background-image: none; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; font-family: 'Rubik-Regular', sans-serif; } #mobile-nav .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #888; } #mobile-nav .icon-bar + .icon-bar { margin-top: 4px; } #openLimitPanel { display: inline-block; margin-right: 10px; vertical-align: middle; cursor: pointer; position: relative; padding: 10px; background-color: #f8f8f8; background-image: none; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; font-family: 'Rubik-Regular', sans-serif; } /*-------------Right Filter Hide and Open - button-------------*/ #top-nav li.lastNavItem#right { display: none; } .top-nav { background:#fff; padding: 10px; display: inline-block; } #logo {height: 50%} #top-nav { display: inline-block; vertical-align: middle; cursor: pointer; position: relative; margin-top: -40px; padding: 10px; background-color: #f8f8f8; background-image: none; border: 1px solid #ddd; border-radius: 4px; } #top-nav .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #888; } #top-nav .icon-bar + .icon-bar { margin-top: 4px; } /*-------------Right Filter Hide and Open - List--------------*/ #layoutTable td.menuColumn { width: 91%; margin: 0 auto 20px auto; box-shadow: none; height: auto;} #navBarContainer { display: table; } #layoutTable td.contentColumn { display: table; width: 100%; } /*-------------Top Filter for Mobile-------------*/ .results_list_toolbox:nth-child(2) { display: none; } .top-filter { width: 90%; margin: 0 auto; display: table; } .results_list_toolbox div.recordsNav div.alignRight { float: none; text-align: left; vertical-align: middle; } .results_list_toolbox div.recordsNav div.alignRight span { display: none; } /*-------------Input-------------*/ input[type="checkbox"] + label { margin: 5px 5px 0 5px; } input[type=text], input[type=password] { width: 200px; } #layoutTable td.main-form input[type=text] { width: 185px; } #form .buttons input.submit, .sap_button { padding: .48571429em 0.8em .48571429em } #form .buttons input, .sap_button2 { padding: .48571429em 0.8em .48571429em; font-size: 100% !important; } /*-------------Top Search-------------*/ .searchBox { padding-top: 10px; padding-bottom: 15px; text-align: center; } .searchBox input { max-width: 150px; margin: 5px 10px 0 0; } .searchBox input.button { width: auto; } #langNav.langnav_pos2 { position: relative; left: 0; right: 0; width: 100%; text-align: right; height: 70px; line-height: initial; background: #fff; } #langNav.langnav_pos2 .lastNavItem { padding-right: 10px; } #langNav.langnav_pos2 .lastNavItem .enter-button { left: 0; } a.acc_menu_toggle_pos2 { left: 0; top: 85px; z-index: 99999999; } /*-------------Top Sort for Mobile-------------*/ #Sort_by label { display:none; } .resultSum { display: table; width: 100%; margin: 0; height: 40px; line-height: 40px; padding: 0; } .resultSum div.alignRight select { width: auto; font-size: 100%; } .resultSum div.alignLeft, .resultSum div.alignRight { float: none; font-size: 80%; } /*-------------Top Search for Mobile-------------*/ #mainNav { display: none; height: auto; line-height: 45px; } #mainNav li { display: block; font-size: 100%; border-bottom: solid 1px rgba(255,255,255,0.8); text-align: center; } #mainNav li a { border-left: 0 solid; } #topbar_tx { font-size: 100%; padding: 0; text-align: center; } .mobile-lang-eng { display: inline-block; padding-left: 20px; font-size: 90% !important; background: url(../images/us.png) no-repeat left center; margin-left: 15px; color: #374A91 !important; float: left; clear: left; } .results_list_toolbox div.recordsNav div.alignLeft { padding: 0 5px; text-align: right; float: none; display: inline-block; } .results_list_toolbox .title { padding: 10px 0 10px 0; } #topbar img.logo { padding-right: 0; width: 50px; } #topbar { display: block !important; } /*-------------Top Search Log Out for Mobile-------------*/ #mainNav1 li.lastNavItem#right { display: none; } #mainNav1 { display: none; height: auto; line-height: 45px; } #mainNav1 li { display: block; font-size: 100%; border-bottom: solid 1px rgba(255,255,255,0.8); float: none; } #mainNav1 li a { border-left: 0 solid; } /*-------------Top Button Filter Hide and Open - button-------------*/ .menuColumn { display: table; } #mobile-nav-menu { display: inline-block; } #mobile-nav-menu .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #888; } #mobile-nav-menu .icon-bar + .icon-bar { margin-top: 4px; } /*-------------Search Form-------------*/ #form .basicSearchForm .simpleSearchForm select { width: 70px } /*-------------Limit Panel-------------*/ #content #limitPanel { top: 0; left: 40px; display: none;} /*-------------Basic Search-------------*/ .search-item { bottom: 35px; left: 20px; } /*-------------Focus on Item-------------*/ #itemTabs li { padding-left: 8px; padding-right: 0; } #itemTabs li.action { display: none; } #itemTabs li.action span { display: none; } #item div.itemData, .ls_itemWidgets2, #item div.itemFooter { display: table-row } .ls_itemWidgets2 { width: 100%; } #item div.archiveTree { border-radius: 0; font-size: 100%; } #item div.itemData a { display: block; font-size: 100%; word-break: break-word; } #moreinfo1 { max-width: 100%; margin-bottom: 10px; } #item div.visual { margin-bottom: 15px; } #item table.commentsRankTable td.relationIcon { width: auto; } #content h1 a, #content h1 span { font-size: 0.9rem; } #item table.records td { border-bottom: solid #eee 1px; padding: 10px 0; } #item table.commentsRankTable td.similarItems { width: 16px; } #content div.itemPagination { float: none; text-align: left; margin-top: 5px; background: #eeeeee8f; height: 40px; line-height: 40px; padding-left: 10px; } #item div.thumbs img { max-width: 90%; } #item div.thumbs { margin-right: 0; } #item div.visual div { word-break: break-word; } .mobile-action { display: block; margin-top: 10px; } .mobile-action select { width: 40%; } .visual, .rank { display: none; } .item-image-mobile { display: block; } .visual-mobile { margin-top: 20px; text-align: center; border: 1px solid #D1D1D3; height: auto; } .visual-mobile img { max-width: 100%; } .rank-mobile { margin: 10px 0;} .rank-mobile img { margin: 0 10px; vertical-align: middle; } /*-------------Item tabs List-------------*/ #itemTabsDetails { line-height: 25px; } #itemTabsList{ display: table; } #itemTabsList li { display: table-cell; padding: 0 10px ; } /*-------------Security Details List-------------*/ #securityDetails { margin-bottom: 5px; } #securityDetails li { min-width: auto; } #securityDetails li a span { display: none; } /*-------------Copies Info-------------*/ #copies-info-table { padding: 0.5rem; } .copies-info-wrap h1 { font-size: 100%; } #copies-info-table ul { display: table; width: 100%; } #copies-info-table ul li:first-child { border-top-left-radius: 0; border-top-right-radius: 0; background: #eee; vertical-align: top; } #copies-info-table ul li { display: table-cell; padding: 0; } #copies-info-table ul li span, #copies-info-table ul li strong { font-size: 100%; display: block; text-align: right; font-weight: normal; padding: 0.5rem; height: 100px; } /*-------------Send by Mail-------------*/ #form div td select.fullSize{ width: 80%; } #form div td input.fullSize1{ width: 100%; } #message #form { width: 100%; padding: 10px; } #form div .login td { padding: 0; } #form table.login td.loginLabel { width: 100px; } /*-------------Gallery-------------*/ .carousel-control.left .glyphicon, .carousel-control.right .glyphicon { font-size: 4.5em; } .carousel-caption.top { position: relative; top: 0; } /*-------------Results List-------------*/ #results_list table.digital-code tr.underline td:first-child, #results_list table.digital-code tr.underline td:nth-child(2) { font-size: 0.8rem; } #results_list table.digital-code th { padding-left: 10px; font-size: 0.9rem; } #results_list .digital-code th:first-child, #results_list .digital-code td:first-child { width: auto; } #results_list .code .code-box:first-child { width: auto; margin-bottom: 20px; } #results_list .code .code-box.between { display: none; width: auto; } #results_list .code .code-box { display: block; vertical-align: top; padding: 0 0 10px 0; border: solid 0; } /* Force table to not be like tables anymore */ #results_list table.digital-item { border: solid 1px #eee; } #results_list table.digital-item, table.digital-item thead, table.digital-item tbody, table.digital-item th, table.digital-item td, table.digital-item tr { display: block; } #results_list table.digital-item tr.title { display: none; } #results_list table.digital-item tr:last-child { border-bottom: solid 0; } #results_list table.digital-item tr { border-bottom: solid 2px #82bbd6; } /* Hide table headers (but not display: none;, for accessibility) */ #results_list table.digital-item thead tr { position: absolute; top: -9999px; left: -9999px; } #results_list table.digital-item td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-right: 35% !important; } #results_list table.digital-item td:last-child { border-bottom: 0 solid; } #results_list table.digital-item td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; right: 6px; width: 30%; padding-left: 10px; white-space: nowrap; } /* Label the data */ #results_list table.digital-item td:before { font-family: "Rubik-Medium"; color: #393e44; } /* #results_list table.digital-item td:nth-of-type(1):before { content: "????????:" } #results_list table.digital-item td:nth-of-type(2):before { content: "????????:"; } #results_list table.digital-item td:nth-of-type(3):before { content: "Isbn:"; } #results_list table.digital-item td:nth-of-type(4):before { content: "?????????? ??????????:"; } #results_list table.digital-item td:nth-of-type(5):before { content: "???????????? ????:"; } #results_list table.digital-item td:nth-of-type(6):before { content: "??????:"; } */ /*-------------General-------------*/ #pushcontentwrapper { display: table; width: 100%; position: relative; height: 100%; } .white-button { min-width: auto; } .login-descr { font-size: 0.85rem; } } #mytooltip{ font-size: 16px; margin-top: -20px; } span#login-help { font-size: 8px; position: relative; top: 21px; font-size: 18px !important; float: left; text-decoration: underline !important; vertical-align: top; margin-top: -50px; padding-left: 20px; color: red; } a.client-app-multimedia { font-size: 120%; color: #5DBCD2; font-weight: 500; } a.client-app-multimedia-item { font-size: 80%; color: #5DBCD2; } .container-lightbox .panel-heading.lightbox a.client-app-item { font-size: 80%; color: #5DBCD2; font-weight: normal; } .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { font-size: 12px; width: 150px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; margin-top: -17px; margin-left: 20px; transition: opacity 0.3s; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-top: -36px; margin-left: -85px; border-width: 5px; border-style: solid; border-color: transparent #555 transparent transparent ; } .form-control1 { display: block; width: 500px; height: 83px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } #input-label-cbx { font-size: 14px; } input#main_pict_0.input-img-cbx { } input#b_send_0.disabled { opacity: .65; }