Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /**
- * Global style elements
- **/
- a {
- color: #0099cc;
- text-decoration: none;
- }
- a:visited {
- color: #0099cc;
- }
- a:hover, a:focus {
- color: #33ccff;
- text-decoration: none;
- }
- a:active {
- color: #33ccff;
- text-decoration: none;
- }
- @font-face {
- font-family: "RobotoRegular";
- src: url(../fontdata/Roboto-Regular.ttf) format("truetype");
- }
- h1 {
- font-size: 19px;
- font-weight: normal;
- color: #576175;
- line-height: 0px;
- }
- h1 .attention {
- color: #0099cc;
- }
- h3 {
- font-size: 16px;
- font-weight: normal;
- color: #576175;
- margin-bottom: 25px;
- margin-top: 0px;
- }
- h5 {
- font-size: 11px;
- }
- body {
- text-align: center;
- padding: 0px;
- margin: 0px;
- font-family: Arial;
- background-color: #ffffff;
- background-image: url('../img/page_bg.png');
- background-position: top center;
- background-attachment: fixed;
- background-repeat: no-repeat;
- color: #555555;
- font-size: 13px;
- }
- button {
- background-color: #0099cc;
- border: 2px solid transparent;
- color: #ffffff;
- font-size: 11px;
- padding: 5px 20px 5px 20px;
- cursor: pointer;
- }
- button:hover, button:active, button:focus {
- background-color: #33ccff;
- border-color: #99ccff;
- }
- button[disabled], button[disabled]:hover, button[disabled]:active, button[disabled]:focus {
- background-color: #eeeeee;
- border: 2px solid #efefef;
- color: #cccccc;
- cursor: default;
- }
- .button_send {
- background-image: url('../img/button_send_inactive.png');
- width: 42px;
- height: 42px;
- border: 0px;
- }
- .button_send:hover, .button_send:active, .button_send:focus {
- background-image: url('../img/button_send_active.png');
- }
- input[type="text"], textarea, select {
- width: 90%;
- background-color: transparent;
- border: 1px solid transparent;
- border-bottom-color: #0099cc;
- border-left-color: #eeeeee;
- border-radius: 3px;
- padding: 5px 5px;
- font-family: inherit;
- font-size: 11px;
- margin-top: 1px;
- margin-bottom: 1px;
- color: #999999;
- -webkit-appearance: none;
- }
- input[type="text"]:focus, textarea:focus, select:focus, input[type="text"]:hover, textarea:hover, select:hover {
- background-color: #ffffff;
- border-color: #99ccff;
- border-bottom-color: #0099cc;
- color: #555555;
- }
- select {
- border-top-color: #ffffff;
- border-right-color: #ffffff;
- width: 95%;
- }
- #page_wrapper {
- margin: 0 auto;
- width: 1000px;
- text-align: left;
- }
- #pnl_header {
- position: relative;
- width: inherit;
- height: 135px;
- background-color: #ffffff;
- border-bottom: 3px solid #0099cc;
- }
- #pnl_pagemain {
- position: relative;
- width: inherit;
- background-color: #fefefe;
- font-size: 12px;
- }
- #pnl_footer {
- background-color: #1f589d;
- background-image: url('../img/footer_bg.png');
- background-repeat: no-repeat;
- height: 420px;
- }
- #pnl_footer a {
- color: #ffffff;
- }
- #pnl_footer a:hover {
- color: #ff9900;
- }
- #topnavbar {
- position: absolute;
- background-color: #0099cc;
- width: inherit;
- height: 35px;
- }
- #topnavbar_navlinks {
- position: absolute;
- text-transform: uppercase;
- bottom: 6px;
- left: 15px;
- }
- #topnavbar_navlinks button, #footerbar_links button {
- color: #ffffff;
- font-size: 10px;
- background: transparent;
- border: 0px;
- padding: 5px 12px 5px 12px;
- cursor: pointer;
- }
- #topnavbar_navbuttons {
- position: absolute;
- bottom: 10px;
- right: 15px;
- visibility: hidden;
- }
- #toplogo {
- position: absolute;
- top: 55px;
- left: 30px;
- }
- #topmenu {
- position: absolute;
- bottom: 0px;
- right: 10px;
- }
- #topmenu button {
- font-size: 10px;
- color: #0099cc;
- text-transform: uppercase;
- font-weight: bold;
- padding: 5px 7px 5px 7px;
- background: transparent;
- border: 0px;
- border-bottom: 4px solid transparent;
- cursor: pointer;
- }
- #topmenu button:hover, #topmenu button:active, #topmenu button:focus, .topmenu_buttonactive {
- border-bottom: 4px solid #0099cc;
- }
- .topmenu_buttonactive {
- border-bottom: 4px solid #0099cc !important;
- }
- #footerbar {
- width: inherit;
- height: 35px;
- background: #0099cc;
- display: table;
- }
- #footerbar_copyright {
- display: table-cell;
- color: #ffffff;
- vertical-align: middle;
- padding-left: 15px;
- font-size: 11px;
- }
- #footerbar_links {
- display: table-cell;
- text-align: right;
- vertical-align: middle;
- }
- #footerbar_links button {
- color: #ffffff;
- font-size: 10px;
- background: transparent;
- border: 0px;
- padding: 5px 12px 5px 12px;
- cursor: pointer;
- }
- #footer_cols {
- display: table;
- padding: 30px 50px 30px 50px;
- width: 100%;
- color: #ffffff;
- font-size: 11px;
- }
- #footer_cols h3 {
- color: #ffffff;
- }
- #footer_cols h5 {
- color: #0099cc;
- font-weight: bold;
- margin: 0px;
- }
- #footercol01, #footercol02, #footercol03 , #footercol04 {
- display: table-cell;
- width: 25%;
- }
- .teammember_infopop {
- color: #555555;
- font-size: 12px;
- height: auto;
- display: table;
- }
- .teammember_infopop_lpan {
- display: table-cell;
- vertical-align: top;
- }
- .teammember_infopop_rpan {
- display: table-cell;
- vertical-align: top;
- padding-left: 10px;
- }
- .teammember_infopop_name {
- font-weight: bold;
- font-size: 15px;
- }
- .teammember_infopop_title {
- font-size: 11px;
- color: #777777;
- }
- .teammember_infopop_location {
- }
- .teammember_infopop_timezone {
- font-size: 11px;
- }
- .teammember_infopop_timezoneData {
- font-size: 11px;
- color: #777777;
- }
- .teammember_infopop_lastupdated {
- font-size: 11px;
- color: #777777;
- }
- .cMenu {
- background: #ffffff;
- border: 1px solid #eeeeee;
- border-bottom: 0px;
- width: 100%;
- -moz-box-shadow: 0 0 15px #888;
- -webkit-box-shadow: 0 0 15px#888;
- box-shadow: 0 0 15px #888;
- }
- .cMenu_holder {
- position: absolute;
- z-index: 9999;
- display: none;
- }
- .cMenu button {
- background: inherit !important;
- color: #555555 !important;
- border: 0px !important;
- border-bottom: 1px solid #4c4c4c !important;
- width: 100% !important;
- font-family: RobotoRegular, Arial !important;
- font-size: 11px !important;
- text-align: left !important;
- padding: 12px 10px 12px 10px !important;
- margin: 0px !important;
- text-transform: none !important;
- font-weight: normal !important;
- }
- .cMenu button:hover, .cMenu button:active, .cMenu button:focus {
- border-bottom: 1px solid #4c4c4c !important;
- background-color: #99ccff !important;
- color: #000000 !important;
- }
- #cMenu_main_services {
- left: 55px;
- width: 200px;
- }
- #cMenu_main_about {
- left: 155px;
- width: 200px;
- }
- #cMenu_topnav_services {
- left: 68px;
- width: 200px;
- }
- #cMenu_topnav_about {
- left: 205px;
- width: 200px;
- }
- .divSelector {
- width: 100%;
- }
- .divSelector_holder {
- position: absolute;
- z-index: 9999;
- display: none;
- -moz-box-shadow: 0 0 15px #888;
- -webkit-box-shadow: 0 0 15px#888;
- box-shadow: 0 0 15px #888;
- background: #ffffff;
- border: 1px solid #eeeeee;
- }
- #divSelector_maillists {
- right: 105px;
- border: 1px solid #eeeeee;
- }
- /**
- * Home page
- **/
- #home_slider {
- background: #000 url('../img/loading.gif') no-repeat center center; overflow: hidden;
- width: 1000px;
- height: 350px;
- border-bottom: 6px solid #0099cc;
- }
- #home_slider img, #home_slider div {
- display: none;
- }
- #home_welcomeblock {
- height: 135px;
- border-bottom: 6px solid #f1f1f1;
- }
- #home_welcometext {
- float: left;
- padding: 40px;
- }
- #home_welcome_contactblock {
- float: right;
- height: 100%;
- width: 255px;
- background-color: #0099cc;
- color: #ffffff;
- text-align: center;
- cursor: pointer;
- background-image: url('../img/banner_contactus_small_blue_glass.png');
- }
- #home_welcome_contactblock:hover {
- background-image: url('../img/banner_contactus_small_orange_glass.png');
- }
- #home_featuredblock {
- display: table;
- height: auto;
- }
- #home_featuredblock_leftpan {
- display: table-cell;
- background-color: #f1f1f1;
- width: 280px;
- height: auto;
- vertical-align: top;
- }
- #home_featuredblock_rightpan {
- display: table-cell;
- width: 720px;
- height: auto;
- vertical-align: top;
- }
- #home_featuredtext {
- padding: 25px;
- font-size: 12px;
- }
- #home_features {
- display: table;
- font-size: 11px;
- margin-bottom: 15px;
- }
- #home_feature_01, #home_feature_02, #home_feature_03 {
- display: table-cell;
- width: 210px;
- padding: 15px 0px 10px 15px;
- }
- .home_featureimg {
- margin-bottom: 30px;
- }
- #home_newsletter {
- display: table;
- background-image: url('../img/home_quicksend_bg.png');
- background-repeat: no-repeat;
- width: 725px;
- height: 145px;
- }
- #home_newsletter_iconblock {
- display: table-cell;
- vertical-align: middle;
- padding-bottom: 20px;
- width: 70px;
- padding-left: 30px;
- }
- #home_newsletter_infoblock {
- display: table-cell;
- vertical-align: middle;
- padding-bottom: 20px;
- width: 310px;
- }
- #home_newsletter_infoblock h3 {
- margin-bottom: 5px;
- }
- #home_newsletter_formblock {
- display: table-cell;
- vertical-align: middle;
- padding-bottom: 20px;
- }
- #home_newsletter_form {
- display: table;
- }
- #home_newsletter_form_fields {
- display: table-cell;
- vertical-align: middle;
- width: 220px;
- }
- #home_newsletter_form_sendbtn {
- display: table-cell;
- vertical-align: middle;
- padding-left: 20px;
- }
- #nl_chooselistLnk {
- width: 90%;
- border: 1px solid transparent;
- border-bottom-color: #0099cc;
- border-left-color: #eeeeee;
- border-radius: 3px;
- padding: 5px 5px;
- font-family: inherit;
- font-size: 11px;
- margin-top: 1px;
- margin-bottom: 1px;
- color: #999999;
- cursor: pointer;
- background-image: url('../img/spinner_bg_inactive.png');
- background-position: bottom right;
- background-repeat: no-repeat;
- }
- #nl_chooselistLnk:focus, #nl_chooselistLnk:hover {
- background-color: #ffffff;
- border-color: #99ccff;
- border-bottom-color: #0099cc;
- color: #555555;
- background-image: url('../img/spinner_bg_active.png');
- }
- /**
- * Sub page global
- **/
- #subpage_topbar {
- width: inherit;
- height: 50px;
- background-color: #007bc3;
- display: table;
- width: 100%;
- }
- #subpage_topbar_title {
- display: table-cell;
- vertical-align: middle;
- color: #ffffff;
- font-size: 22px;
- padding-left: 30px;
- width: 40%;
- }
- #subpage_topbar_navlinks {
- display: table-cell;
- vertical-align: middle;
- width: 60%;
- text-align: right;
- padding-right: 10px;
- color: #ffffff;
- }
- #subpage_topbar_navlinks_homelink {
- color: #ccccff;
- }
- #subpage_topbar_navlinks a {
- color: #ffffff;
- }
- #subpage_topbar_navlinks a:hover {
- text-decoration: underline;
- }
- #subpage_topbar_spacer {
- position: absolute;
- width: inherit;
- height: 15px;
- background-color: transparent;
- background-image: url('../img/downarrow.png');
- background-repeat: no-repeat;
- background-position: 50px 0px;
- }
- .subpage_content {
- padding: 20px 30px 20px 30px;
- }
- /**
- * About Us
- **/
- #about_topinfo {
- background: #f5f5f5;
- border-bottom: 1px solid #f0f0f0;
- display: table;
- }
- #about_topinfo_left, #about_topinfo_middle, #about_topinfo_right {
- display: table-cell;
- padding: 0px 12px 0px 12px;
- font-size: 12px;
- }
- #about_theteam {
- background-image: url('../img/block_shadedbg.png');
- background-repeat: no-repeat;
- }
- /**
- * Contact us
- **/
- #contact_mapview {
- width: inherit;
- height: 270px;
- }
- #mapview_panel {
- width: inherit;
- padding: 5px 10px 5px 10px;
- background-color: #f0f0f0;
- font-size: 11px;
- color: #555555;
- text-transform: uppercase;
- border-top: 1px solid #cecece;
- border-bottom: 1px solid #cecece;
- }
- #contact_table {
- display: table;
- }
- #contact_table_left {
- display: table-cell;
- background-color: #f5f5f5;
- width: 300px;
- }
- #contact_table_left h3 {
- margin-bottom: 10px;
- }
- #contact_table_right {
- display: table-cell;
- width: 700px;
- }
- /**
- * About / Safety first
- **/
- #safety_table {
- display: table;
- }
- #safety_table_left {
- display: table-cell;
- background-color: #f5f5f5;
- width: 300px;
- }
- #safety_table_left h3 {
- margin-bottom: 10px;
- }
- #safety_table_right {
- display: table-cell;
- width: 700px;
- }
- /**
- * Maillist
- **/
- #maillist_confirm_listdata {
- margin-top: 20px;
- }
- /**
- * News
- **/
- #news_pagecontent {
- display: table;
- vertical-align: top;
- }
- #news_blockdata {
- display: table-cell;
- width: 700px;
- padding: 10px 20px 20px 20px;
- }
- #news_rightblock {
- display: table-cell;
- width: 300px;
- background: #cccccc;
- }
- #news_blockcategories {
- display: table-row;
- }
- #news_blockarchive {
- display: table-row;
- }
- #news_blocktags {
- display: table-row;
- }
- .newsdata_entry {
- display: table;
- border-bottom: 1px solid #eeeeee;
- width: 100%;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- .newsdata_lpan {
- display: table-cell;
- width: 80px;
- padding: 10px;
- }
- .newsdata_rpan {
- display: table-cell;
- width: auto;
- }
- .newsdata_dataHeader {
- }
- .newsdata_dataInfo {
- font-size: 11px;
- color: #999999;
- }
- .newsdata_dataImage {
- min-height: 100px;
- max-height: 200px;
- max-width: 550px;
- border: 1px solid #eeeeee;
- margin: 10px 0px 10px 0px;
- }
- .newsdata_dataContent {
- margin-top: 10px;
- margin-bottom: 10px;
- }
- .newsdata_dataFooter {
- }
- .newsdata_dataDate {
- width: 70px;
- text-align: center;
- }
- .newsdata_dataDate_month {
- background-color: #007bc3;
- color: #ffffff;
- border: 1px solid #eeeeee;
- border-bottom: 0px !important;
- padding: 3px;
- }
- .newsdata_dataDate_day {
- border: 1px solid #eeeeee;
- border-bottom: 0px !important;
- font-size: 30px;
- padding: 5px;
- }
- .newsdata_dataDate_year {
- border: 1px solid #eeeeee;
- padding: 3px;
- }
Add Comment
Please, Sign In to add comment