/* CSS Document */ /** DATA TABLES **/ div.dataTables_length label {float: left;text-align: left; font-size: 10px;} div.dataTables_length select {width: 60px;} div.dataTables_filter label {float: right; font-size: 10px;} div.dataTables_length, div.dataTables_filter { width:auto; } div.dataTables_info {padding-top: 2px; font-size:10px} div.dataTables_paginate {float: right; margin: 0;} .ec-datatable { clear: both; margin-bottom: 1px !important; max-width: none !important; width:100%; font-size:11px; margin: 0 auto;} /*.ec-datatable-wrapper {position: relative; width: 100%; }*/ .ec-datatable.th { font-weight:normal;} .ec-datatable thead .sorting, .ec-datatable thead .sorting_asc, .ec-datatable thead .sorting_desc, .ec-datatable thead .sorting_asc_disabled, .ec-datatable thead .sorting_desc_disabled { cursor: pointer; *cursor: hand; } .ec-datatable .ec-table-options { display:none;} .ec-datatable { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .ec-datatable thead, table.ec-datatable thead tr {background: #e6e6e6; color:#333; font-size:9px; text-transform: uppercase; font-weight:bold !important; overflow:hidden;} .ec-datatable thead tr .sorting { background: #e6e6e6 url('../img/tables/sort_both.png') no-repeat center right; padding-right:17px; border-bottom: solid 1px #000 !important; } .ec-datatable thead tr .sorting_asc { background: #e6e6e6 url('../img/tables/sort_asc.png') no-repeat center right; padding-right:17px; border-bottom: solid 1px #000 !important;;} .ec-datatable thead tr .sorting_desc { background: #e6e6e6 url('../img/tables/sort_desc.png') no-repeat center right; padding-right:17px; border-bottom: solid 1px #000 !important;;} .ec-datatable thead tr .sorting_asc_disabled { background: #e6e6e6 url('../img/tables/sort_asc_disabled.png') no-repeat center right; padding-right:17px; border-bottom: solid 1px #000;} .ec-datatable thead tr .sorting_desc_disabled { background: #e6e6e6 url('../img/tables/sort_desc_disabled.png') no-repeat center right; padding-right:17px; border-bottom: solid 1px #000;} .ec-datatable-wrapper .row-fluid { width:100%} .ec-datatable tr.odd td.sorting_1 { background-color: #c6dbef; } .ec-datatable tr.even td.sorting_1 { background-color: #d4e4f3; } table.dataTable th:active { outline: none;} .ec-datatable th { text-align:center;} .ec-datatable thead tr, .ec-datatable thead th { border:none;} .row-fluid.ec-data-header, .row.ec-data-header { border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px;} .row-fluid.ec-data-footer, .row.ec-data-footer { border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px;} .row.ec-data-header, .row-fluid.ec-data-header, .row.ec-data-footer, .row-fluid.ec-data-footer { padding-top:5px; border-bottom:none; color:#000; margin-right:-2px; background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, #adadad 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#adadad)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e2e2e2 0%,#adadad 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e2e2e2 0%,#adadad 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e2e2e2 0%,#adadad 100%); /* IE10+ */ background: linear-gradient(to bottom, #e2e2e2 0%,#adadad 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */ } .row.ec-data-footer, .row-fluid.ec-data-footer { margin-bottom:5px; } .row.ec-data-header .span4, .row-fluid.ec-data-header .span4, .row.ec-data-footer .span8, .row-fluid.ec-data-footer .span8, .row.ec-data-footer .span4, .row-fluid.ec-data-footer .span4 { min-height:20px; } .row.ec-data-header .span4 input, .row-fluid.ec-data-header .span4 input { height:12px; } .row.ec-data-header .span4 input, .row-fluid.ec-data-header .span4 input { width:110px; } .row.ec-data-header .span4.ec-data-search, .row-fluid.ec-data-header .span4.ec-data-search { float:right; margin-bottom:2px;} .row.ec-data-header .ec-data-select > div, .row-fluid.ec-data-header .ec-data-select > div, .row.ec-data-footer .ec-data-count > div, .row-fluid.ec-data-footer .ec-data-count > div { margin-left:5px;} .row.ec-data-header .ec-data-search > div, .row-fluid.ec-data-header .ec-data-search > div, .row.ec-data-footer .ec-data-pagination > div, .row-fluid.ec-data-footer .ec-data-pagination > div { margin-right:5px;} /*IE 7 FIX */ .row-fluid.ec-data-footer .span6.ec-data-pagination, .row.ec-data-footer .span6.ec-data-pagination { min-height:29px; } .span5.ec-data-options { text-align:center; } .span4.ec-data-options { text-align:center; } .ec-data-pagination { margin-bottom:5px;} .row-fluid.ec-data-header > div , .row.ec-data-header > div { margin-left:2px; margin-right:2px;} .row.ec-data-footer .ec-data-pagination .pagination ul > li > a, .row.ec-data-footer .pagination ul > li > span, .row-fluid.ec-data-footer .ec-data-pagination .pagination ul > li > a, .row-fluid.ec-data-footer .pagination ul > li > span { padding:1px 12px;} .row-fluid .ec-data-options div.btn-group > li, .row .ec-data-options div.btn-group > li { padding:1px 6px;} .table-bordered.ec-datatable { border-top: 0 !important; margin-bottom:0px !important} .table-bordered.ec-datatable thead th { border-color:#666; border-left:solid 1px #999999} .table-bordered.ec-datatable thead th:first-child { border-left: 1px solid #ddd;} .table-bordered.ec-datatable thead:first-child tr:first-child > th:first-child, .table-bordered.ec-datatable tbody:first-child tr:first-child > td:first-child, .table-bordered.ec-datatable tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px;} .table-bordered.ec-datatable thead:first-child tr:first-child > th:last-child, .table-bordered.ec-datatable tbody:first-child tr:first-child > td:last-child, .table-bordered.ec-datatable tbody:first-child tr:first-child > th:last-child {-webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-topright: 0px;} .table-bordered thead tr > th, .table-bordered tbody tr > td { -webkit-border-radius: 0px !important; border-radius: 0px !important; -moz-border-radius: 0px !important;} .paging_bootstrap.pagination > ul > li.active > a, .paging_bootstrap.pagination > ul > li:hover > a { background:#fff;} .paging_bootstrap.pagination > ul > li.disabled > a, .paging_bootstrap.pagination > ul > li.disabled:hover > a { background:none;} .paging_bootstrap.pagination > ul > li > a { border-color: #999; color: #555!important; text-shadow: 2px 2px 4px #ccc; text-transform:uppercase; font-size: 12px;} .dataTables_info { margin-top:3px;} /* Scrolling */ div.dataTables_scrollHead table { margin-bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;} div.dataTables_scrollBody table { border-top: none; margin-bottom: 0 !important;} div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td {border-top: none; } div.dataTables_scrollFoot table { border-top: none;} .dataTables_paginate.paging_bootstrap.pagination ul li a { color:#000} .dataTables_paginate.paging_bootstrap.pagination ul li.prev.disabled a, .dataTables_paginate.paging_bootstrap.pagination ul li.next.disabled a{ color:#999} table.display { margin: 0 auto; width: 100%; clear: both; border-collapse:inherit; table-layout:fixed; word-wrap:break-word; table-layout:auto\9;} /*IE 9 hack*/ .ec-corners-6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .ec-corners-8 {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .ec-corners-4 {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .ec-no-border { border:none;} .ec-sidebar .accordion-inner.ec-mini { font-size:0.5em; font-weight:normal !important;} /* ACCORDION SIDEBAR MENU // GLOBAL ACCORDIONS*/ .ec-accordion .accordion-inner button { width:100%; margin-bottom:5px; text-align:left} .ec-accordion .accordion-heading.heading-open, .ec-accordion .accordion-group.heading-open:hover { background:#fff !important;} .accordion-toggle > .caret.caret-right { margin-top:3px; margin-left:-5px; margin-right:4px; border-left: 4px solid #CCC; border-right: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } .accordion-toggle.open > .caret.caret-right { margin-top:3px; margin-left:-5px; margin-right:4px; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom:0; } .accordion-toggle.ec-no-caret .caret{ display:none;} /* GRADIENTS * Please use this tool for optimal compatibility * http://www.colorzilla.com/gradient-editor/ */ .light-blue-gradient-horizontal, .breadcrumb { background: #1b64a8; /* Old browsers */ background: -moz-linear-gradient(left, #1b64a8 0%, #4e93ce 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b64a8), color-stop(100%,#4e93ce)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #1b64a8 0%,#4e93ce 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #1b64a8 0%,#4e93ce 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #1b64a8 0%,#4e93ce 100%); /* IE10+ */ background: linear-gradient(to right, #1b64a8 0%,#4e93ce 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b64a8', endColorstr='#4e93ce',GradientType=1 ); /* IE6-9 */ } .ec-btn, .blue-gradient-vertical, .btn-group.pull-right.anonymous button, .btn-group.pull-right.secure button, .dropdown-menu.pull-right, .ec-heading-box > .row, .btn.btn-primary, .btn-blue { background: #4d91ce; /* Old browsers */ background: -moz-linear-gradient(top, #4d91ce 0%, #1b64a8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d91ce), color-stop(100%,#1b64a8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4d91ce 0%,#1b64a8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4d91ce 0%,#1b64a8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4d91ce 0%,#1b64a8 100%); /* IE10+ */ background: linear-gradient(to bottom, #4d91ce 0%,#1b64a8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d91ce', endColorstr='#1b64a8',GradientType=0 ); /* IE6-9 */ } .ec-btn:hover, .btn-group.pull-right.anonymous button:hover, .btn-group.pull-right.secure button:hover, .btn.btn-primary:hover, #main-header .nav-collapse.collapse > .nav > li > a.brand:hover, .dropdown.secure.open > a, .dropdown.secure.active > a, .btn-blue:hover { background: #5998cc; /* Old browsers */ background: -moz-linear-gradient(top, #5998cc 0%, #226baa 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5998cc), color-stop(100%,#226baa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5998cc 0%,#226baa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5998cc 0%,#226baa 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5998cc 0%,#226baa 100%); /* IE10+ */ background: linear-gradient(to bottom, #5998cc 0%,#226baa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5998cc', endColorstr='#226baa',GradientType=0 ); /* IE6-9 */ } .grey-gradient, #main-header .navbar-inner, button.grey-gradient:hover, .btn-grey, .btn-grey:hover, .btn-disabled, .btn-disabled:hover, .paging_bootstrap.pagination > ul > li >a{ background: #f3f3f3; /* Old browsers */ background: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f3f3 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f3f3 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3f3f3 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #f3f3f3 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ } .grey-dark-gradient, #pp-bottom-nav .navbar-inner { background: #c8c8c8; /* Old browsers */ background: -moz-linear-gradient(top, #c8c8c8 0%, #e5e5e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c8c8), color-stop(100%,#e5e5e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c8c8c8 0%,#e5e5e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c8c8c8 0%,#e5e5e7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c8c8c8 0%,#e5e5e7 100%); /* IE10+ */ background: linear-gradient(to bottom, #c8c8c8 0%,#e5e5e7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#e5e5e7',GradientType=0 ); /* IE6-9 */ } .grey-darkest-gradient, #main-footer { background: #444444; /* Old browsers */ background: -moz-linear-gradient(top, #444444 0%, #555555 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#555555)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #444444 0%,#555555 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #444444 0%,#555555 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #444444 0%,#555555 100%); /* IE10+ */ background: linear-gradient(to bottom, #444444 0%,#555555 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#555555',GradientType=0 ); /* IE6-9 */ } .box-grey-light-gradient, .heading-grey, .ec-heading-box > .row > .span3 { background: #f5f5f7; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f7 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f7), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f7 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f7 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f7 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f5f7 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f7', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ } .two-stop-gray-gradient, .accordion-heading, .accordion-like, .accordion-like-sub { background: #f1f1f1; /* Old browsers */ background: -moz-linear-gradient(top, #f1f1f1 0%, #f1f1f1 50%, #ededed 50%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(50%,#f1f1f1), color-stop(50%,#ededed), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1f1f1 0%,#f1f1f1 50%,#ededed 50%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1f1f1 0%,#f1f1f1 50%,#ededed 50%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1f1f1 0%,#f1f1f1 50%,#ededed 50%,#ededed 100%); /* IE10+ */ background: linear-gradient(to bottom, #f1f1f1 0%,#f1f1f1 50%,#ededed 50%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ } .two-top-gray-gradient-hover, .accordion-heading:hover {background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #ebebeb 49%, #e5e5e5 50%, #ebebeb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(49%,#ebebeb), color-stop(50%,#e5e5e5), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#ebebeb 49%,#e5e5e5 50%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#ebebeb 49%,#e5e5e5 50%,#ebebeb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#ebebeb 49%,#e5e5e5 50%,#ebebeb 100%); /* IE10+ */ background: linear-gradient(to bottom, #e5e5e5 0%,#ebebeb 49%,#e5e5e5 50%,#ebebeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ } .light-green-gradient, .btn-green, .btn-green:hover {background: #99cc33; /* Old browsers */ background: -moz-linear-gradient(top, #99cc33 0%, #679a01 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cc33), color-stop(100%,#679a01)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #99cc33 0%,#679a01 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #99cc33 0%,#679a01 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #99cc33 0%,#679a01 100%); /* IE10+ */ background: linear-gradient(to bottom, #99cc33 0%,#679a01 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc33', endColorstr='#679a01',GradientType=0 ); /* IE6-9 */} /* * BUTTONS * The gradients above can also be applied to the buttons. */ button.btn.btn-primary, .btn.btn-primary { height:28px; font-size:10px; letter-spacing:1px; text-transform:uppercase; padding: 0px 8px; color:#A4CAEB; text-shadow:none; -webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;} button.btn.btn-primary:hover, .btn.btn-primary:hover { color:#fafafa;} button.btn, .btn { height:28px; font-size:10px; letter-spacing:1px; text-transform:uppercase; padding: 0px 8px; color:#333333; text-shadow:none; -webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;} button.btn-small, .btn-small, .btn.btn-primary.btn-small { height:22px; font-size:9px; padding-top:0px;} .btn.grey-darkest-gradient { color:#A4CAEB; } .btn.grey-darkest-gradient:hover { color:#fafafa; } .btn.grey-gradient { color:#333;} .btn.grey-gradient:hover { color:#226baa;} /*big buttons*/ .btn.btn-large, .btn.btn-primary.btn-large, .btn-large { height:38px; } /*default buttons*/ .btn-blue, .btn-green, .btn-grey, .btn-disabled {-moz-border-radius: 4px;-webkit-border-radius: 4px;cursor: pointer;font-size: 1.4em;margin: 2px; font-size:12px;} .btn-blue.lower, .btn-green.lower, .btn-grey.lower, .btn-disabled.lower, .lower{ text-transform:lowercase;} .btn-blue.normal, .btn-green.normal, .btn-grey.normal, .btn-disabled.normal, .normal{ text-transform:none;} .btn-blue { border: 1px solid #369; color: #f2f2f2!important; text-shadow: 2px 2px 4px #369;} .btn-blue:hover {border: 1px solid #163B59;color: #fff!important;text-shadow: 2px 2px 4px #163B59;} .btn-grey {border: 1px solid #999;color: #555!important;text-shadow: 2px 2px 4px #ccc;} .btn-grey:hover {color: #333!important;text-shadow: 2px 2px 4px #777;} .btn-green {border: 1px solid #690;color: #f2f2f2;text-shadow: 2px 2px 4px #587C00;} .btn-green:hover {border: 1px solid #587C00;color: #fff!important;text-shadow: 2px 2px 4px #587C00;} .btn-disabled {border: 1px solid #ccc;color: #888!important;text-shadow: 2px 2px 4px #ccc;} .btn-disabled:hover {border: 1px solid #ccc !important;color: #888 !important;cursor: text;border: none;} .btn-red {border: 1px solid #690;color: #f2f2f2;text-shadow: 2px 2px 4px #587C00; height:22px; font-size:9px; padding-top:0px;} .btn-red:hover {border: 1px solid #587C00;color: #fff!important;text-shadow: 2px 2px 4px #587C00; height:22px; font-size:9px; padding-top:0px;} /*paragraphs*/ p.blue { color: #5191cd !important; } .btn-action-pp { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 0.9em; float: left; margin: 1px; text-align: center; padding: 0px 4px; color: #fff; } td.btn-action-pp { height: 18px; width: 18px; } .btn-action-pp:hover { text-decoration: none; } .color-red { /*background-color: #0081c2; ?? */ background-color: #cc3300; background-image: -moz-linear-gradient(top, #cc3300, #663300); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc3300), to(#663300)); background-image: -webkit-linear-gradient(top, #cc3300, #663300); background-image: -o-linear-gradient(top, #cc3300, #663300); background-image: linear-gradient(to bottom, #cc3300, #663300); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc3300', endColorstr='#ff663300', GradientType=0); } a.color-red:hover { /*background-color: #0081c2; ?? */ background-color: #990033; background-image: -moz-linear-gradient(top, #ff3300, #990033); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff3300), to(#990033)); background-image: -webkit-linear-gradient(top, #ff3300, #990033); background-image: -o-linear-gradient(top, #ff3300, #990033); background-image: linear-gradient(to bottom, #ff3300, #990033); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff3300', endColorstr='#ff990033', GradientType=0); color:#fff; } .color-orange { /*background-color: #0081c2; ?? */ background-color: #ff9900; background-image: -moz-linear-gradient(top, #ff9900, #ff6600); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9900), to(#ff6600)); background-image: -webkit-linear-gradient(top, #ff9900, #ff6600); background-image: -o-linear-gradient(top, #ff9900, #ff6600); background-image: linear-gradient(to bottom, #ff9900, #ff6600); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9900', endColorstr='#ffff6600', GradientType=0); color:#fff; } a.color-orange:hover { /*background-color: #0081c2; ?? */ background-color: #ff6633; background-image: -moz-linear-gradient(top, #ffcc00, #ff6633); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcc00), to(#ff6633)); background-image: -webkit-linear-gradient(top, #ffcc00, #ff6633); background-image: -o-linear-gradient(top, #ffcc00, #ff6633); background-image: linear-gradient(to bottom, #ffcc00, #ff6633); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc00', endColorstr='#ffff6633', GradientType=0); color:#fff; } .color-purple { /*background-color: #0081c2; ?? */ background-color: #6600cc; background-image: -moz-linear-gradient(top, #6600cc, #330033); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6600cc), to(#330033)); background-image: -webkit-linear-gradient(top, #6600cc, #330033); background-image: -o-linear-gradient(top, #6600cc, #330033); background-image: linear-gradient(to bottom, #6600cc, #330033); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600cc', endColorstr='#ff330033', GradientType=0); } a.color-purple:hover { /*background-color: #0081c2; ?? */ background-color: #663366; background-image: -moz-linear-gradient(top, #9933ff, #663366); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9933ff), to(#663366)); background-image: -webkit-linear-gradient(top, #9933ff, #663366); background-image: -o-linear-gradient(top, #9933ff, #663366); background-image: linear-gradient(to bottom, #9933ff, #663366); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9933ff', endColorstr='#ff663366', GradientType=0); color:#fff; } .color-violet { /*background-color: #0081c2; ?? */ background-color: #cc33cc; background-image: -moz-linear-gradient(top, #cc33cc, #990066); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc33cc), to(#990066)); background-image: -webkit-linear-gradient(top, #cc33cc, #990066); background-image: -o-linear-gradient(top, #cc33cc, #990066); background-image: linear-gradient(to bottom, #cc33cc, #990066); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc33cc', endColorstr='#ff990066', GradientType=0); } a.color-violet:hover { /*background-color: #0081c2; ?? */ background-color: #cc3399; background-image: -moz-linear-gradient(top, #ff66ff, #cc3399); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff66ff), to(#cc3399)); background-image: -webkit-linear-gradient(top, #ff66ff, #cc3399); background-image: -o-linear-gradient(top, #ff66ff, #cc3399); background-image: linear-gradient(to bottom, #ff66ff, #cc3399); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff66ff', endColorstr='#ffcc3399', GradientType=0); color:#fff; } .color-blue { /*background-color: #0081c2; ?? */ background-color: #3399ff; background-image: -moz-linear-gradient(top, #3399ff, #333333); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3399ff), to(#0033cc)); background-image: -webkit-linear-gradient(top, #3399ff, #0033cc); background-image: -o-linear-gradient(top, #3399ff, #0033cc); background-image: linear-gradient(to bottom, #3399ff, #0033cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3399ff', endColorstr='#ff0033cc', GradientType=0); } a.color-blue:hover { background-color: #3399ff; background-image: -moz-linear-gradient(top, #66ccff, #3399ff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#66ccff), to(#3399ff)); background-image: -webkit-linear-gradient(top, #66ccff, #3399ff); background-image: -o-linear-gradient(top, #66ccff, #3399ff); background-image: linear-gradient(to bottom, #66ccff, #3399ff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66ccff', endColorstr='#ff3399ff', GradientType=0); color:#fff; } .color-yellow { /* style the gradient */ background-color: #ffcc00; background-image: -moz-linear-gradient(top, #ffcc00, #ffb311); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcc00), to(#ffb311)); background-image: -webkit-linear-gradient(top, #ffcc00, #ffb311); background-image: -o-linear-gradient(top, #ffcc00, #ffb311); background-image: linear-gradient(to bottom, #ffcc00, #ffb311); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc00', endColorstr='#ffffb311', GradientType=0); } a.color-yellow:hover { /* style the gradient */ background-color: #ff9900; background-image: -moz-linear-gradient(top, #ffcc00, #ff9900); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcc00), to(#ff9900)); background-image: -webkit-linear-gradient(top, #ffcc00, #ff9900); background-image: -o-linear-gradient(top, #ffcc00, #ff9900); background-image: linear-gradient(to bottom, #ffcc00, #ff9900); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc00', endColorstr='#ffff9900', GradientType=0); color:#fff; } .color-green { background-color: #339933; background-image: -moz-linear-gradient(top, #339933, #003300); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#339933), to(#003300)); background-image: -webkit-linear-gradient(top, #339933, #003300); background-image: -o-linear-gradient(top, #339933, #003300); background-image: linear-gradient(to bottom, #339933, #003300); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff339933', endColorstr='#ff003300', GradientType=0); } a.color-green:hover { background-color: #326532; background-image: -moz-linear-gradient(top, #51b751, #326532); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51b751), to(#326532)); background-image: -webkit-linear-gradient(top, #51b751, #326532); background-image: -o-linear-gradient(top, #51b751, #326532); background-image: linear-gradient(to bottom, #51b751, #326532); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51b751', endColorstr='#ff326532', GradientType=0); color:#fff; } .color-blue-stone { background-color: #006666; background-image: -moz-linear-gradient(top, #33CCCC, #006666); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33CCCC), to(#006666)); background-image: -webkit-linear-gradient(top, #33CCCC, #006666); background-image: -o-linear-gradient(top, #33CCCC, #006666); background-image: linear-gradient(to bottom, #33CCCC, #006666); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff33CCCC', endColorstr='#ff006666', GradientType=0); } a.color-blue-stone:hover { background-color: #3399ff; background-image: -moz-linear-gradient(top, #33CCCC, #006666); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33CCCC), to(#006666)); background-image: -webkit-linear-gradient(top, #33CCCC, #006666); background-image: -o-linear-gradient(top, #33CCCC, #006666); background-image: linear-gradient(to bottom, #33CCCC, #006666); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff33CCCC', endColorstr='#ff006666', GradientType=0); color:#fff; } .color-light-green { background-color: #99cc00; background-image: -moz-linear-gradient(top, #99cc00, #339936 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#99cc00), to(#339936)); background-image: -webkit-linear-gradient(top, #99cc00, #339936); background-image: -o-linear-gradient(top, #99cc00, #339936); background-image: linear-gradient(to bottom, #99cc00, #339936); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff99cc00', endColorstr='#ff339936', GradientType=0); } a.color-light-green:hover { background-color: #60af36 ; background-image: -moz-linear-gradient(top, #acd536, #60af36); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#acd536), to(#60af36)); background-image: -webkit-linear-gradient(top, #acd536, #60af36); background-image: -o-linear-gradient(top, #acd536, #60af36); background-image: linear-gradient(to bottom, #acd536, #60af36); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacd536', endColorstr='#ff60af36', GradientType=0); color:#fff; } a.btn-action-pp.color-email { background:url("../img/pp_bg_icon_contact-organization.jpg") no-repeat center; padding:10px; width:22px; height:22px; } .action-legend { /* style the gradient */ background-color: #fafafa; background-image: -moz-linear-gradient(top, #fafafa, #cccccc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#cccccc)); background-image: -webkit-linear-gradient(top, #fafafa, #cccccc); background-image: -o-linear-gradient(top, #fafafa, #cccccc); background-image: linear-gradient(to bottom, #fafafa, #cccccc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffcccccc', GradientType=0); border:1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; margin:0px; padding:8px; } .action-legend th{ background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding:8px; text-transform:uppercase; } .action-legend td { padding: 4px 4px 0 4px; line-height: 15px; } /*Breadcrumbs*/ ul.breadcrumb li { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; line-height:17px;} ul.breadcrumb li > a, ul.breadcrumb li > a:visited, ul.breadcrumb li > a:link, ul.breadcrumb li.active {border: none;color: #a2caef;font-size: .85em;text-decoration: none;text-transform: uppercase;} ul.breadcrumb li > a { margin-left:3px; } ul.breadcrumb li a:first-child { margin-left:0px;} ul.breadcrumb li.active a:hover, ul.breadcrumb li a:hover, ul.breadcrumb li.active:hover { color:#fafafa;} ul.breadcrumb li.active:hover { cursor:pointer} ul.breadcrumb li > span.divider { color: #A2CAEF;font-size: .85em; padding-left:5px; padding-right:5px;} /*IPG Compliant breadcrumb*/ ul.breadcrumb.ipg li { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; line-height:17px;} ul.breadcrumb.ipg li > a, ul.breadcrumb.ipg li > a:visited, ul.breadcrumb.ipg li > a:link, ul.breadcrumb.ipg li.active {border: none;color: #fff;font-size: 11px;text-decoration: none;text-transform:capitalize; font-family: Verdana, Arial, Helvetica, 'DejaVu Sans', sans-serif;} ul.breadcrumb.ipg li > a { margin-left:3px; } ul.breadcrumb.ipg li a:first-child { margin-left:0px;} ul.breadcrumb.ipg li.active a:hover, ul.breadcrumb.ipg li a:hover, ul.breadcrumb.ipg li.active:hover { color:#fff; text-decoration:underline} ul.breadcrumb.ipg li.active:hover { cursor:pointer} ul.breadcrumb.ipg li > span.divider { color: #fff;font-size: .85em; padding-left:2px; padding-right:2px;} ul.breadcrumb.ipg {background:#074A8B;} /* ** ec-cards css */ .ec-cards li, .ec-cards li li, .ec-cards li li li { list-style-type: none; /* IE10 FIX */ } .ec-cards { *zoom: 1; /*font-size: 12px;*/ } .ec-cards:before, .ec-cards:after { display: table; content: ""; line-height: 0; } .ec-cards:after { clear: both; } .ec-cards .ec-cards-wrapper { float: left; margin: 1%; width: 31.2%; } .ec-cards .ec-cards-wrapper .ec-cards-content { background: #efefef; color: inherit; text-decoration: none; display: block; height: 105px; line-height: 1.1em; overflow: hidden; padding: 2px 2px 2px 10px; position: relative; -webkit-box-shadow: 0 3px 3px #999; -moz-box-shadow: 0 3px 3px #999; box-shadow: 0 3px 3px #999; } .ec-cards .ec-cards-wrapper .ec-cards-content:hover { border-color: #777; background: #fafafa; } .ec-cards .ec-cards-wrapper .ec-cards-content .ec-cards-colorbar { position: absolute; top: 0; left: 0; height: 109px; width: 5px; } .ec-cards .ec-cards-wrapper .ec-cards-content .ec-cards-title { float: left; width: 100%; } .ec-cards .ec-cards-wrapper .ec-cards-content .ec-cards-note { float: right; width: 40%; font-style: italic; font-size: 0.9em; text-align: right; } .ec-cards .ec-cards-wrapper .ec-cards-content .ec-cards-subtitle { clear: both; display: block; font-size: 0.9em !important; } .ec-cards .ec-cards-wrapper .ec-cards-content .ec-cards-description { margin-top: 0.5em; font-size: 0.8em; line-height: 1em; color: #8c8c8c; } .ec-cards .ec-cards-wrapper .ec-cards-content .ec-cards-date { font-size: 0.8em; position: absolute; bottom: 0; } p.ec-cards-date { margin: 0px 0px 10px 0px; } /* differents sizes */ .ec-cards.by1 .ec-cards-wrapper, .ec-cards.mini.by1 .ec-cards-wrapper{ width: 100%; } .ec-cards.by2 .ec-cards-wrapper, .ec-cards.mini.by2 .ec-cards-wrapper{ width: 48%; } .ec-cards.by4 .ec-cards-wrapper, .ec-cards.mini.by4 .ec-cards-wrapper{ width: 23%; } .ec-cards.by5 .ec-cards-wrapper, .ec-cards.mini.by5 .ec-cards-wrapper { width: 18%; } .ec-cards.by6 .ec-cards-wrapper, .ec-cards.mini.by6 .ec-cards-wrapper { width: 14.5%; } .ec-cards.mini { margin-left:0px; margin-bottom:0px;} .ec-cards.mini .ec-cards-wrapper > a { -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; margin-bottom:8px;} .ec-cards.mini .ec-cards-wrapper .ec-cards-content { height:25px;} .ec-cards.mini .ec-cards-wrapper .ec-cards-content .ec-cards-colorbar { height:30px; width:8px;} .ec-cards.mini .ec-cards-wrapper .ec-cards-content .ec-cards-title { width:100%; margin-top:7px; margin-left:5px; font-size: 1.2em; color:inherit; text-transform:none;} /* alternative style */ .ec-cards.nextgen, .ec-cards.nextgen .ec-cards-content { background: #f5f5f5; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ec-cards.nextgen, .ec-cards.nextgen .ec-cards-content { border: 1px solid #ccc; } .ec-cards.nextgen .ec-cards-wrapper .ec-cards-content .ec-cards-colorbar { background-repeat: repeat-x; background-position: bottom left; background-image: url("../img/shadow.png"); } .ec-cards.nextgen .ec-cards-wrapper .ec-cards-content .ec-cards-description { color: inherit; } /* colors */ .cooperation .ec-cards-colorbar { background-color: #c30; } .cooperation .ec-cards-title { color: #c30; } .ideas .ec-cards-colorbar { background-color: #f90; } .ideas .ec-cards-title { color: #f90; } .european_research_council .ec-cards-colorbar { background-color: #f90; } .european_research_council .ec-cards-title { color: #f90; } .future_emerging_technologies .ec-cards-colorbar { background-color: #f90; } .future_emerging_technologies .ec-cards-title { color: #f90; } .people .ec-cards-colorbar { background-color: #90f; } .people .ec-cards-title { color: #90f; } .capacities .ec-cards-colorbar { background-color: #c3c; } .capacities .ec-cards-title { color: #c3c; } .euratom .ec-cards-colorbar { background-color: #9c0; } .euratom .ec-cards-title { color: #9c0; } .eip .ec-cards-colorbar { background-color: #3cc; } .eip .ec-cards-title { color: #3cc; } .ict-psp .ec-cards-colorbar { background-color: #39f; } .ict-psp .ec-cards-title { color: #39f; } .iee .ec-cards-colorbar { background-color: #393; } .iee .ec-cards-title { color: #393; } .iee .ec-cards-title { color: #393; } /* Select plugin */ .cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url('../img/switch.jpg') repeat-x; display: block; float: left; color: #7C7C7C } .cb-enable span, .cb-disable span { line-height: 24px; display: block; background-repeat: no-repeat; font-weight: bold; } .cb-enable span { background-position: left -72px; padding: 0 10px; } .cb-disable span { background-position: right -144px;padding: 0 10px; } .cb-disable.selected { background-position: 0 -24px; } .cb-disable.selected span { background-position: right -168px; color: #fff; } .cb-enable.selected { background-position: 0 -48px; } .cb-enable.selected span { background-position: left -120px; color: #fff; } .switch label { cursor: pointer; } .switch input { display: none; } #filterbox label { font-size:inherit } /* ** EC Tree component */ .ec-tree li { list-style:none; list-style-type: none; overflow: hidden; } .ec-tree .doc-info { display: block; overflow: hidden; font-size: 0.8em; background: #f5f5f5; padding: 1em; margin: 0 0 1em 0; } .ec-tree .doc-info th { width: 40%; vertical-align: top; } .ec-tree .title, .ec-tree i { color: #333; text-decoration: none; cursor: pointer; margin-right: 3px;} .js .ec-tree .doc-info {display:none;} .doc-info table { width:100% !important;} .folder.folder-open > .title:hover, .folder.folder-close > .title:hover {color:#0088cc;} .folder.folder-open > .title:hover > icon-folder-open, .folder.folder-close > .title:hover > icon-folder-open {} .folder.folder-open > .title:hover > icon-folder-close, .folder.folder-close > .title:hover > icon-folder-close {} /* ** EC Tree component */ .ec-spinning-spinner-wrapper { position: absolute; top: 0; left: 0; z-index: 9999; background: #000; opacity: 0.7; background: url("../img/tranparent.png")\9; width: 100% } .ec-spinning-spinner-wrapper.white{ background: #fff; opacity: 0.7; background: url("../img/tranparent-white.png")\9; } .ec-spinning-spinner-wrapper img { position: absolute; top: 50%; left: 50%; width: 31px; height: 31px; margin: -15px 0 0 -15px; } /* Circular Content Carousel Style */ .ca-container{ background:#fff; border:1px solid #ccc; -moz-border-radius: 5px; border-radius: 5px; position:relative; margin: 10px 0 10px 4px; padding:0; width:936px; height:200px; margin-left:0px; } .ca-wrapper{ width:100%; height:100%; position:relative; } .ca-item{ position:relative; float:left; width:156px; height:100%; text-align:center; zoom: 1; } .ca-close{ position:absolute; top:6px; right:10px; background:#fff url(../img/carousel/cross.png) no-repeat center center; width:27px; height:27px; text-indent:-9000px; outline:none; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); -moz-border-radius: 5px;border-radius: 5px; opacity:0.7; border:none; } .ca-close:hover{ opacity:1.0; border:none; } .ca-item-main{ padding:0; position:absolute; top:5px; left:5px; right:5px; bottom:5px; background:#fff; overflow:hidden; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); cursor: pointer; -moz-border-radius: 5px; border-radius: 5px; border:solid 1px #ececec; } .ca-icon{ width:249px; height:135px; position:relative; margin:0 auto; background:transparent; } .ca-item-main.whats-new { /*add a yellow gradient here*/} .ca-item-1 .ca-icon{ background-image:url(../img/carousel/pp_illustration_1.jpg); } .ca-item-2 .ca-icon{ background-image:url(../img/carousel/pp_illustration_2.jpg); } .ca-item-3 .ca-icon{ background-image:url(../img/carousel/pp_illustration_3.jpg); } .ca-item-4 .ca-icon{ background-image:url(../img/carousel/pp_illustration_4.jpg); } .ca-item-5 .ca-icon{ background-image:url(../img/carousel/pp_illustration_5.jpg); } .ca-item-6 .ca-icon{ background-image:url(../img/carousel/pp_illustration_6.jpg); } .ca-item h3{ border:none; line-height:16px; margin: 7px 0 0 0; padding:auto; text-transform:uppercase; text-shadow: 0px 1px 1px #ccc; font-size:16px; } .ca-item h4{ font-style:italic; font-size:12px; text-align:left; border-left:10px solid #b0ccc6; padding-left:10px; line-height:24px; margin:10px; position:relative; } .ca-item h4 span{ text-indent:40px; display:block; } .ca-item h4 span.ca-quote{ font-size:100px; font-size:10px; position:absolute; top:20px; left:0px; text-indent:0px; } .ca-content-wrapper{ background:#5191cd; position:absolute; width:0px; height:190px; top:5px; text-align:left; z-index:10000; overflow:hidden; -moz-border-radius: 5px; border-radius: 5px; } .ca-content{ width:730px; overflow:hidden; } .ca-content h6 {background:none; border-top:none} .ca-content-text{ color:#fff; } .ca-content-text p{ padding-bottom:5px; } .ca-content h6{ color:#fff; margin:10px 0 0 10px; padding-bottom:5px; border-bottom:1px solid #ccc; text-shadow: 0px 1px 1px #555; text-transform:uppercase; font-size:17px; font-family: 'fonts/ArmataRegular', Arial, sans-serif; font-weight:normal; } .ca-nav span{ width:25px; height:38px; background:transparent url(../img/carousel/arrows.png) no-repeat top left; position:absolute; top:50%; margin-top:-19px; left:-40px; left:10px; text-indent:-9000px; opacity:0.7; cursor:pointer; z-index:999999; } .ca-nav span.ca-nav-next{ background-position:top right; left:auto; right:-40px; right:10px; } .ca-nav span:hover{ opacity:1.0; } .ca-content-col_1, ca-content-col_2 { float:left; width:370px; color:#fff; } .ca-content-col_1 a { color:#444;; } .ca-content-col_2 a { color:#444;; } .ca-content-col_1 p { display: table; padding:3px 10px 3px 10px; margin:0; } .ca-content-col_2 p { display: table; padding:3px 10px 3px 10px; margin:0; } .ca-content-col_1 ul{font-size:11px;margin:5px 10px 3px 0px;list-style:square;padding-left:25px;} .ca-content-col_1 ul li , .ca-content-col_2 ul li {margin-bottom:4px;} .ca-content-col_2 ul {font-size:11px;margin:5px 10px 3px 395px;list-style:square} .ca-content-column{ border-left:1px solid #ccc; float:left; height:130px; margin:10px 0; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker td.day.disabled { color: #eeeeee; } .datepicker td.old, .datepicker td.new { color: #999999; } .datepicker td.active, .datepicker td.active:hover { color: #ffffff; background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #003399 \9; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td span:hover { background: #eeeeee; } .datepicker td span.active { color: #ffffff; background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .datepicker td span.active:active, .datepicker td span.active.active { background-color: #003399 \9; } .datepicker td span.old { color: #999999; } .datepicker th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 21px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } /* * TableTools styles */ .table tbody tr.active td, .table tbody tr.active th { background-color: #08C; color: white; } .table tbody tr.active:hover td, .table tbody tr.active:hover th { background-color: #0075b0 !important; } .table-striped tbody tr.active:nth-child(odd) td, .table-striped tbody tr.active:nth-child(odd) th { background-color: #017ebc; } table.DTTT_selectable tbody tr { cursor: pointer; *cursor: hand; } div.DTTT .btn { color: #333 !important; font-size: 12px; } div.DTTT .btn:hover { text-decoration: none !important; } ul.DTTT_dropdown.dropdown-menu a { color: #333 !important; /* needed only when demo_page.css is included */ } ul.DTTT_dropdown.dropdown-menu li:hover a { background-color: #0088cc; color: white !important; } /* TableTools information display */ div.DTTT_print_info.modal { height: 150px; margin-top: -75px; text-align: center; } div.DTTT_print_info h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em; } div.DTTT_print_info p { font-size: 14px; line-height: 20px; } /* * FixedColumns styles */ div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, table.DTFC_Cloned tr.even { background-color: white; } div.DTFC_LeftHeadWrapper table { margin-bottom: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.DTFC_LeftBodyWrapper table { border-top: none; margin-bottom: 0 !important; } div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td { border-top: none; } div.DTFC_LeftFootWrapper table { border-top: none; } /*CARD DETAILS*/ #more-details-tabs { background: none; border: solid #c9d0da; border-width: 0 1px 1px; margin: 0 0 20px;padding: 0 0 2em;position: relative;-webkit-box-shadow: 0 4px 4px #CCC;box-shadow: 0 4px 4px #CCC;} #more-details-tabs h2 { border-bottom: 1px solid #CCC; font-size: 1.2em; margin: 1.5em 0 0.5em; padding: 0; /*width: 100%;*/ } #more-details-tabs .index {background: #FFF;padding: 0 10px 10px;float: right;position: relative;z-index: 2; margin-top: 15px;} #more-details-tabs .index ul { padding: 1em; border: 1px solid #ccc; margin: 0 0 10px 5px;} #more-details-tabs .index li { border: 0; margin: 0; list-style-type: decimal; color: #333; list-style-position: inside; line-height:1.2em; font-size:13px;} #more-details-tabs .index li a { color: #333; font-size: 0.9em; text-decoration: none; } #more-details-tabs .index li:hover, #more-details-tabs .index li:hover a { color: #0b62a5; } #more-details-tabs ul.tabs { font-size: 1.2em; margin: 0 1.5%; padding: 0; list-style-type: none; } #more-details-tabs ul.tabs li { position: relative; font-size: 0.8em; } #more-details-tabs ul.tabs li a.top { text-decoration: none; color: #0b62a5; position: absolute; top: -5px; right: 0; font-size: 1em; } #more-details-tabs ul.tabs li a.top:hover { text-decoration: underline; } /* Details anchor parts */ #more-details-tabs ul.tabs li ul { margin: 0; padding: 0; } #more-details-tabs ul.tabs li ul h3 { margin: 1em 0 0 0; padding: 0; font-size: 0.9em; line-height: 1em; } #more-details-tabs ul.tabs li ul p, .datacontent p { font-size: 12px; } #more-details-tabs ul.tabs li { font-size:12px;} .datacontent h3 { border:none;} .datacontent li { list-style:none; list-style-position:inside;} /* Document listing */ ul.downloadable { margin-top: 0.5em; } ul.downloadable li { text-decoration: none; color: #424242; padding: 0.4em 0.5em; display: block; cursor: pointer; border-radius: 10px; } ul.downloadable li.even { background: #f0f0f0 } ul.downloadable li:hover { background: #0b62a5; color: #FFF } ul.downloadable li:hover a { color: #FFF } ul.downloadable li.generated a { color: #000; text-decoration: none; display: block; } ul.downloadable li.generated a em { color: #0B62A5 } ul.downloadable li.generated:hover a, ul.downloadable li.generated:hover a em { color: #FFF } .datacontent em.info { font-style: normal; color: #366ca1; padding: 0.5em; line-height: 3em; } a.alldocslink { display: block; border-radius: 10px; padding: 0.5em; margin: auto; width: 17em; color: #333; background: #ccc; margin-bottom:5px;} .alldocslink span.ico { height: 24px; width: 20px; background: url('../img/download.png') no-repeat 0 4px; margin-right: 5px; float: left; margin-top: 5px;} .alldocslink span.small { font-size: 0.7em; line-height: 0.9em; font-style: italic; } .alldocslink:hover { color: #FFF; background: #0b62a5; } .colorbar {background: #d9d9d9;z-index: 2;left: 0;position: absolute;top: 0;bottom: 0;width: 7px;} #movable-article {background: #f4f4f4;border-top: #c7c7c7 1px solid;padding: 1em 0;position: relative;} #btn-close-call {background: url('../img/cross.png') no-repeat;cursor: pointer;height: 23px;overflow: hidden;position: absolute;right: -9px;text-indent: -999px;top: -9px;width: 23px;} #movable-article .programme {float: left;width: 20%;margin-left: 1.5%;padding: 0;text-align: center;text-transform: capitalize; font-size:16px; font: 16px 'fonts/ArmataRegular', Arial, sans-serif; font-weight: normal; letter-spacing: 0;line-height: 1.1em; margin-top: 5px;} #movable-article .summary {float: left;width: 77%;} #movable-article h1 {font-weight: normal;margin: 0 80px 0.5em 0; font-size:16px} #movable-article .labelized {font-size: 0.7em;} #movable-article .labelized .label {float: left;width: 15em; background-color:none; background:none; font-weight:normal; text-shadow:none; color:inherit; font-size:10px;} #movable-article .labelized span, #movable-article .labelized div.txt {font-size:10px; } #more-details-tabs ul.tabs li ul p { margin-top:0px;} #more-details-tabs ul.tabs li ul h3 {margin: 1em 0 0 0;padding: 0;font-size: 0.9em;line-height: 1em;margin-left:8px;} .alldocslink span.ico {height: 24px;width: 20px;background: url('../img/download.png') no-repeat 0 4px;margin-right: 5px;float: left;} #more-details-tabs select { height:auto; max-width:85%; width:auto; font-size:12px; margin-top: 5px;} /*Specific color chemas for FP7 and H2020 calls*/ /* RED */ .cooperation, .cooperation .ec-cards-title { color: #d63d1c; background: transparent; } .colorbar-cooperation, .cooperation .ec-cards-colorbar { background: #d63d1c } #sidebar #menu a.cooperation span.ico { background-position: -55px 3px; } #sidebar #menu a.cooperation:hover span.ico { background-position: -55px 23px } #sidebar #menu a.cooperation.selected span.ico { background-position: -55px 23px } .eu_1, .eu_1 .ec-cards-title { color: #d63d1c; background: transparent; } .colorbar-eu_1, .eu_1 .ec-cards-colorbar { background: #d63d1c } #sidebar #menu a.eu_1 span.ico { background-position: -55px 3px; } #sidebar #menu a.eu_1:hover span.ico { background-position: -55px 23px } #sidebar #menu a.eu_1.selected span.ico { background-position: -55px 23px } .eu_1-calldetails {background-color: #d63d1c; float:left; height:170px; margin-right:10px;width:5px;} /* Yellow / orange */ .ideas, .ideas .ec-cards-title { color: #f4bb3a; background: transparent; } .colorbar-ideas, .ideas .ec-cards-colorbar { background: #f4bb3a } #sidebar #menu a.ideas span.ico { background-position: -38px 3px } #sidebar #menu a.ideas:hover span.ico { background-position: -38px 23px } #sidebar #menu a.ideas.selected span.ico { background-position: -38px 23px } .eu_2, .eu_2 .ec-cards-title { color: #f4bb3a; background: transparent; } .colorbar-eu_2, .eu_2 .ec-cards-colorbar { background: #f4bb3a } #sidebar #menu a.eu_2 span.ico { background-position: -38px 3px } #sidebar #menu a.eu_2:hover span.ico { background-position: -38px 23px } #sidebar #menu a.eu_2.selected span.ico { background-position: -38px 23px } .eu_2-calldetails {background-color: #f4bb3a; float:left; height:170px; margin-right:10px;width:5px;} /* purple */ .people, .people .ec-cards-title { color: #895881; background: transparent; } .colorbar-people, .people .ec-cards-colorbar { background: #895881 } #sidebar #menu a.people span.ico { background-position: -18px 3px } #sidebar #menu a.people:hover span.ico { background-position: -18px 23px } #sidebar #menu a.people.selected span.ico { background-position: -18px 23px } .eu_3, .eu_3 .ec-cards-title { color: #895881; background: transparent; } .colorbar-eu_3, .eu_3 .ec-cards-colorbar { background: #895881 } #sidebar #menu a.eu_3 span.ico { background-position: -18px 3px } #sidebar #menu a.eu_3:hover span.ico { background-position: -18px 23px } #sidebar #menu a.eu_3.selected span.ico { background-position: -18px 23px } .eu_3-calldetails {background-color: #895881; float:left; height:170px; margin-right:10px;width:5px;} .eu_4, .eu_4 .ec-cards-title { color: #39F; background: transparent; } .colorbar-eu_4, .eu_4 .ec-cards-colorbar { background: #39F } #sidebar #menu a.eu_4 span.ico { background-position: -92px 3px } #sidebar #menu a.eu_4:hover span.ico { background-position: -92px 23px } #sidebar #menu a.eu_4.selected span.ico { background-position: -92px 23px } .eu_4-calldetails {background-color: #39F; float:left; height:170px; margin-right:10px;width:5px;} /* light pink*/ .capacities, .capacities .ec-cards-title { color: #f190ac; background: transparent; } .colorbar-capacities, .capacities .ec-cards-colorbar { background: #f190ac } #sidebar #menu a.capacities span.ico { background-position: -92px 3px } #sidebar #menu a.capacities:hover span.ico { background-position: -92px 23px } #sidebar #menu a.capacities.selected span.ico { background-position: -92px 23px } .eu_5, .eu_5 .ec-cards-title { color: #f190ac; background: transparent; } .colorbar-eu_5, .eu_5 .ec-cards-colorbar { background: #f190ac } #sidebar #menu a.eu_5 span.ico { background-position: -92px 3px } #sidebar #menu a.eu_5:hover span.ico { background-position: -92px 23px } #sidebar #menu a.eu_5.selected span.ico { background-position: -92px 23px } .eu_5-calldetails {background-color: #f190ac; float:left; height:170px; margin-right:10px;width:5px;} /* Dark Gray */ .eu_6, .eu_6 .ec-cards-title { color: #404040; background: transparent; } .colorbar-eu_6, .eu_6 .ec-cards-colorbar { background: #404040 } #sidebar #menu a.eu_6 span.ico { background-position: -92px 3px } #sidebar #menu a.eu_6:hover span.ico { background-position: -92px 23px } #sidebar #menu a.eu_6.selected span.ico { background-position: -92px 23px } .eu_6-calldetails {background-color: #404040; float:left; height:170px; margin-right:10px;width:5px;} /* dark pink*/ .eu_7, .eu_7 .ec-cards-title { color: #b40d5f; background: transparent; } .colorbar-eu_7, .eu_7 .ec-cards-colorbar { background: #b40d5f } #sidebar #menu a.eu_7 span.ico { background-position: -92px 3px } #sidebar #menu a.eu_7:hover span.ico { background-position: -92px 23px } #sidebar #menu a.eu_7.selected span.ico { background-position: -92px 23px } .eu_7-calldetails {background-color: #b40d5f; float:left; height:170px; margin-right:10px;width:5px;} /* Orange */ .eu_8, .eu_8 .ec-cards-title { color: #FFA500; background: transparent; } .colorbar-eu_8, .eu_8 .ec-cards-colorbar { background: #FFA500 } #sidebar #menu a.eu_8 span.ico { background-position: -92px 3px } #sidebar #menu a.eu_8:hover span.ico { background-position: -92px 23px } #sidebar #menu a.eu_8.selected span.ico { background-position: -92px 23px } .eu_8-calldetails {background-color: #FFA500; float:left; height:170px; margin-right:10px;width:5px;} /* Green */ .euratom, .euratom .ec-cards-title { color: #b2d235; background: transparent; } .colorbar-euratom, .euratom .ec-cards-colorbar { background: #b2d235 } #sidebar #menu a.euratom span.ico { background-position: -74px 3px } #sidebar #menu a.euratom:hover span.ico { background-position: -74px 23px } #sidebar #menu a.euratom.selected span.ico { background-position: -74px 23px } .euratom-calldetails {background-color: #b2d235; float:left; height:170px; margin-right:10px;width:5px;} .eip, .eip .ec-cards-title { color: #3CC; background: transparent; } .colorbar-eip, .eip .ec-cards-colorbar { background: #3CC } #sidebar #menu a.eip span.ico { background-position: -108px 3px } #sidebar #menu a.eip:hover span.ico, #sidebar #menu a.eip.selected span.ico { background-position: -108px 24px } .iee, .iee .ec-cards-title { color: #393; background: transparent; } .colorbar-iee, .iee .ec-cards-colorbar { background: #393 } #sidebar #menu a.iee span.ico { background-position: -145px 3px } #sidebar #menu a.iee:hover span.ico, #sidebar #menu a.iee.selected span.ico { background-position: -145px 24px } .ict-psp, .ict-psp .ec-cards-title { color: #39F; background: transparent; } .colorbar-ict-psp, .ict-psp .ec-cards-colorbar { background: #39F } #sidebar #menu a.ict-psp span.ico { background-position: -126px 3px } #sidebar #menu a.ict-psp:hover span.ico, #sidebar #menu a.ict-psp.selected span.ico { background-position: -126px 24px } .cards-menu { border: 1px solid #CCC; padding: 0 0.6em; margin-bottom: 1em; padding-left: 3px; padding-right: 2px; display:none; } .ec-cards-wrapper{ position:relative; top:0px;} .call-section-title { padding-left: 9px; } /* organisation card container */ .card_results_container { margin:10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding:0; height: 140px; width: 200px; float:left; position:relative; } .card_results_container:hover { z-index: 9999; } .card_results_container .card_results_content { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } .card_results_container:hover .card_results_content { -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px 5px rgba(0,0,0,0.5); } .card_results_container .card_results_content .card_results_details { min-height: 115px; height: 115px; border: 1px solid #CACBCD; border-bottom: none; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; padding-bottom: 5px; background-color: #E9EAEC; overflow: hidden; } .card_results_container:hover .card_results_content .card_results_details { height: auto; background-color: #EDEDED; } .card_results_container .card_results_content .actions { padding-right: 5px; height: 25px; border: 1px solid #CACBCD; border-top: none; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; background-color: #CDCBCC; } .card_results_container span { padding: 3px 5px 3px 25px; height: 19px; display: block; float: left; } .card_results_container span.label { -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; background-color: #343434; color: #FFF; } .card_results_container input { float: right; } /*

Cambridge University England */ .card_results_container h4{ font-weight:bold; margin:2px; padding:2px; } /*

streetname, cityname */ .card_results_container p{ line-height: 1em; margin:0 2px; padding: 2px; } .project-button { font-weight: bolder; valign: bottom; text-decoration: none; } th { text-align: left; font-weight: bold; font-size: 110%; } .pic { color: #cf4300; font-weight: bold; } .pic A:link { color: #303187; text-decoration: none; } .pic A:visited { color: #303187; text-decoration: none } .pic A:active { color: #303187; text-decoration: none } .pic A:hover { color: #cf4300; font-weight: bold; } .button A:link { color: #303187; text-decoration: none; font-size: 90%; } .button A:visited { color: #303187; text-decoration: none; font-size: 90%; } .button A:active { color: #303187; text-decoration: none; font-size: 90%; } .button A:hover { color: #303187; font-size: 90%; } /* organisation card container */ /*GENERIC CARDS COMPONENT*/ .ec-cards-filters { padding-left:0px; padding-right:18px;} .ec-cards-filters ul { list-style:none; margin-left:0px;} .ec-cards-filters ul li.btn-disabled {} .ec-cards-filters .filters-label { text-align:center;} .ec-cards-filters .row-fluid [class*="span"] { min-height:22px;} .ec-cards-filters .row-fluid li.filter { margin-bottom:3px; color:#666; } .ec-cards-filters .row-fluid li.active { color:#fff; background: #4d91ce; /* Old browsers */ background: -moz-linear-gradient(top, #4d91ce 0%, #1b64a8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d91ce), color-stop(100%,#1b64a8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4d91ce 0%,#1b64a8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4d91ce 0%,#1b64a8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4d91ce 0%,#1b64a8 100%); /* IE10+ */ background: linear-gradient(to bottom, #4d91ce 0%,#1b64a8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d91ce', endColorstr='#1b64a8',GradientType=0 ); /* IE6-9 */} .ec-cards-filters li.filter > div { display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-right:10px;} .ec-cards-filters li.filter > div.lbl { width:80px} /*EC SLIDER*/ .slider { display: inline-block; vertical-align: middle; position: relative; } .slider.slider-horizontal { width: 210px; height: 20px; } .slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0; } .slider.slider-horizontal .slider-selection { height: 100%; top: 0; bottom: 0; } .slider.slider-horizontal .slider-handle { margin-left: -10px; margin-top: -5px; } .slider.slider-horizontal .slider-handle.triangle { border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #0480be; margin-top: 0; } .slider.slider-vertical { height: 210px; width: 20px; } .slider.slider-vertical .slider-track { width: 10px; height: 100%; margin-left: -5px; left: 50%; top: 0; } .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } .slider.slider-vertical .slider-handle { margin-left: -5px; margin-top: -10px; } .slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #0480be; margin-left: 0; } .slider input { display: none; } .slider .tooltip-inner { white-space: nowrap; } .slider-track { position: absolute; cursor: pointer; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .slider-selection { position: absolute; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5)); background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5); background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5); background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .slider-handle { position: absolute; width: 20px; height: 20px; background: #4d91ce; /* Old browsers */ background: -moz-linear-gradient(top, #4d91ce 0%, #1b64a8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d91ce), color-stop(100%,#1b64a8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4d91ce 0%,#1b64a8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4d91ce 0%,#1b64a8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4d91ce 0%,#1b64a8 100%); /* IE10+ */ background: linear-gradient(to bottom, #4d91ce 0%,#1b64a8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d91ce', endColorstr='#1b64a8',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); opacity: 0.8; border: 0px solid transparent; } .slider-handle.round { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .slider-handle.triangle { background: transparent none; } #filter-dates { font-weight:bold;} /*SWITCH*/ .filter.toggle span { font-size:10px;} /*DATE PICKED FILTER*/ .ec-cards-filters .filter.date > div { display: inline-block; *display:inline; zoom:1;} .ec-cards-filters .filter.date input { width:80px; height:15px; } .ec-cards-filters .filter.date .add-on { height:15px;} .ec-cards-container > .ec-cards-filters li.filter.date > div.lbl{ width:auto; margin-top:2px;} .ec-cards-filters .submit-slider { margin-left:15px !important;} .ec-cards-filters .filter.date .btn{ display:inline-block; *display:inline; zoom:1; margin-right:10px;} .btn-group.export .btn.btn-small {height: 19px; padding:1px 4px;} /*FREE SEARCH*/ .ec-cards-filters .filter.search input { height:15px;} .ec-cards-filters .filter.search .btn.btn-small { margin-left:5px;} #searchReset { position: relative; left: -22px; top: -5px; cursor: pointer; margin-right: -14px; } /* SELECT BOX*/ .ec-cards-filters .filter.selectbox .btn.btn-small { margin-left:5px;} /*DATE POPOVER STYLE*/ .filter.date .popover-title { padding: 4px 7px; margin: 0; font-size: 11px; font-weight: normal; line-height: 18px; } .filter.date .popover-content { padding: 4px 7px; font-size:11px; font-weight:normal; } .filter.date .popover {max-width:150px; } .filters-label { list-style:none;} .filters-container li { list-style:none;} .plaintext-trigger { vertical-align:top;} .noleft { margin-left:0px !important;} /*NULL MATCH FILTER*/ .filter.nullmatch { display:none;} /*CUSTOM CHECKBOXES*/ input[type="checkbox"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; /* background:url("../img/check_radio_sheet.png") left top no-repeat;*/ cursor:pointer; } input[type="checkbox"]:checked + label span { /*background:url("../img/check_radio_sheet.png") -19px top no-repeat; */ } /* .filter.toggle { width:100%; height:18px; clear:both;}*/ .filter.toggle { height:18px;} .filter.toggle > label { margin-left:0px; font-size: 1.1em;} input[type="radio"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; cursor:pointer; } .filter.radio { width:100%; height:18px; clear:both;} .filter.radio > label { margin-left:0px; font-size: 1.1em;} .radio-label{ display: inline; font-size: 1.1em; } .css-radiobox{ float: left; margin: 4px 0 0; } ul.typeahead li { font-size:11px !important;} #results-counter { font-size:24px; padding:6px; padding-bottom:0px;} .well-grey { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border:1px solid rgba(51, 102, 153, 0.28); font-size:1.1em; line-height:1.2em; background-image: -moz-linear-gradient(top, #E9E9E9, #fff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E9E9E9), to(#fff)); background-image: -webkit-linear-gradient(top, #E9E9E9, #fff); background-image: -o-linear-gradient(top, #E9E9E9, #fff); background-image: linear-gradient(to bottom, #E9E9E9, #fff); background-repeat: repeat-x; margin:0 0 10px 0; padding:10px; } .well-grey a { text-decoration: underline; } .well-grey a:hover { } .well-grey hr { height:1px; padding: 0; margin:0px 0; } .well-grey .label.label-success { cursor:default; font-weight:normal; } .well-blue { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border:1px solid rgba(51, 102, 153, 0.28); font-size:1em; color: #000; line-height:1.2em; background: #C6DBEF; /* Old browsers */ background: -moz-linear-gradient(left, #C6DBEF 0%, #78BCFF 100%); /* FF3.6+ */ /*old colour #4e93ce*/ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b64a8), color-stop(100%,#78BCFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #C6DBEF 0%,#78BCFF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #C6DBEF 0%,#78BCFF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #C6DBEF 0%,#78BCFF 100%); /* IE10+ */ background: linear-gradient(to right, #C6DBEF 0%,#78BCFF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C6DBEF', endColorstr='#78BCFF',GradientType=1 ); /* IE6-9 */ margin:0 0 10px 0; padding:10px; } .well-blue a { text-decoration: underline; color: #000; } .well-white { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border:1px solid rgba(51, 102, 153, 0.28); font-size:1.1em; line-height:1.2em; background-image: -moz-linear-gradient(top, #fff, #fff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff)); background-image: -webkit-linear-gradient(top, #fff, #fff); background-image: -o-linear-gradient(top, #fff, #fff); background-image: linear-gradient(to bottom, #fff, #fff); background-repeat: repeat-x; margin:0 0 10px 0; padding:10px; } .well-white a { text-decoration: none; } .well-white a:hover { text-decoration: none; } .well-white hr { height:1px; padding: 0; margin:0px 0; } .well-white .label.label-success { cursor:default; font-weight:normal; } .well-padding5 { padding: 5px; } .centred-text { text-align: center; } .span4-5 { width:330px; } .noshadow, .noshadow:hover { text-shadow:none;} .accordion-like { text-decoration: none; font: 1em 'fonts/ArmataRegular', Arial, sans-serif; font-weight: normal; text-shadow:none; #555555; padding:8px 15px; border:1px solid #d3d3d3; margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-transform:none; } .accordion-like a { text-decoration: none; text-shadow:none; border: 1px solid #999999; outline: 0; border-style:none;color: #555555; } .accordion-like a:hover { text-decoration: none; text-shadow:none; border: 2px solid #999999; outline: 0; border-style:none;color: #555555; } .accordion-like.selected, .accordion-like.selected a:hover { text-decoration: none; outline: 0; background: #b0c4de; color: #0088cc !important; border-style:none; } .menu-title { font: 1.2em 'fonts/ArmataRegular', Arial, sans-serif; font-weight: bold; line-height: 1.1em; padding: 18px 0px 0px 0px; margin: -25px 0px 5px 5px; opacity: 0.7; } .menu-sub-title { font: 1.1em 'fonts/ArmataRegular', Arial, sans-serif; line-height: 1.1em; padding: 18px 0px 0px 0px; margin: -25px 0px 5px 5px; } .accordion-like-sub{ text-decoration: none; font: 1em 'fonts/ArmataRegular', Arial, sans-serif; font-weight: normal; text-shadow:none; #555555; padding:8px 1px 10px 10px; border:1px solid #d3d3d3; margin-bottom: 2px; margin-left: 20px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-transform:none; } .accordion-like-sub a { text-decoration: none; text-shadow:none; border: 1px solid #999999; outline: 0; border-style:none;color: #555555; } .accordion-like-sub a:hover { text-decoration: none; text-shadow:none; border: 2px solid #999999; outline: 0; border-style:none;color: #555555; } .accordion-like-sub.selected, .accordion-like-sub.selected a:hover { text-decoration: none; outline: 0; background: #b0c4de; color: #0088cc !important; border-style:none; } /* Glossary default styles */ .ec-cards-filters .glossary ul { margin: 0; padding: 0; } .ec-cards-filters .glossary li { cursor: pointer; display:inline; vertical-align:top; zoom:1; display: inline-block; padding: 0 0.3em; } .ec-cards-filters .glossary li.selected { font-weight: bold; } /* Glossary tooltip -- START*/ #tooltip { text-align: center; color: #000; background: rgba(128,128,128,0.9); position: absolute; z-index: 100; padding: 15px; border-radius: 5px; font-size:1.2em; padding: 10px 1.1em; line-height:20px; } @media only screen and (max-width: 800px){ #tooltip:before{ content: 'x'; position: absolute; color: #000; right: 8px; top: 3px; font-size:1.1em; } } #tooltip:after /* triangle decoration */ { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(128,128,128,0.9); content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #111; top: -20px; bottom: auto; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; } /* Glossary tooltip -- END */ /* Start ---- CSS Style for "more/less" link to more-less block*/ a.adjust{ float: right; padding:5px; margin-top: 5px; display:block; font-weight:bold; background:#eee; color:#333; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; width:60px; text-align:center; text-decoration:none; } a.adjust:hover{ background:#333; color:#FFF; -webkit-transition: all 400ms; /*safari and chrome */ -moz-transition: all 400ms ease; /* firefox */ -o-transition: all 400ms ease; /* opera */ transition: all 400ms ease; } p.continued{ margin-top:0; } /*Generic color schemas for multiprogram calls*/ /* RED */ .color-call-red, .color-call-red .ec-cards-title { color: #d63d1c; background: transparent; } .color-call-red .ec-cards-colorbar { background: #d63d1c } #sidebar #menu a.color-call-red span.ico { background-position: -55px 3px; } #sidebar #menu a.color-call-red:hover span.ico { background-position: -55px 23px } #sidebar #menu a.color-call-red.selected span.ico { background-position: -55px 23px } #color-call-red-calldetails {background-color: #d63d1c; float:left; height:70px; margin-right:10px;width:5px;} .color-call-red-calldetails {border: 1px solid #d63d1c; border-width: 0px 0px 0px 5px;} /* Yellow / orange */ .color-call-yellow, .color-call-yellow .ec-cards-title { color: #f4bb3a; background: transparent; } .color-call-yellow .ec-cards-colorbar { background: #f4bb3a } #sidebar #menu a.color-call-yellow span.ico { background-position: -38px 3px } #sidebar #menu a.color-call-yellow:hover span.ico { background-position: -38px 23px } #sidebar #menu a.color-yellow.selected span.ico { background-position: -38px 23px } #color-call-yellow-calldetails {background-color: #f4bb3a; float:left; height:70px; margin-right:10px;width:5px;} .color-call-yellow-calldetails {border: 1px solid #f4bb3a; border-width: 0px 0px 0px 5px;} /* purple */ .color-call-purple, .color-call-purple .ec-cards-title { color: #895881; background: transparent; } .color-call-purple .ec-cards-colorbar { background: #895881 } #sidebar #menu a.color-call-purple span.ico { background-position: -18px 3px } #sidebar #menu a.color-call-purple:hover span.ico { background-position: -18px 23px } #sidebar #menu a.color-call-purple.selected span.ico { background-position: -18px 23px } #color-call-purple-calldetails {background-color: #895881; float:left; height:70px; margin-right:10px;width:5px;} .color-call-purple-calldetails {border: 1px solid #895881; border-width: 0px 0px 0px 5px;} /* Green */ .color-call-green, .color-call-green .ec-cards-title {color: #b2d235; background: transparent; } .color-call-green .ec-cards-colorbar { background: #b2d235 } #sidebar #menu a.color-call-green span.ico { background-position: -74px 3px } #sidebar #menu a.color-call-green:hover span.ico { background-position: -74px 23px } #sidebar #menu a.color-call-green.selected span.ico { background-position: -74px 23px } #color-call-green-calldetails {background-color: #b2d235; float:left; height:70px; margin-right:10px;width:5px;} .color-call-green-calldetails {border: 1px solid #b2d235; border-width: 0px 0px 0px 5px;} /* Blue */ .color-call-blue, .color-call-blue .ec-cards-title { color: #39F; background: transparent; } .colorbar-color-call-blue, .color-call-blue .ec-cards-colorbar { background: #39F } #sidebar #menu a.color-call-blue span.ico { background-position: -92px 3px } #sidebar #menu a.color-call-blue:hover span.ico { background-position: -92px 23px } #sidebar #menu a.color-call-blue.selected span.ico { background-position: -92px 23px } #color-call-blue-calldetails {background-color: #39F; float:left; height:70px; margin-right:10px;width:5px;} .color-call-blue-calldetails {border: 1px solid #39F; border-width: 0px 0px 0px 5px;} /* light pink*/ .color-call-pink, .color-call-pink .ec-cards-title { color: #f190ac; background: transparent; } .colorbar-color-call-pink, .color-call-pink .ec-cards-colorbar { background: #f190ac } #sidebar #menu a.color-call-pink span.ico { background-position: -92px 3px } #sidebar #menu a.color-call-pink:hover span.ico { background-position: -92px 23px } #sidebar #menu a.color-call-pink.selected span.ico { background-position: -92px 23px } #color-call-pink-calldetails {background-color: #f190ac; float:left; height:70px; margin-right:10px;width:5px;} .color-call-pink-calldetails {border: 1px solid #f190ac; border-width: 0px 0px 0px 5px;} /* Dark Gray */ .color-call-black, .color-call-black .ec-cards-title { color: #404040; background: transparent; } .colorbar-color-call-black, .color-call-black .ec-cards-colorbar { background: #404040 } #sidebar #menu a.color-call-black span.ico { background-position: -92px 3px } #sidebar #menu a.color-call-black:hover span.ico { background-position: -92px 23px } #sidebar #menu a.color-call-black.selected span.ico { background-position: -92px 23px } #color-call-black-calldetails {background-color: #404040; float:left; height:70px; margin-right:10px;width:5px;} .color-call-black-calldetails {border: 1px solid #404040; border-width: 0px 0px 0px 5px;} /* magenta*/ .color-call-magenta, .color-call-magenta .ec-cards-title { color: #b40d5f; background: transparent; } .colorbar-color-call-magenta, .color-call-magenta .ec-cards-colorbar { background: #b40d5f } #sidebar #menu a.color-call-magenta span.ico { background-position: -92px 3px } #sidebar #menu a.color-call-magenta:hover span.ico { background-position: -92px 23px } #sidebar #menu a.color-call-magenta.selected span.ico { background-position: -92px 23px } #color-call-magenta-calldetails {background-color: #b40d5f; float:left; height:70px; margin-right:10px;width:5px;} .color-call-magenta-calldetails {border: 1px solid #b40d5f; border-width: 0px 0px 0px 5px;} /* Orange */ .color-call-orange, .color-call-orange .ec-cards-title { color: #FFA500; background: transparent; } .colorbar-color-call-orange, .color-call-orange .ec-cards-colorbar { background: #FFA500 } #sidebar #menu a.color-call-orange span.ico { background-position: -92px 3px } #sidebar #menu a.color-call-orange:hover span.ico { background-position: -92px 23px } #sidebar #menu a.color-call-orange.selected span.ico { background-position: -92px 23px } #color-call-orange-calldetails {background-color: #FFA500; float:left; height:70px; margin-right:10px;width:5px;} .color-call-orange-calldetails {border: 1px solid #FFA500; border-width: 0px 0px 0px 5px;} .eip, .eip .ec-cards-title { color: #3CC; background: transparent; } .colorbar-eip, .eip .ec-cards-colorbar { background: #3CC } #sidebar #menu a.eip span.ico { background-position: -108px 3px } #sidebar #menu a.eip:hover span.ico, #sidebar #menu a.eip.selected span.ico { background-position: -108px 24px } .iee, .iee .ec-cards-title { color: #393; background: transparent; } .colorbar-iee, .iee .ec-cards-colorbar { background: #393 } #sidebar #menu a.iee span.ico { background-position: -145px 3px } #sidebar #menu a.iee:hover span.ico, #sidebar #menu a.iee.selected span.ico { background-position: -145px 24px } .ict-psp, .ict-psp .ec-cards-title { color: #39F; background: transparent; } .colorbar-ict-psp, .ict-psp .ec-cards-colorbar { background: #39F } #sidebar #menu a.ict-psp span.ico { background-position: -126px 3px } #sidebar #menu a.ict-psp:hover span.ico, #sidebar #menu a.ict-psp.selected span.ico { background-position: -126px 24px } /* END ==== CSS Style for "more/less" link to more-less block*/