/* *** [Reset] ******************************************************************** */ * { margin: 0; padding: 0 } body { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #022a4C } h1, h2, h3 { color: #103f74; font-size: 18px; } h2 { } h3 { } h4 { } h5 { color: #103F74; font-size: 8pt; line-height: 10pt; } h6 { } hr { width: 400px; margin: 15px auto; border: 0; border-bottom: 2px dotted #000; clear: both; } p { margin: 0px 0 10px 0; font-size: 9pt; line-height: 11pt; } ul { list-style: none; } blockquote { } a { color: #0070b9; } a img { border: 0; } a:focus { } a:link { } a:visited { } a:hover { color: #a1bc01; } /*a:focus {outline: 2px solid gold !important;}*/ fieldset { border: 0; } /* *** [Homepage] ******************************************************************** */ /* ---[ Sharepoint Tools ]--------------------------------------------- */ #sp-header { } span.container-sharepoint-panel { display: block; } span.container-sharepoint-panel div.init { position: absolute; top: 0; z-index: 1; } #sp-tools { height: 30px; background: url(../Images/Backgrounds/bg-sp-tools.gif) repeat-x bottom left; } #sp-tools-login { float: left; padding: 5px 15px 0 5px; } #sp-tools-action-menu { float: right; padding: 5px 15px 0 5px; } #container-sharepoint-authoring-panel { display: block; } #container-sharepoint-authoring { } #container-sharepoint-authoring table.ms-consoleframe { border: none; padding-bottom: 20px; background: url(../Images/Backgrounds/bg-sharepoint-authoring.png) repeat-x bottom left; } #container-sharepoint-authoring table.ms-consolestatusframe { border-bottom: none; } /* *** [Usable Classes] ******************************************************************** */ .offs { position: absolute; left: -9999px; top:0; } /* offs = offscreen */ .msg { color: #900!important; } .msg-2 span { color: #900!important; } .btn { } /* ---[ Clearfix ]-------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* *** [Master Layout] ******************************************************************** */ /* ww = wrapper of the wrapper */ #ww { background:url(../Images/Backgrounds/bg-hd.png) repeat-x; } /* wc = content wrapper - home page */ #wc { position: relative; width: 820px; margin: 0 auto; padding-top: 100px; } /* wc = content wrapper - base page page */ #ww div.bs-pg { width: 760px; } /* *** [Header] ******************************************************************** */ #hd { position: relative; height: 50px; z-index: 100; } #logo { position: absolute; top: 0px; left: 360px; width:100px; height: 100px; background:url(../Images/Logos/logo-iata.png) no-repeat;} .logo-iatan { background: url(../Images/Logos/logos.png) 0px -11px no-repeat; position: absolute; top: 1px; left: 0; display: block; width: 50px; height: 45px; } /* *** [Main navigation] ******************************************************************** */ #mn-nav { position: absolute; top: 18px; left: 65px; width: 575px; height: 20px; } #mn-nav h2 { float: left; display: inline; font-size: 12px; padding: 2px 17px; background: url(../Images/Icons/icons.png) no-repeat -4px -105px; } #mn-nav h2 a { cursor: default; color: #1b4674; text-decoration: none;} #mn-nav h2 a:hover { color: #a1bc01;} #mn-nav h2.first { padding-left: 0; background: none; } #mn-nav h2.last { padding-right: 0; background: url(../Images/Icons/icons.png) no-repeat -4px -155px; } #mn-nav h2.last a { color: #0093D3; } #mn-nav ul { float: left; position: absolute; padding: 0 0px 10px 10px; top: 17px; left: -9999em; width: 130px; background: url(../Images/Backgrounds/dropmenu_bg.png) no-repeat #fff; border-bottom: 1px solid #DDDDDD; } #mn-nav ul li { padding: 7px 0 0 0px; width: 124px; } #mn-nav ul li a { /*background: url(../Images/Icons/icons.png) -2px -377px no-repeat;*/background: url(../Images/Icons/icon-3.png) 2px 5px no-repeat; font-size: 8pt; color: #078EC8; display: block; padding-left: 9px; width: 115px; text-decoration: none; } #mn-nav ul li a:hover { color: #a1bc01;} #mn-nav ul.offs { left: -9999em; } #mn-nav div { float: left; border: 1px solid #fff; } #mn-nav div.col2 { } #mn-nav div.col2 .bg-menu { z-index: 11; float: left; width: 300px; position: absolute; left: -9999em; top: 20px; background: url(../Images/Backgrounds/bg-prog-dropmenu.png) left bottom no-repeat; border-bottom: 1px solid #DDDDDD; } #mn-nav div.col2 .first { z-index: 12; top: 0; width: 140px; } #mn-nav div.col2 .sec { z-index: 13; top: 0; width: 137px; } #mn-nav div.col2 ul { background: none; border: none; } #mn-nav div.col2 .first li.first a, #mn-nav div.col2 .sec li.first a { background: none; padding-left: 0; font-weight: bold; } #mn-nav div.col2 .first li.first, #mn-nav div.col2 .sec li.first { padding-left: 0; } /* *** [Sub navigation] ******************************************************************** */ #sub-nav { position: absolute; top: 0px; left:0; height: 20px; } #sub-nav ul { clear: both; } #sub-nav ul li { float: left; padding: 2px 8px 0 10px; } #sub-nav li.first { padding-left: 0; background: none; } #sub-nav li.last { } #sub-nav li a { text-decoration: none; } #sub-nav li a:hover { text-decoration: underline; } /* *** [Search] ******************************************************************** */ #srch { position: absolute; left: 642px; top: 10px; right: 0px; height: 20px; width: 170px; } #srch fieldset { position: absolute; height: 20px; width: 168px; top: 6px; right: 52px; } #srch legend { line-height: 0; height: 0; text-indent: -9999em;} #srch input.srch-txt { position: absolute; left: 0; top: 0; border: 1px solid #7f9db9; display: block; font-size: 8pt; color: #A6B2BC; width: 110px; height: 15px; padding-left: 5px; padding-top: 1px; } .btn-srch { font-family: arial; font-weight: bold; text-align: center; cursor: pointer; margin-left: 3px; font-size: 8pt; width: 45px; padding-bottom: 2px; height: 18px; position: absolute; right: 0; top: 0px; background-color: #96D1F3; color: #fff; border: #65A6D0 solid 1px; } /* *** [Content] ******************************************************************** */ /* content - home page */ #ct { position: relative; z-index: 0; background: url(../Images/Backgrounds/bg-top-container.png) 0 0 no-repeat; height: 370px; padding-bottom: 0px; } /* content - Base Page */ .bs-pg #ct { background: none; margin-top: 20px; height: auto; } .bs-pg #ct h3 { font-size: 11pt; } .bs-pg #ct .col-1 h3 { font-size: 9pt; } .bs-pg #ct .col-1 h1 { font-size: 11pt; margin: 10px 0 9px 0; } .bs-pg #ct .col-1 td h1 { margin: 0px 0 9px 0; } .banner { position: relative; width: 601px; height: 138px; border-bottom: 1px solid #C9DAE2; background: url(../Images/Banners/bg-banners.jpg) 0 0 no-repeat; } .banner h1 { position:absolute; top: 25px; left: 0; font-style: normal; font-weight: normal; font-size: 21px; } .banner h1 span { font-style: normal; font-weight: bold; width: 222px; font-size: 12px; display: block; margin-top: 8px; } #ct .flash { margin: 0 auto; width: 780px; height: 326px; position: relative; z-index: 1; } #ct .pub { margin: 0; position: absolute; bottom: 10px; left: 17px; } #ct table.cust { width: 100%; border-collapse: collapse; margin-bottom: 10px; } #ct table.cust, #ct table caption.cust { text-align: left; } #ct table.cust caption { background-color: #e5f1f9; padding: 5px 8px; font-weight: bold; border-top: solid 1px #d7e2eb; border-bottom: solid 1px #d7e2eb; } #ct table.cust td, #ct table.cust th { border-bottom: solid 1px #d7e2eb; padding: 5px 8px; vertical-align: bottom; color: #49515E; font-weight: normal; } #ct table.cust strong { display: block; margin-bottom: 3px; } #ct table.cust a { /*background: url(../Images/Icons/icons.png) -2px -228px no-repeat;*/ padding-left: 10px; display: block; margin: 5px 0; } /*event table layout */ #ct table.event a { background: none; padding: 0; margin: 0; } /*CSS from the old site to maintain the retrocompatibility - table layout */ table.noborder { margin-bottom: 5px!important; } table.noborder, .formtable { border:1px solid #E5EDF4; border-collapse:collapse; border-spacing:0; margin-top:10px; padding-bottom:15px; width:100%; } table.noborder, table tr.noborder, table tr td.noborder, table tr.noborder td, table.noborder tr td { border:0 solid #FFFFFF; } table.target-2 tbody td { padding: 7px 2px 7px 4px; } #ct table.target tbody th { background-color: #FCFCFC; border: 1px solid #E5EDF4; color: #000; font-family: Arial,Helvetica,sans-serif; font-size: 8pt; font-weight: bold; padding: 7px 2px 7px 4px; } #ct table.target tbody th h3 { color: #103F74; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: bold; padding: 0; } #ct table.target tbody th h3 a { font-size: 8pt;} #ct table.target tbody th h3 span { color: #000; font-family: Arial,Helvetica,sans-serif; font-size: 8pt; font-weight: bold; padding: 0; } table.basictable { background-color: #FFFFFF; width: 100%; border: 0px solid #C5D4E4; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; border-collapse: collapse;} table.basictable h5 { margin-bottom: 20px; } table.basictable tr td { color: #49515e; padding: 3px 5px 3px 5px; font: normal 8pt/12pt Arial, Helvetica, sans-serif; } table.basictable tr td.label { text-align: right; } table.basictable thead tr td, table tr.basicThead td { padding: 3px 5px 3px 5px; font: bold 8pt/12pt Arial, Helvetica, sans-serif; background-color: #93cdf0; color: #ffffff; text-align: left; border-bottom: 1px solid #D7E2EB; border-top: 1px solid #D7E2EB; } table.basictable thead tr td a:link, table.basictable thead tr td a:visited, table tr.basicThead td a:link, table tr.basicThead td a:visited { font: bold 8pt/12pt Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: underline; } table.basictable thead tr td a:hover, table tr.basicThead td a:hover { font: bold 8pt/12pt Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: underline; } /* blue bg*/ table.basictable tr.blue td { font: normal 8pt/12pt Arial, Helvetica, sans-serif; color: #022A4C; background-color: #FAFCFE; } table.basictable tr td.blue { font: normal 8pt/12pt Arial, Helvetica, sans-serif; color: #022A4C; background-color: #FAFCFE; } /*grey bg*/ table.basictable tr.grey td { font: normal 8pt/12pt Arial, Helvetica, sans-serif; color: #022A4C; background-color: #EDEEEE; } table.basictable tr td.grey { font: normal 8pt/12pt Arial, Helvetica, sans-serif; color: #022A4C; background-color: #EDEEEE; } /* thick */ table.basictable tr td.thick, table.basictable tr.thick td { padding: 5px 5px 5px 5px; } /* Th */ table.basictable tr th, table tr.basicTH td, .basicTH { padding: 3px 5px 3px 5px; font: bold 8pt/12pt Arial, Helvetica, sans-serif; background-color: #E5F1F9; color: #022A4C; text-align: left; border-top: 1px solid #D7E2EB; border-bottom: 1px solid #D7E2EB; } /* Verticaltal seperation */ table.basictable thead tr.vsep td, table.basictable thead tr td.vsep { border-right: 1px solid #C5D4E4; } table.basictable tr.vsep td, table.basictable tr.vsep th, table.basictable tr td.vsep, table.basictable tr th.vsep { border-right: 1px solid #E5F1F9; } /* White vsep*/ table.basictable thead tr.wvsep td, table.basictable thead tr td.wvsep { border-right: 1px solid #FFFFFF; } table.basictable tr.wvsep th, table.basictable tr th.wvsep { border-right: 1px solid #FFFFFF; } /* Horizontal seperation */ table.basictable tr.hsep th, table.basictable tr th.hsep { border-bottom: 1px solid #D7E2EB; } /* White hsep*/ table.basictable tr.whsep th, table.basictable tr th.whsep { border-bottom: 1px solid #FFFFFF; } /* basic form*/ table.basicform { border: 1px solid #E5EDF4; } table.basicform th { background-color: #fcfcfc; padding: 7px 2px 7px 4px; } /* / END of CSS from the old site to maintain the retrocompatibility - table layout */ #ct #ct-txt ul { font-size: 12px; margin-bottom: 15px; } #ct #ct-txt ul li { background: url(../Images/Icons/icons.png) 0 -184px no-repeat; padding: 5px 0 0px 20px; margin-bottom: 0px; } #ct #ct-txt ul.special li a { color: #18325A;} #ct #ct-txt ul li ul li { background: url(../Images/Icons/icon-5.png) 10px 10px no-repeat; padding: 5px 0 0px 20px; margin-bottom: 0px; } #ct #ct-txt ul.special li ul li a.blue { color: #0070B9; } #ct #ct-txt ol { font-size: 12px; margin-bottom: 15px; } #ct #ct-txt ol li { /*background: url(../Images/Icons/icons.png) 0 -221px no-repeat;*/ background: url(../Images/Icons/icon-2.png) 2px 7px no-repeat; list-style: none; padding: 5px 0 0px 12px; } #ct #ct-txt ol li a h3 { font-size: 9pt; } #ct #ct-txt ol li h3 { font-size: 9pt; } #ct dl.msg { margin-bottom: 10px;} #ct dl.msg dt, #ct dl.msg dd { float: left; height: 20px; } #ct dl.msg dt { width: 5%; font-size: 17px; } #ct dl.msg dd { width: 95%; } /* FAQ PAGE - layout particularities */ #ct .faq { margin-top: 20px; } #ct .faq .question { background: url(../Images/Icons/icons.png) 0 -190px no-repeat; padding-left: 18px; } #ct .faq .answer { margin-bottom: 10px; padding-left: 18px; } #ct #ct-txt table.basictable ol { padding: 0; margin: 0; } #ct #ct-txt table.basictable ol li { padding: 0 0 8px 12px; margin: 0; } #ct #ct-txt table.basictable ol li a { font-size: 8pt; } #ct #ct-txt table.basictable tr td { border-bottom: 1px solid #E5EDF4; } #ct #ct-txt table.noborder tr td { border-bottom: none; } /* Layout col 2 generic page */ #ct .col-2 .thumb, #ct .col-2 .link { float: left; height: 43px; margin-bottom: 15px; } #ct .col-2 .link { padding-top: 15px; width: 119px; height: 28px; margin-left: 15px; } /* Form contact us */ #ct fieldset { width: 100%; padding-bottom: 10px; } #ct fieldset legend.offs { height: 0; width: 0; line-height: 0; text-indent: -9999em; } #ct fieldset h2 { background-color: #93cdf0; color: #fff; margin: 0; font-size: 12px; padding: 5px 8px; font-weight: bold; margin-bottom: 10px; border-bottom: solid 1px #d7e2eb; border-top: solid 1px #d7e2eb;} #ct label { float: left; width: 125px; margin-right: 5px; min-height: 15px; height: auto!important; height: 15px; color: #000; text-align: right; line-height: 17px; } #ct label span { display: block; } #ct fieldset p { float: left; width: 10px; font-size: 17px; margin: 0 0 0 5px; vertical-align: middle; } #ct fieldset p.msg { height: 15px; } #ct fieldset div.sect { margin: 0 0 15px 0; float: left; width: 400px; } #ct fieldset div.split { float: left; margin: 0 0 15px 0; width: 400px; } #ct fieldset input, #ct fieldset select { border: solid 1px #6699cc; width: 225px; float: left; font-size: 11px;} #ct fieldset input { padding-left: 4px; padding-top: 2px; width: 221px; height: 15px; } #ct fieldset input.browse { width: 190px; height: 20px; margin-left: 2px; border: solid 1px #7c95a4; } #ct fieldset textarea { float: left; border: solid 1px #6699cc; width: 219px; height: 144px; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #ct fieldset .btn-sub { background: url(../Images/Buttons/btn-form.png) 0 0px; margin-left: 250px; padding: 0px 0px 0px 0px; height: 18px; width: 50px; border: solid 1px #7c95a4!important; } #ct fieldset .msg-2 { width: 345px; margin-top: 5px; margin-bottom: 13px; padding-right: 55px; text-align: right; color: #900; font-size: 8pt; } #ct fieldset .para { width: 345px; margin-top: 5px; margin-bottom: 0px; padding-left: 125px; text-align: left; color: #900; font-size: 8pt; } #ct fieldset div.sect.upload { margin-bottom: 0; } #ct fieldset .upload label { font-size: 10px; } #flash-nav { width: 820px; height: 80px; } /* *** [Content Box for main text = column for the main text + column for extra information] ******************************************************************** */ /* base page */ .bs-pg #ct-txt { float: right; width: 601px; border-top: 1px solid #C9DAE2; } .col-1 { float: left; width: 400px; font-size: 12px; } .col-2 { float: right; width: 170px; } /* col 2 content layout */ .row { height: 43px; margin: 0 0 15px 0; clear: both; } .row a { float: left; } .row a.lien-txt { margin-top: 14px; margin-left: 15px; } .row.join-iatan a.lien-txt { margin-top: 0; } .row.join-iatan div { margin-left: 15px; float: left; width: 110px; } .row.join-iatan div span { margin-left: 3px; color:#49515E; } /* *** [News Flash] ******************************************************************** */ #ct #ct-txt .news-flash ul { font-size: 11px; } /* *** [Banner] ******************************************************************** */ #ct-ban { width: 545px; height: 138px; margin: 0 0 20px 0; border: 1px solid #C9DAE2; border-left: 0; border-right: 0; background: url(../Images/Banners/banner-default.jpg) right top no-repeat;} #ct-ban h1 { color: #a1bc00; font-size: 24px; font-weight: normal; padding-top: 18px;} #ct-ban h2 { color: orange; font-size: 18px; font-weight: normal; padding-top: 0px;} /* *** [Content Box for section navigation] ******************************************************************** */ #ct-nav { float: left; border-top: 1px solid #C9DAE2; width: 143px; } #ct-nav li { /*background: url(../Images/Icons/icons.png) 0 -282px no-repeat;*/background: url(../Images/Icons/icon-4.png) 3px 9px no-repeat; padding: 4px 6px 3px 13px; border-bottom: #e1eefa solid 1px; } #ct-nav li a { text-decoration: none; } #ct-nav li a.selected { font-weight: bold; color: #103F74; } #ct-nav li a.selected:hover { text-decoration: none; } #ct-nav li a:hover { text-decoration: underline; } /* bc = breadcrumb */ #bc { color: #a3b8c0; font-size: 10px; margin-top: 10px; } /* *** [Search page results] ******************************************************************** */ .srch-res h1 { margin-bottom: 5px; } .srch-res p { font: 8pt/10pt Arial,Helvetica,sans-serif; } .srch-res p.kyw { margin-top: 16px; } .srch-res dl dt, .srch-res dl dd { font: 8pt/10pt Arial,Helvetica,sans-serif; padding: 2px 0px 2px 0px; } .srch-res dl dd { padding: 0px 0px 8px 24px; } .srch-res dl dt { padding-top: 9px;} .srch-res dl dt a { padding-left: 24px; display: block; min-height: 15px; height: auto !important; height: 15px; color: #0070B9; font: bold 8pt/10pt Arial,Helvetica,sans-serif; } .srch-res dl dt a:visited { color: #774199; } .srch-res dl dt a:hover { color: #a1bc01; } .srch-res dl dd a { margin-top: 3px; color: #6C7379; text-decoration: none!important; display: block; } .srch-res dl dd a:visted { color: #6C7379; } .srch-res dl dd a:hover { color: #6C7379; text-decoration: underline !important; } .srch-res dl .line { border-bottom: 1px solid #c9dae2; padding-bottom: 10px; } .srch-res .pager { position: relative; width: 100%; text-align: center; margin-top: 4px; font: 8pt/10pt Arial,Helvetica,sans-serif; } .srch-res .pager a.prev { position: absolute; top:0; left: 0; } .srch-res .pager a.next { position: absolute; top:0; right: 0; } .srch-res .msg { color: maroon; font-size: 13px; } .srch-res p.last { font-size: 13px; } .srch-res .pdf { background:transparent url(../Images/Icons/ico-srch-pdf.png) no-repeat left top; } .srch-res .url { background:transparent url(../Images/Icons/ico-srch-url.png) no-repeat 0 0; } .dotted-srch { background:transparent url(../Images/Backgrounds/bg-dotted-line.png) repeat-x left bottom; } /* *** [Footer] ******************************************************************** */ #ft { position: relative; border-top: #fff solid 1px; height: 26px; background-color: #00427C; } #ft ul { position: absolute; top: 9px; left: 15px; } #ft ul li { float: left; font-size: 9px; padding: 0; margin-right: 20px; } #ft li a { text-decoration: none; color: #fff; } #ft li.first { padding-left: 0;} #ft li.last { padding-right: 0; background: none;} #ft p { position: absolute; color: #fff; top: 7px; right: 40px; font-size: 7.5pt; margin: 0; } /* Footer base page */ .bs-pg #ft { background: none; } .bs-pg #ft ul { left: 116px; width: 643px; background: url(../Images/Backgrounds/bg-dotted-line.png) 0 0 repeat-x; padding: 2px 0; } .bs-pg #ft li a { color: #0070B9; background: url(../Images/Backgrounds/bg-dotted-vert.png) top right repeat-y; padding-right: 12px; } .bs-pg #ft li a:hover { color: #a1bc01; } .bs-pg #ft li.last a { background: none; padding-right: 0; } .bs-pg #ft li { padding: 10px 6px 0 6px; margin: 0; } .bs-pg #ft li.first { padding-left: 0;} .bs-pg #ft p { left: 116px; top: 32px; font-size: 7.5pt; color: #6E859A; font-weight: bold; line-height: 10pt; margin: 3px 0 0 0; } /* *** [News] ******************************************************************** */ div.col-1.news h2 { color:#A1BC00; font-family:Arial,Helvetica,sans-serif; font-size: 13px; } /* *** [TIESS] ******************************************************************** */ #ct #ct-txt h3.from-newsroom { font-size: 12px; } #ct #ct-txt ul.from-newsroom { font-size: 11px; } #ct #ct-txt ul.from-newsroom li { background: url(../Images/Icons/icon-5.png) 10px 10px no-repeat; padding: 5px 0 0px 20px; margin-bottom: 0px; }