/* colors */ .aliceBlue{color:aliceBlue !important;} .antiqueWhite{color:antiqueWhite !important;} .aqua{color:aqua !important;} .aquamarine{color:aquamarine !important;} .azure{color:azure !important;} .beige{color:beige !important;} .bisque{color:bisque !important;} .black{color:black !important;} .blanchedAlmond{color:blanchedAlmond !important;} .blue{color:blue !important;} .blueViolet{color:blueViolet !important;} .brown{color:brown !important;} .burlyWood{color:burlyWood !important;} .cadetBlue{color:cadetBlue !important;} .chartreuse{color:chartreuse !important;} .chocolate{color:chocolate !important;} .coral{color:coral !important;} .cornflowerBlue{color:cornflowerBlue !important;} .cornsilk{color:cornsilk !important;} .crimson{color:crimson !important;} .cyan{color:cyan !important;} .darkBlue{color:darkBlue !important;} .darkCyan{color:darkCyan !important;} .darkGoldenRod{color:darkGoldenRod !important;} .darkGray{color:darkGray !important;} .darkGreen{color:darkGreen !important;} .darkKhaki{color:darkKhaki !important;} .darkMagenta{color:darkMagenta !important;} .darkOliveGreen{color:darkOliveGreen !important;} .darkOrange{color:darkOrange !important;} .darkOrchid{color:darkOrchid !important;} .darkRed{color:darkRed !important;} .darkSalmon{color:darkSalmon !important;} .darkSeaGreen{color:darkSeaGreen !important;} .darkSlateBlue{color:darkSlateBlue !important;} .darkSlateGray{color:darkSlateGray !important;} .darkTurquoise{color:darkTurquoise !important;} .darkViolet{color:darkViolet !important;} .deepPink{color:deepPink !important;} .deepSkyBlue{color:deepSkyBlue !important;} .dimGray{color:dimGray !important;} .dodgerBlue{color:dodgerBlue !important;} .fireBrick{color:fireBrick !important;} .floralWhite{color:floralWhite !important;} .forestGreen{color:forestGreen !important;} .fuchsia{color:fuchsia !important;} .gainsboro{color:gainsboro !important;} .ghostWhite{color:ghostWhite !important;} .gold{color:gold !important;} .goldenRod{color:goldenRod !important;} .gray{color:gray !important;} .green{color:green !important;} .greenYellow{color:greenYellow !important;} .honeyDew{color:honeyDew !important;} .hotPink{color:hotPink !important;} .indianRed{color:indianRed !important;} .indigo{color:indigo !important;} .ivory{color:ivory !important;} .khaki{color:khaki !important;} .lavender{color:lavender !important;} .lavenderBlush{color:lavenderBlush !important;} .lawnGreen{color:lawnGreen !important;} .lemonChiffon{color:lemonChiffon !important;} .lightBlue{color:lightBlue !important;} .lightCoral{color:lightCoral !important;} .lightCyan{color:lightCyan !important;} .lightGoldenRodYellow{color:lightGoldenRodYellow !important;} .lightGray{color:lightGray !important;} .lightGreen{color:lightGreen !important;} .lightPink{color:lightPink !important;} .lightSalmon{color:lightSalmon !important;} .lightSeaGreen{color:lightSeaGreen !important;} .lightSkyBlue{color:lightSkyBlue !important;} .lightSlateGray{color:lightSlateGray !important;} .lightSteelBlue{color:lightSteelBlue !important;} .lightYellow{color:lightYellow !important;} .lime{color:lime !important;} .limeGreen{color:limeGreen !important;} .linen{color:linen !important;} .magenta{color:magenta !important;} .maroon{color:maroon !important;} .mediumAquaMarine{color:mediumAquaMarine !important;} .mediumBlue{color:mediumBlue !important;} .mediumOrchid{color:mediumOrchid !important;} .mediumPurple{color:mediumPurple !important;} .mediumSeaGreen{color:mediumSeaGreen !important;} .mediumSlateBlue{color:mediumSlateBlue !important;} .mediumSpringGreen{color:mediumSpringGreen !important;} .mediumTurquoise{color:mediumTurquoise !important;} .mediumVioletRed{color:mediumVioletRed !important;} .midnightBlue{color:midnightBlue !important;} .mintCream{color:mintCream !important;} .mistyRose{color:mistyRose !important;} .moccasin{color:moccasin !important;} .navajoWhite{color:navajoWhite !important;} .navy{color:navy !important;} .oldLace{color:oldLace !important;} .olive{color:olive !important;} .oliveDrab{color:oliveDrab !important;} .orange{color:orange !important;} .orangeRed{color:orangeRed !important;} .orchid{color:orchid !important;} .paleGoldenRod{color:paleGoldenRod !important;} .paleGreen{color:paleGreen !important;} .paleTurquoise{color:paleTurquoise !important;} .paleVioletRed{color:paleVioletRed !important;} .papayaWhip{color:papayaWhip !important;} .peachPuff{color:peachPuff !important;} .peru{color:peru !important;} .pink{color:pink !important;} .plum{color:plum !important;} .powderBlue{color:powderBlue !important;} .purple{color:purple !important;} .rebeccaPurple{color:rebeccaPurple !important;} .red{color:red !important;} .rosyBrown{color:rosyBrown !important;} .royalBlue{color:royalBlue !important;} .saddleBrown{color:saddleBrown !important;} .salmon{color:salmon !important;} .sandyBrown{color:sandyBrown !important;} .seaGreen{color:seaGreen !important;} .seaShell{color:seaShell !important;} .sienna{color:sienna !important;} .silver{color:silver !important;} .skyBlue{color:skyBlue !important;} .slateBlue{color:slateBlue !important;} .slateGray{color:slateGray !important;} .snow{color:snow !important;} .springGreen{color:springGreen !important;} .steelBlue{color:steelBlue !important;} .tan{color:tan !important;} .teal{color:teal !important;} .thistle{color:thistle !important;} .tomato{color:tomato !important;} .turquoise{color:turquoise !important;} .violet{color:violet !important;} .wheat{color:wheat !important;} .white{color:white !important;} .whiteSmoke{color:whiteSmoke !important;} .yellow{color:yellow !important;} .yellowGreen{color:yellowGreen;} /* POPOVER aka Tooltip */ .popover { word-wrap: break-word !important; text-align:left !important; font-size:80% !important; } /* background */ .bg-white{background-color:white !important;} .bg-green{background-color:green !important;} /* font-size */ .xs {font-size:x-small;} .sm {font-size:small;} .md {font-size:medium;} .lg {font-size:large;} .xl {font-size:x-large;} .xxl {font-size:xx-large;} /* search-bar */ .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { height: 24px !important; margin-top: 0px !important; } .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { width : auto !important;} #search-mobile .gsc-control-cse { border-color: #f8f8f8 !important; background-color: #f8f8f8 !important; } /* lightbox */ #lightbox .modal-content { display: inline-block; text-align: center; } #lightbox .close { opacity: 1; color: rgb(255, 255, 255); background-color: rgb(25, 25, 25); padding: 5px 8px; border-radius: 30px; border: 2px solid rgb(255, 255, 255); position: absolute; top: -15px; right: -55px; z-index:1032; } /* no text decoration */ .notxtDecor {text-decoration: none !important;} /* fixed height */ .height-100 {height:100px !important} .height-150{height:150px !important} .height-200 {height:200px !important} .height-250 {height:250px !important} .height-300 {height:300px !important} .height-350 {height:350px !important} .height-400 {height:400px !important} /* min height */ .min-height-100 {min-height:100px !important} .min-height-125 {min-height:125px !important} .min-height-150{min-height:150px !important} .min-height-200 {min-height:200px !important} .min-height-250 {min-height:250px !important} .min-height-300 {min-height:300px !important} .min-height-350 {min-height:350px !important} .min-height-400 {min-height:400px !important} /* min width */ .min-width-100 {min-width:100px !important} .min-width-150{min-width:150px !important} .min-width-200 {min-width:200px !important} .min-width-250 {min-width:250px !important} .min-width-300 {min-width:300px !important} .min-width-350 {min-width:350px !important} .min-width-400 {min-width:400px !important} /* Margins */ .m-a-0 { margin: 0 !important; } .m-t-0 { margin-top: 0 !important; } .m-r-0 { margin-right: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .m-l-0 { margin-left: 0 !important; } .m-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-a { margin: 1em !important; } .m-t { margin-top: 1em !important; } .m-r { margin-right: 1em !important; } .m-b { margin-bottom: 1em !important; } .m-l { margin-left: 1em !important; } .m-x { margin-right: 1em !important; margin-left: 1em !important; } .m-y { margin-top: 1em !important; margin-bottom: 1em !important; } .m-x-auto { margin-right: auto !important; margin-left: auto !important; } .m-a-md { margin: 1.5em !important; } .m-t-md { margin-top: 1.5em !important; } .m-r-md { margin-right: 1.5em !important; } .m-b-md { margin-bottom: 1.5em !important; } .m-l-md { margin-left: 1.5em !important; } .m-x-md { margin-right: 1.5em !important; margin-left: 1.5em !important; } .m-y-md { margin-top: 1.5em !important; margin-bottom: 1.5em !important; } .m-a-lg { margin: 2em !important; } .m-t-lg { margin-top: 2em !important; } .m-r-lg { margin-right: 2em !important; } .m-b-lg { margin-bottom: 2em !important; } .m-l-lg { margin-left: 2em !important; } .m-x-lg { margin-right: 2em !important; margin-left: 2em !important; } .m-y-lg { margin-top: 2em !important; margin-bottom: 2em !important; } /* padding */ .p-a-0 { padding: 0 !important; } .p-t-0 { padding-top: 0 !important; } .p-r-0 { padding-right: 0 !important; } .p-b-0 { padding-bottom: 0 !important; } .p-l-0 { padding-left: 0 !important; } .p-x-0 { padding-left: 0 !important; padding-right: 0 !important; } .p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-a { padding: 1em !important; } .p-t { padding-top: 1em !important; } .p-r { padding-right: 1em !important; } .p-b { padding-bottom: 1em !important; } .p-l { padding-left: 1em !important; } .p-x { padding-right: 1em !important; padding-left: 1em !important; } .p-y { padding-top: 1em !important; padding-bottom: 1em !important; } .p-a-md { padding: 1.5em !important; } .p-t-md { padding-top: 1.5em !important; } .p-r-md { padding-right: 1.5em !important; } .p-b-md { padding-bottom: 1.5em !important; } .p-l-md { padding-left: 1.5em !important; } .p-x-md { padding-right: 1.5em !important; padding-left: 1.5em !important; } .p-y-md { padding-top: 1.5em !important; padding-bottom: 1.5em !important; } .p-a-lg { padding: 2em !important; } .p-t-lg { padding-top: 2em !important; } .p-r-lg { padding-right: 2em !important; } .p-b-lg { padding-bottom: 2em !important; } .p-l-lg { padding-left: 2em !important; } .p-x-lg { padding-right: 2em !important; padding-left: 2em !important; } .p-y-lg { padding-top: 2em !important; padding-bottom: 2em !important; } /* border */ .no-border{ border: none !important; } /* blockquote */ blockquote , blockquote p {font-size:12px !important; margin: 10px 20px 10px 20px;} .blockquote-reverse, blockquote.pull-right {padding-left: 30px;} /* cursor */ .pointer:hover{cursor: pointer;} /* subtitles */ sup { top: 0; } sub, sup { position: initial; font-size: 90%; line-height: 0; vertical-align: text-top; } /* list styles */ .spacelist li {margin-top: 10px;} .upper-alpha{list-style-type: upper-alpha;} .lower-alpha{list-style-type: lower-alpha;} .upper-roman{list-style-type: upper-roman;} .lower-roman{list-style-type: lower-roman;} .noBullets{list-style-type: none;} /* nav */ nav {margin-bottom:0 !important;} .navbar {border-radius: 0px;} #navbarCollapse{margin: 0 auto; padding: 0;} /* hide mobile search bar */ #search-mobile {display:none; padding: 5px 10px;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: white; background-color: #337ab7;} /* SUB MENUS */ .flex-container { text-align:center; padding:10 0 0 0; } .flex-container a {text-decoration:none!important; padding-top: 9px;} .flex-item:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9)); background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0); background-color:#e9e9e9; } .flex-item { margin: 2.5 0 2.5 0; display: inline-block !important; text-align: center; vertical-align: top; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)); background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0); background-color:#f9f9f9; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#666666; font-family:Arial; font-size:13px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; } h2.last-collapsed {border-bottom: 1px solid #ddd !important;} /* index */ #index img {margin-top:25%;} #index img.responsive {max-width:100%; height:auto;} #index img.responsive.bordered {border:1px solid #8A8B8D;} /* table mobile info bar*/ .mobile {display:none;} /* slider*/ div.item.active {min-width:293px !important;} #slider .mobile-caption { background-color: #f0ad4e; padding: 5px 10px; display:none; } #slider .mobile-caption a { font-size: 12px !important; color:#505050 !important; } /* slider*/ #slider.container{padding:0; width:initial;} #slider .carousel-caption {bottom:0; padding-bottom:5px; } #slider .carousel-caption.vAligned {padding-bottom:10%;} #slider .carousel-caption.vAligned a {font-size:20px;} #slider .carousel-caption a { color:white; font-family:monospace;} #slider a.left.carousel-control {color:white;} #slider a.right.carousel-control {color:white;} /* twitter */ #twitter-widget-0 {height:100% !important;} /* table */ table {font-size: inherit;} /* force max-width on stats page table */ #statistics.table-responsive{ max-height:510px; overflow-y: auto; overflow-x: auto;} /* RESPONSIVE */ /* mobile */ @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #4e4e4e;} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #000000;} div#logo a img {margin: 0 auto;max-width: 100%;height: auto;padding: 0 20px;} #navbarCollapse {padding: 0 20px;} #logo {text-align:center;} #search-desktop {display:none;} #search-mobile{display:block;} /* table mobile info bar*/ .mobile {display:block;} /* slider*/ #slider .carousel-caption {display:none;} #slider .mobile-caption {display:block;} /* search*/ .search.form-group {margin-right: 0;} } /* min */ @media (min-width: 768px) { .navbar-collapse, #pre-nav {width:710px;} } /* med */ @media (min-width: 992px) { .navbar-collapse, #pre-nav {width:970px;} } /* max */ @media (min-width: 1200px){ .navbar-collapse , #pre-nav {width:1170px;} } /*! * NEW STYLES /* TEXT STYLES BEGINS */ /* MENU for non js */ .nonjs-menu {background-color:#CF7E29; padding:5px 35px;} .nonjs-menu ul { margin: 0; padding: 0; list-style-type: none; text-align: center; } .nonjs-menu ul li { display: inline; } .nonjs-menu ul li a { text-decoration: none; padding: .2em 1em; color: #fff; } .nonjs-menu ul li a.current { text-decoration: underline; } .nonjs-menu ul li a:hover { color: #fff; text-decoration: underline; } p { margin: 1em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } /* LOGIN */ .logout {position:fixed; top: 5px; right: 5px; z-index:100;} .logout a {display:block;margin:0 0.5em;} .log-error { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; color: #9F6000; background-color: #FEEFB3; background-image: url('../images/warning.png'); } .log-error span {padding-left:70px;} /* MENU */ #wb-sm .sm a.wb-navcurr {margin: 0 -10px;} .wb-menu .sm.open li {padding: 0 10px;} #wb-sm .sm {border-radius: 0px;} /* TABLES */ h2.res-title {display:none;} /* table { margin:0; width: 100%; border-collapse: collapse; } table tr {background-color: #f9f9f9 } tr:nth-of-type(odd) { background: #EBEBEB; } th { background: #d4772a; color: white; font-weight: bold; } td, th { padding: 6px; border: 1px solid #818286; text-align: left; } */ /* GENERAL STYLES */ .left-to-right { text-align:left; } .right-to-left { text-align:right; } .petit { font-size:70%; text-transform: uppercase; } } .compress { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } .alignRight { text-align: right; } .alignCenter { text-align: center; } .tphp { text-align: right; font-size:70%; color: white; background: black; width: 100%; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 5px; } .textbox, .textboxwide { position:relative; width: 100%; background:#fff; padding:10px 30px 10px 30px; font-size:90%; margin:0; border: 1px solid #ccc; border-top: none; border-bottom: none; overflow:auto; } .textbox.last, .textboxwide.last {border: 1px solid #ccc !important;border-bottom-right-radius:4px; border-bottom-left-radius:4px;} .textbox.last.collapse.in { border-top:none !important;} .textcenter {text-align:center;} .textright {text-align:right;} .orange {color:#d4772a !important; } .orangebkgd {background-color:#d4772a; } .greybkgd {background-color:#ccc;} .grey2bkgd {background-color:#818286;} .greenbkgd {background-color:#E0F8E0;} /* HOME PAGE */ /*************/ .social {display: inline-block;} .homemenu { width:auto; height:auto; padding:0; text-align:center; background-color:#fff; border:1px solid #ccc; } /* CENTER MENU */ .b1, .b2 { vertical-align:top; width:100%; min-height:225px; height: auto; margin:15px 0; } .b1 {background:#fce9d8;} .b2 {background:#e1e5e7;} .b1title, .b2title, a.b1title, a.b2title { width:100%; height:72px; color:#fff; font-weight:bold; font-size:150%; text-align:center; text-decoration:none; border-bottom:5px solid white; padding-top:17px; } .b1title {background-color:#E69138;} .b2title {background-color:grey;} .b1title a:link, .b2title a:link, .b1title a:visited, .b2title a:visited { text-decoration:none; color:#fff; } .b1title a:hover, .b2title a:hover { color:black !important; } .b1text, .b2text { padding: 20px; color:#1f2a33; font-size:90%; } /* BOTTOM MENU */ .bottom { width:auto; height:auto; padding:15px 0; margin-top:15px; text-align:center; background-color:#fff; border:1px solid #ccc; } .bottom hr { display: block; -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; -webkit-margin-start: auto; -webkit-margin-end: auto; border-style: inset; border-width: 1px; } .bottom1title, .bottom2title, .bottom3title, .bottom4title{ background:url(../images/triangle-j.png) no-repeat; height:40px; color:#d4772a; font-weight:bold; font-size:100%; } .bottom4title { background:url(../images/triangle-r.png) no-repeat; color:#f00; } .bottom1title p, .bottom2title p, .bottom3title p, .bottom4title p { padding-left:25px; margin-top:3px; *margin-top:-6px; _margin-top:-5px; } .botline, .botline1{ padding:0; margin:0; border:0px; background: #d4772a; height:5px; *margin:-5px 0 0 0; } .botline1 {background: #f00;} /*TWITTER*/ #twitter-widget-0 {height:204px; width:100% !important;} .bottom1text, .bottom2text, .bottom4text{ height:250px; padding:10px; font-size:90%; } .bottom4text { font-size:18px; padding:10px 10px 10px 10px; margin:0; background: -webkit-gradient(linear, right top, left top, from(#33CCFF), color-stop(#BBEEFF), to(#E4F8FF)); background: -webkit-linear-gradient(right, #33CCFF, #BBEEFF, #E4F8FF); background: linear-gradient(to left, #33CCFF, #BBEEFF, #E4F8FF); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f8ff', endColorstr='#33ccff',GradientType=1 ); } .bottom p a:link, .bottom a:link, .bottom a:link, .bottom p a:visited, .bottom a:visited, .bottom a:visited { text-decoration: none; color: #d4772a; } /* group-eng/fra.php*/ .catmenu { text-align:center; margin-left:auto; margin-right:auto; font-size: 70%; } .catmenu li { margin-top:15px; float:left; width:110px; height:30px; text-align: center; list-style-type: decimal; list-style-position: inside; } .catmenu li a { text-decoration:none; color: #666; font-weight: bold; } .catmenu li a:hover { color: black; border-bottom:1px solid black; } .nopadg li { list-style:none; width:100%; text-align: right; padding:0px; } /* DOC TOGGLE*/ ul.faq li {list-style-image:url('../images/icons/list-bullet.png');} .linklike {color:#295376;} .linklike:hover {cursor: pointer; cursor: hand; color:#0000FF ;} .doc-list { padding: 0 0 0 50px; display:none; } .doc { padding:5px 0 5px 0; overflow:auto; color:grey; } .doc a { color:DimGray; } .doc a:hover { color:black; } .doc:hover { text-decoration:underline; cursor:pointer; cursor:hand; } .doc-item { padding:5px 0 5px 0; border-bottom:1px solid grey; overflow:auto; } .doc-item { padding:5px 0 5px 0; border-bottom:1px solid grey; overflow:auto; } .doc-item:first-child {padding:0 0 5px 0;} .doc-item:last-child {border-bottom:none; padding-bottom:0px;} .doc-item .item-title{width:70%; display:inline-block; zoom: 1; *display: inline;} .doc-item .item-title .red { color:red; } .doc-item .item-widgets { display:inline; } .footer {min-height:20px;} .item-widgets .widget { display:inline-block; zoom: 1; *display: inline; float:right; padding:0 10px; vertical-align: top; } .item-widgets .widget a {text-decoration:none;} .btn-toggle { display:inline-block; zoom: 1; *display: inline; background-image: url('../images/icons/toggle.png'); background-repeat: no-repeat; min-width:12px; height:12px; margin-right:20px; } /* MULTIMEDIA*/ .multimedia .video_desc { width:80%; height:150px; float:left; direction: rtl; overflow: scroll; overflow-x: hidden!important; } .multimedia .video_frame { height:150px; width:20%; float:right; text-align: right; padding-left: 10px; } /* POPUP STYLES BEGINS */ a.selected { background-color:#1F75CC; color:white; z-index:100; } #popupContact { background-color:#fff; border:1px solid #000; cursor:default; margin-top: 15px; position:absolute; text-align:left; width:394px; z-index:1000; padding: 25px 25px 20px; } #popupContact1 { background-color:#fff; position:relative; left:-22px; cursor:default; margin-top: 15px; padding:0px; text-align:center; z-index:1000; } p#contactArea { display: block; margin-bottom: 3px; padding-left: 15px; } .messagepop p, .messagepop.div { border-bottom: 1px solid #EFEFEF; margin: 8px 0; padding-bottom: 8px; } #backgroundPopup { background-color:#000; position:absolute; top:0px; left:0px; width:100%; height:1050px !Important; } #popupContactClose { border:1px outset #ccc; background:#fff; color:#d4772a; font-weight:bold; font-size:80%; float:right; display:block; position:relative; top:-10px; padding:3px 3px; } #popupContactClose1 { border:1px outset #ccc; background:#fff; color:#000; font-weight:bold; font-size:100%; position:relative; top:0px; right:20px; padding:3px 3px; } h1.bborder {border-bottom:1px solid #ccc;} h1.poph1 { margin:0px; padding:0px; font-size:150%; color: #fff; background:url(images/orange-v.png) no-repeat; background-color: #d4772a; display:block; padding:10px 35px 10px 35px; margin:30px 0px 10px 0px; *margin-top:50px; } /* SOCIAL ICONS */ #wmms { height: 1.9em; margin-top: -43px; position: absolute; right: 15px; z-index: 2; max-width:170px; } /*! * RESPONSIVE -------------------------------------------------->>> */ /* before 569px wide inclusive */ @media screen and (max-width:569px) { /* publications.xsl*/ h6.faq { text-align: left; } .doc-item .item-title { width: 100%; display: block; text-align:left; } .doc-item .item-widgets { display: block; text-align:left; } .item-widgets .widget { float:none; padding: 10px 10px; } /* end publications.xsl */ } @media screen and (min-width: 768px) .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } /* before 991px wide inclusive */ @media screen and (max-width:991px) { #mb-pnl .sm-pnl { background: #818286; } #mb-pnl header {background-color: #D08231;} #mb-pnl #wb-srch-sub-imprt { background: #818286; border-color: #818286; } #wb-srch-sub-imprt:hover { background: #5E5E5E !important; border-color: #5E5E5E !important; } .nonjs-menu {display:none !important;} .social {top: 3px; left: 0;} .bottom2title, .bottom3title, .bottom4title {margin-top:25px;} .left-to-right { text-align:right; } .right-to-left { text-align:left; } } /* before 768px wide inclusive */ @media screen and (max-width:760px) { } /* after 992px wide inclusive */ @media screen and (min-width:992px) { #wb-srch { margin-top: -48px !important; right: 0; top: 0; } #wmms { margin-right:325px; } .carousel-caption {right: 10% !important; left: 10%!important;} }