body { margin: 0px; background: white; } form { display: inline; } img { max-width: 100%; height: auto; border: none; vertical-align: middle; } iframe { max-width: 100%; } body , table , td , input , select , textarea { font-family: alef, arial; color: black; font-size: 14px; } input,select,textarea { margin: 0px; padding: 0px; vertical-align: middle; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'Alef'; src: url('fonts/Alef-Bold.eot'); src: url('fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Alef-Bold.woff') format('woff'), url('fonts/Alef-Bold.ttf') format('truetype'), url('fonts/Alef-Bold.svg#alefbold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Alef'; src: url('fonts/Alef-Regular.eot'); src: url('fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Alef-Regular.woff') format('woff'), url('fonts/Alef-Regular.ttf') format('truetype'), url('fonts/Alef-Regular.svg#alefregular') format('svg'); font-weight: normal; font-style: normal; } ::-webkit-input-placeholder { color: #003366; } :-moz-placeholder { color: #003366; } ::-moz-placeholder { color: #003366; } :-ms-input-placeholder { color: #003366; } .SocialButtonsTable > tbody > tr > td { vertical-align: top; } .SocialButtonsRow { vertical-align: top; height: 30px; overflow: hidden; } .twitter-share-button { width: 65px !important; } .fb-share-button, .fb-comments , .fb-like-box { direction: ltr; } .fb-comments, .fb-comments span, .fb-comments iframe { width: 100% !important; } .fb-like-box, .fb-like-box span, .fb-like-box iframe { width: 100% !important; } .fb-like-frmae { width: 90px; } .share_on_fb { border: 1px solid #CAD4E7; text-decoration:none; border-radius: 3px 3px 3px 3px; color: #3B5998; display: inline-block; font-family: tahoma; font-size: 9px; height: 18px; line-height: 18px; text-indent: 13px; padding: 0px 5px 0px 5px; margin-left: 5px; background: #ECEEF5 url(images/fb.png) right center no-repeat; } .share_on_fb:hover { text-decoration:none; border: 1px solid #9DACCE; color: #3B5998; } /* * { -webkit-user-select: none; } */ .VoyageAdvancedSearch { } .VoyageAdvancedSearch.open .caption .show { display: none; } .VoyageAdvancedSearch.close .caption .hide { display: none; } .VoyageAdvancedSearch.close .body { display: none; } .VoyageAdvancedSearch .caption { position: relative; cursor: pointer; border-bottom: 1px solid #003366; margin-bottom: 5px; } .VoyageAdvancedSearch .caption .text { color: white; font-weight: bold; padding: 0px 5px 0px 5px; display: inline-block; height: 19px; line-height: 19px; background: #003366; } .VoyageAdvancedSearch .caption .hide { text-align: left; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 100px; height: 19px; line-height: 19px; } .VoyageAdvancedSearch .caption .show { text-align: left; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 100px; height: 19px; line-height: 19px; } .VoyageAdvancedSearch .body { margin: 0px auto; max-width: 400px; } .VoyageAdvancedSearch .body .FormTable { width: 100%; } .VoyageAdvancedSearch .body .FormTable > tbody > tr > td { padding: 5px; vertical-align: top; line-height: 25px; } .VoyageAdvancedSearch .inp-text { display: block; border: 1px solid #ABADB3; width: 100%; height: 25px; text-indent: 5px; } .VoyageAdvancedSearch .inp-select { display: block; border: 1px solid #ABADB3; width: 100%; height: 25px; } .VoyageAdvancedSearch .inp-date { display: block; border: 1px solid #ABADB3; width: 100px; height: 25px; text-align: center; direction: ltr; } .VoyageAdvancedSearch .inp-button { background: #003366; color: white; font-weight: bold; height: 25px; padding: 0px 5px 0px 5px; border: none; display: inline-block; height: 25px; text-align: center; } .VoyageAdvancedSearch .required { font-weight: bold; color: red; } .VoyageAdvancedSearch .buttons { text-align: left; } .MessageBox { background: white; border: 1px solid #A4B9C3; padding: 20px; text-align: center; margin: 10px 0px 10px 0px; } .VoyageSearchDetails { background: white; padding: 10px; margin: 10px 0px 10px 0px; } .VoyageSearchDetails .FieldsTable { } .VoyageSearchDetails .FieldsTable td { padding: 5px; } .VoyageSearchDetails .FieldsTable td.value { color: #0066FF; } .VoyageSearchResults { margin-top: 10px; border-bottom: 1px solid #CFDBE1; } .VoyageSearchResults .ListTable { width: 100%; } .VoyageSearchResults > .ListTable > thead > tr > td { padding: 4px; border: 1px solid #E8F2F7; } .VoyageSearchResults > .ListTable > thead > tr > td { background: #003366; color: white; font-weight: bold; text-align: center; } .VoyageSearchResults > .ListTable > tbody > tr > td { padding: 4px; border: 1px solid #E8F2F7; } .VoyageSearchResults > .ListTable > tbody > tr.sail_caption > td { cursor: pointer; text-align: center; } .VoyageSearchResults > .ListTable > tbody > tr:nth-child(4n+3) > td { background: #E3F0F6; } .VoyageSearchResults > .ListTable > tbody > tr:nth-child(4n+1) > td { background: #CFDBE1; } .VoyageSearchResults > .ListTable > tbody > tr.sail_caption:hover > td { background: #0066FF; color: white; } .VoyageSearchResults > .ListTable > tbody > tr > td.icon-mode-td { width: 22px; padding: 0px; border-left: none; } .VoyageSearchResults > .ListTable > tobdy > tr > td.icon-mode-after { border-right: none; } .VoyageSearchResults .ListTable .icon-mode { display: inline-block; margin: 0px; padding: 0px; height: 23px; line-height: 23px; vertical-align: middle; width: 100%; background-repeat: no-repeat; background-position: center center; } .VoyageSearchResults > .ListTable > tbody > tr:hover .icon-mode { background-color: #0066FF !important; } .VoyageSearchResults > .ListTable > tbody > tr:nth-child(4n+1) .icon-mode { background-color: #A4B9C3; } .VoyageSearchResults > .ListTable > tbody > tr:nth-child(4n+3) .icon-mode { background-color: #CFDBE1; } .VoyageSearchResults > .ListTable > tbody > tr.closed .icon-mode { background-image: url(images/arrow-close.png); } .VoyageSearchResults > .ListTable > tbody > tr.opened .icon-mode { background-color: #A4B9C3; background-image: url(images/arrow-open.png); } .VoyageSearchResults > .ListTable > tbody > tr.sail_caption.opened > td { border-bottom: none; } .VoyageSearchResults > .ListTable > tbody > tr.sail_content { display: none; } .VoyageSearchResults > .ListTable > tbody > tr.sail_content.opened { display: table-row; } .VoyageSearchResults > .ListTable > tbody > tr.sail_content > td { padding: 0px; border-top: none;} .VoyageSearchResults > .ListTable > tbody > tr.sail_content > td .Loader { background: #A4B9C3; padding: 50px; text-align: center; color: white; font-weight: bold; } .VoyageSearchResults > .ListTable > tbody > tr.sail_content > td .Buttons { display: none; background: #ffffff; padding: 25px 0px 25px 0px; } .DataTableC { width: 100%; direction: ltr; } .DataTableC .row-caption > td { background: #A4B9C3; padding: 5px; } .DataTableC .row-caption .first { color: white; font-weight: bold; direction: rtl; text-align: right; padding-right: 15px; } .DataTableC .row-info > td { background: #FFFFFF; padding: 30px; } .DataTableC .row-info .first { vertical-align: top; } .DataTableC .row-info .first div { min-height: 24px; line-height: 24px; color:#003366; } .DataTableC .row-info .first .colname { white-space:nowrap; } .DataTableC .row-info .first div.caption { font-weight: bold; } .DataTableC .row-info .first div a { color:#0066FF; } .DataTableC .row-info .last { width: 40%; vertical-align: middle; text-align: center; border-left: 1px solid #CFDBE1; } .DataTableC .row-line > td { background: #FFFFFF; padding: 30px; } .DataTableC .row-line .first { vertical-align: top; } .DataTableC .row-line .first div { min-height: 24px; line-height: 24px; color:#003366; } .DataTableC .row-line .first div.caption { font-weight: bold; } .DataTableC .row-line .first div a { color:#0066FF; } .DataTableC .row-line .last { width: 40%; vertical-align: top; border-left: 1px solid #CFDBE1; } .DataTableC .row-line .last div { min-height: 24px; line-height: 24px; color:#0066FF; } .DataTableC .row-line .last div.caption { color:#003366; } .DataTableC .row-sep > td { background: #CFDBE1; } .DataTableC .row-sep .first { direction: rtl; text-align: right; padding-right: 15px; } .DataTableC .row-sep .first .icon { width: 23px; display: inline-block; margin: 0px; padding: 0px; height: 23px; line-height: 23px; vertical-align: middle; background: url(images/arrow-open.png) center center no-repeat; } .ButtonType1 { text-decoration: none; cursor: pointer; display: inline-block; } .ButtonType1 .icon { margin-left: 3px; vertical-align: middle; width: 18px; height: 19px; display: inline-block; background: #003366 url(images/arrow-close-dark.png) left center no-repeat; } .ButtonType1 .text { padding: 0px 5px 0px 5px; line-height: 19px; vertical-align: middle; height: 19px; color: white; display: inline-block; background: #003366; } .ButtonType2 { padding: 0px 5px 0px 5px; line-height: 19px; vertical-align: middle; height: 19px; color: white; text-decoration: none; cursor: pointer; display: inline-block; background: #0066FF; } .ButtonContainer1 { margin: 10px 0px 10px 0px; } .bold { font-weight: bold; } .center { text-align: center; } .DisplayToggleHandler { cursor: pointer; } .DisplayToggleContainer { display: none; } .DataTableA { direction: ltr; max-width: 400px; margin: 0px auto 15px auto; width: 100%; } .DataTableA > tbody > tr > td { padding: 5px; border-bottom: 1px solid #003366; } .DataTableA > tbody > tr > td:first-child { border-left: 1px solid #003366; } .DataTableA > tbody > tr > td:last-child { border-right: 1px solid #003366; } .DataTableA > tbody > tr > td.caption { background: #003366; color: white; font-weight: bold; text-align: center; } .DataTableA > tbody > tr > td.title { background: #CFDBE1; } .DataTableA > tbody > tr > td.blank { border-right: none; border-left: none; text-align: center; } .DataTableA > tbody > tr > td.arrowdown { background: url(images/arrow_down.gif) center center no-repeat; height: 18px; } .DataTableA > tbody > tr > td.colwidth { width: 50%; } .DataTableA > tbody > tr > td.rowtitle { text-align: center; vertical-align: middle; } .DataTableA > tbody > tr > td.value { background: #E3F0F6; } .DataTableB { direction: ltr; width: 100%; } .DataTableB > tbody > tr > td { padding: 5px; } .DataTableB > tbody > tr > td.colwidth { width: 50%; } .ContactForm > table { width: 100%; max-width: 320px; margin: 0px auto; } .ContactForm > table > tbody > tr > td { vertical-align: top; padding: 5px; } .ContactForm > table > tbody > tr.buttons > td { text-align: center; } .ContactForm .error { background: #F6C3C8; padding: 2px; line-height: 20px; font-weight: bold; color: red; border: 1px solid red; } .ContactForm .required { font-weight: bold; color: red; } .ContactForm .input_text { padding: 2px; height: 20px; line-height: 20px; width: 100%; border: 1px solid #ABADB3; background: white; } .ContactForm .input_area { padding: 2px; height: 60px; line-height: 20px; width: 100%; border: 1px solid #ABADB3; background: white; } .ContactForm .input_button { border: none; background: #003366; padding: 5px; color: white; font-weight: bold; } .sitemap { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } .sitemap li { padding: 5px 10px 5px 10px; } .sitemap a { color: #78878E; text-decoration: none; } .sitemap a:hover { text-decoration: underline; } .sitemap > ul > li > a { color: #0066FF; font-weight: bold; } .sitemap > ul > li > ul > li > a { color: #003366; } .article_tag { border: 1px solid #CAD4E7; text-decoration:none; border-radius: 3px 3px 3px 3px; color: #3B5998; display: inline-block; font-size: 12px; min-height: 18px; line-height: 18px; padding: 0px 5px 0px 5px; margin: 2px; } #FooterMenu ul { list-style: none; } #MaskBox { display: none; background: rgba(0,0,0,0.75); z-index: 99999; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; } #MaskBox .MaskBokxWrapper { text-align: center; height: 100%; } #MaskBox .MaskBokxWrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } #MaskBox .MaskBokxFrame { text-align: right; position: relative; display: inline-block; vertical-align: middle; } #MaskBox .MaskBokxFrame { width: 80%; background: white; } #MaskBox .MaskBokxFrame .Caption { color: white; font-size: 18px; padding: 10px; background: #003366; min-height: 18px; } #MaskBox .MaskBokxFrame .Content { width: 100%; height: 500px; } #MaskBox .MaskBokxFrame .Close { cursor: pointer; color: white; font-weight: bold; font-size: 36px; vertical-align: middle; position: absolute; left: 0px; top: 0px; padding: 0px; text-indent: 5px; direction: ltr; } /* -------------------------------------------------- */ body{ direction: rtl; background: #A4B9C3; } .ResponsiveDummy { display: none; } /* -------------------------------------------------- */ .PhonebookFilter { margin: 0px auto 20px auto; border: 1px solid #CCE4EE; max-width: 320px; padding-bottom: 10px; } .PhonebookFilter .caption { font-weight: bold; padding: 5px; background: #CCE4EE; } .PhonebookFilter .row { text-align:center; padding: 10px 10px 0px 10px; } .PhonebookFilter .row select { min-width: 150px; } .PhonebookTable { border-collapse: collapse; width: 100%; } .PhonebookTable td.strno { white-space: nowrap; } .PhonebookTable tr.cols td { font-weight: bold; background: #CCE4EE; } .PhonebookTable tr.branch td { border: none; } .PhonebookTable tr.branch .name { font-weight: bold; font-size: 18px; padding-top: 10px; } .PhonebookTable tr.branch .label { font-weight: bold; } .PhonebookTable tr.department td { background: #274B61; color: white; } .PhonebookTable td { border: 1px solid #CCE4EE; padding: 5px; } .PhonebookTable .contact:hover td { background: #CCE4EE; } .PhonebookTable .contact td:nth-child(3) { text-align: center; width: 100px; } .PhonebookTable .contact td:nth-child(4) { text-align: center; width: 24px; } .PhonebookTable .emailto { width: 24px; height: 24px; background: url(images/file_mail.gif) center center no-repeat; display: block; text-decoration: none; } /* -------------------------------------------------- */ .IframeBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .IframeBlock { margin:0px 0px 35px 0px; } .IframeBlock .label { border-top:1px solid #003366; margin-bottom:13px; } .IframeBlock .label span { color:white; padding:0px 9px 0px 9px; background:#003366; display:inline-block; height:19px; line-height:19px; } .IframeBlock .frame { background:white; } /* -------------------------------------------------- */ .MessagesTickerBlock { margin:0px 20px 35px 20px; } #LayoutContentSide .MessagesTickerBlock { margin:0px 0px 35px 0px; } .MessagesTickerBlock .label { border-top:1px solid #003366; margin-bottom:13px; } .MessagesTickerBlock .label span { color:white; padding:0px 9px 0px 9px; background:#003366; display:inline-block; height:19px; line-height:19px; } .MessagesTickerBlock .MessagesTickerContainer { background:white; position: relative; overflow: hidden; } .MessagesTickerBlock .MessagesTickerContainer .message { padding: 20px 10px 10px 10px; border-bottom: 1px solid #dddddd; display: block; text-decoration: none; color: #333333; } .MessagesTickerBlock .MessagesTickerContainer .message:hover { background: rgba(0,0,0,0.05) } .MessagesTickerBlock .MessagesTickerContainer .message .logo { padding-bottom: 10px; text-align: center; height: 32px; overflow: hidden; } .MessagesTickerBlock .MessagesTickerContainer .message .logo img { max-height: 32px; } .MessagesTickerBlock .MessagesTickerContainer .message .title { text-align: center; } .MessagesTickerBlock .MessagesTickerContainer .message .date { color: #999999; text-align: center; } .MessagesTickerBlock .MessagesTickerOptions { margin-top: 1px; padding: 5px 5px 1px 5px; background: #eeeeee; } .MessagesTickerBlock .MessagesTickerOptions select { width: 100%; display: block; margin-bottom: 5px; } /* -------------------------------------------------- */ .CommentsForm { margin: 20px auto 20px auto; max-width: 300px; } .CommentsForm .title { font-weight: bold; color: #444444; display: block; margin-bottom: 10px; width: 100%; box-sizing: border-box; padding: 10px; font-size: 16px; } .CommentsForm .input-text { color: #444444; display: block; margin-bottom: 10px; width: 100%; box-sizing: border-box; padding: 10px; font-size: 16px; background: white; border: 1px solid #cccccc; } .CommentsForm .input-area { min-height: 80px; color: #444444; display: block; margin-bottom: 10px; width: 100%; box-sizing: border-box; padding: 10px; font-size: 16px; background: white; border: 1px solid #cccccc; } .CommentsForm .input-button { color: #444444; margin-bottom: 10px; box-sizing: border-box; padding: 10px; font-size: 16px; background: #cccccc; border: none; } .CommentsForm .input-button:hover { color: #eeeeee; background: #444444; } .CommentsForm .error { border: 1px solid red; } .CommentsForm .buttons { text-align: left; } .CommentsCaption { font-weight: bold; color: #444444; display: block; margin-bottom: 10px; width: 100%; box-sizing: border-box; padding: 10px; font-size: 16px; } .CommentRow { font-size: 0px; border-bottom: 1px solid #eeeeee; padding: 5px; } .CommentRow .no { vertical-align: top; display: inline-block; } .CommentRow .no .label { color: #666666; background: #cccccc; text-align: center; width: 32px; height: 32px; line-height: 32px; font-size: 16px; } .CommentRow .content { max-width: 80%; padding: 0px 5px 0px 5px; vertical-align: top; display: inline-block; font-size: 14px; } .CommentRow .content .name { color: #666666; font-weight: bold; } .CommentRow .content .text { color: #444444; } .CommentRow .dates { padding: 5px; text-align: center; float: left; vertical-align: top; display: inline-block; font-size: 12px; color: #888888; } /* -------------------------------------------------- */