Guest User

Untitled

a guest
Nov 19th, 2018
151
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 27.78 KB | None | 0 0
  1. /**
  2.  * Global style elements
  3.  **/
  4. a {
  5.      color:                                       #0099cc;
  6.      text-decoration:                             none;
  7. }
  8. a:visited {
  9.      color:                                       #0099cc;
  10. }
  11. a:hover, a:focus {
  12.      color:                                       #33ccff;
  13.      text-decoration:                             none;
  14. }
  15. a:active {
  16.      color:                                       #33ccff;
  17.      text-decoration:                             none;
  18. }
  19.  
  20. @font-face {
  21.     font-family: "RobotoRegular";
  22.     src: url(../fontdata/Roboto-Regular.ttf) format("truetype");
  23. }
  24.  
  25. h1 {
  26.      font-size:                                   19px;
  27.      font-weight:                                 normal;
  28.      color:                                       #576175;
  29.      line-height:                                 0px;
  30. }
  31. h1 .attention {
  32.      color:                                       #0099cc;
  33. }
  34.  
  35. h3 {
  36.      font-size:                                   16px;
  37.      font-weight:                                 normal;
  38.      color:                                       #576175;
  39.      margin-bottom:                               25px;
  40.      margin-top:                                  0px;
  41. }
  42.  
  43. h5 {
  44.      font-size:                                   11px;
  45. }
  46.  
  47. body {
  48.      text-align:                                  center;
  49.      padding:                                     0px;
  50.      margin:                                      0px;
  51.      font-family:                                 Arial;
  52.      background-color:                            #ffffff;
  53.      background-image:                            url('../img/page_bg.png');
  54.      background-position:                         top center;
  55.      background-attachment:                       fixed;
  56.      background-repeat:                           no-repeat;
  57.      color:                                       #555555;
  58.      font-size:                                   13px;
  59. }
  60.  
  61. button {
  62.      background-color:                            #0099cc;
  63.      border:                                      2px solid transparent;
  64.      color:                                       #ffffff;
  65.      font-size:                                   11px;
  66.      padding:                                     5px 20px 5px 20px;
  67.      cursor:                                      pointer;
  68. }
  69. button:hover, button:active, button:focus {
  70.      background-color:                            #33ccff;
  71.      border-color:                                #99ccff;
  72. }
  73. button[disabled], button[disabled]:hover, button[disabled]:active, button[disabled]:focus {
  74.      background-color:                            #eeeeee;
  75.      border:                                      2px solid #efefef;
  76.      color:                                       #cccccc;
  77.      cursor:                                      default;
  78. }
  79.  
  80. .button_send {
  81.      background-image:                            url('../img/button_send_inactive.png');
  82.      width:                                       42px;
  83.      height:                                      42px;
  84.      border:                                      0px;
  85. }
  86. .button_send:hover, .button_send:active, .button_send:focus {
  87.      background-image:                            url('../img/button_send_active.png');
  88. }
  89.  
  90. input[type="text"], textarea, select {
  91.      width:                                       90%;
  92.      background-color:                            transparent;
  93.      border:                                      1px solid transparent;
  94.      border-bottom-color:                         #0099cc;
  95.      border-left-color:                           #eeeeee;
  96.      border-radius:                               3px;
  97.      padding:                                     5px 5px;
  98.      font-family:                                 inherit;
  99.      font-size:                                   11px;
  100.      margin-top:                                  1px;
  101.      margin-bottom:                               1px;
  102.      color:                                       #999999;
  103.      -webkit-appearance:                          none;
  104. }
  105. input[type="text"]:focus, textarea:focus, select:focus, input[type="text"]:hover, textarea:hover, select:hover {
  106.      background-color:                            #ffffff;
  107.      border-color:                                #99ccff;
  108.      border-bottom-color:                         #0099cc;
  109.      color:                                       #555555;
  110. }
  111.  
  112. select {
  113.      border-top-color:                            #ffffff;
  114.      border-right-color:                          #ffffff;
  115.      width:                                       95%;
  116. }
  117.  
  118. #page_wrapper {
  119.      margin:                                      0 auto;
  120.      width:                                       1000px;
  121.      text-align:                                  left;
  122. }
  123.  
  124. #pnl_header {
  125.      position:                                    relative;
  126.      width:                                       inherit;
  127.      height:                                      135px;
  128.      background-color:                            #ffffff;
  129.      border-bottom:                               3px solid #0099cc;
  130. }
  131. #pnl_pagemain {
  132.      position:                                    relative;
  133.      width:                                       inherit;
  134.      background-color:                            #fefefe;
  135.      font-size:                                   12px;
  136. }
  137. #pnl_footer {
  138.      background-color:                            #1f589d;
  139.      background-image:                            url('../img/footer_bg.png');
  140.      background-repeat:                           no-repeat;
  141.      height:                                      420px;
  142. }
  143. #pnl_footer a {
  144.      color:                                       #ffffff;
  145. }
  146. #pnl_footer a:hover {
  147.      color:                                       #ff9900;
  148. }
  149.  
  150. #topnavbar {
  151.      position:                                    absolute;
  152.      background-color:                            #0099cc;
  153.      width:                                       inherit;
  154.      height:                                      35px;
  155. }
  156. #topnavbar_navlinks {
  157.      position:                                    absolute;
  158.      text-transform:                              uppercase;
  159.      bottom:                                      6px;
  160.      left:                                        15px;
  161. }
  162. #topnavbar_navlinks button, #footerbar_links button {
  163.      color:                                       #ffffff;
  164.      font-size:                                   10px;
  165.      background:                                  transparent;
  166.      border:                                      0px;
  167.      padding:                                     5px 12px 5px 12px;
  168.      cursor:                                      pointer;
  169. }
  170. #topnavbar_navbuttons {
  171.      position:                                    absolute;
  172.      bottom:                                      10px;
  173.      right:                                       15px;
  174.      visibility:                                  hidden;
  175. }
  176.  
  177. #toplogo {
  178.      position:                                    absolute;
  179.      top:                                         55px;
  180.      left:                                        30px;
  181. }
  182.  
  183. #topmenu {
  184.      position:                                    absolute;
  185.      bottom:                                      0px;
  186.      right:                                       10px;
  187. }
  188. #topmenu button {
  189.      font-size:                                   10px;
  190.      color:                                       #0099cc;
  191.      text-transform:                              uppercase;
  192.      font-weight:                                 bold;
  193.      padding:                                     5px 7px 5px 7px;
  194.      background:                                  transparent;
  195.      border:                                      0px;
  196.      border-bottom:                               4px solid transparent;
  197.      cursor:                                      pointer;
  198. }
  199. #topmenu button:hover, #topmenu button:active, #topmenu button:focus, .topmenu_buttonactive {
  200.      border-bottom:                               4px solid #0099cc;
  201. }
  202. .topmenu_buttonactive {
  203.      border-bottom:                               4px solid #0099cc !important;
  204. }
  205.  
  206. #footerbar {
  207.      width:                                       inherit;
  208.      height:                                      35px;
  209.      background:                                  #0099cc;
  210.      display:                                     table;
  211. }
  212. #footerbar_copyright {
  213.      display:                                     table-cell;
  214.      color:                                       #ffffff;
  215.      vertical-align:                              middle;
  216.      padding-left:                                15px;
  217.      font-size:                                   11px;
  218. }
  219. #footerbar_links {
  220.      display:                                     table-cell;
  221.      text-align:                                  right;
  222.      vertical-align:                              middle;
  223. }
  224. #footerbar_links button {
  225.      color:                                       #ffffff;
  226.      font-size:                                   10px;
  227.      background:                                  transparent;
  228.      border:                                      0px;
  229.      padding:                                     5px 12px 5px 12px;
  230.      cursor:                                      pointer;
  231. }
  232.  
  233. #footer_cols {
  234.      display:                                     table;
  235.      padding:                                     30px 50px 30px 50px;
  236.      width:                                       100%;
  237.      color:                                       #ffffff;
  238.      font-size:                                   11px;
  239. }
  240.  
  241. #footer_cols h3 {
  242.      color:                                       #ffffff;
  243. }
  244.  
  245. #footer_cols h5 {
  246.      color:                                       #0099cc;
  247.      font-weight:                                 bold;
  248.      margin:                                      0px;
  249. }
  250.  
  251. #footercol01, #footercol02, #footercol03 , #footercol04 {
  252.      display:                                     table-cell;
  253.      width:                                       25%;
  254. }
  255.  
  256. .teammember_infopop {
  257.      color:                                       #555555;
  258.      font-size:                                   12px;
  259.      height:                                      auto;
  260.      display:                                     table;
  261. }
  262. .teammember_infopop_lpan {
  263.      display:                                     table-cell;
  264.      vertical-align:                              top;
  265. }
  266. .teammember_infopop_rpan {
  267.      display:                                     table-cell;
  268.      vertical-align:                              top;
  269.      padding-left:                                10px;
  270. }
  271.  
  272. .teammember_infopop_name {
  273.      font-weight:                                 bold;
  274.      font-size:                                   15px;
  275. }
  276. .teammember_infopop_title {
  277.      font-size:                                   11px;
  278.      color:                                       #777777;
  279. }
  280. .teammember_infopop_location {
  281. }
  282. .teammember_infopop_timezone {
  283.      font-size:                                   11px;
  284. }
  285. .teammember_infopop_timezoneData {
  286.      font-size:                                   11px;
  287.      color:                                       #777777;
  288. }
  289. .teammember_infopop_lastupdated {
  290.      font-size:                                   11px;
  291.      color:                                       #777777;
  292.  
  293. }
  294.  
  295. .cMenu {
  296.      background:                                  #ffffff;
  297.      border:                                      1px solid #eeeeee;
  298.      border-bottom:                               0px;
  299.      width:                                       100%;
  300.      -moz-box-shadow:                             0 0 15px #888;
  301.      -webkit-box-shadow:                          0 0 15px#888;
  302.      box-shadow:                                  0 0 15px #888;
  303. }
  304. .cMenu_holder {
  305.      position:                                    absolute;
  306.      z-index:                                     9999;
  307.      display:                                     none;
  308. }
  309. .cMenu button {
  310.      background:                                  inherit !important;
  311.      color:                                       #555555 !important;
  312.      border:                                      0px !important;
  313.      border-bottom:                               1px solid #4c4c4c !important;
  314.      width:                                       100% !important;
  315.      font-family:                                 RobotoRegular, Arial !important;
  316.      font-size:                                   11px !important;
  317.      text-align:                                  left !important;
  318.      padding:                                     12px 10px 12px 10px !important;
  319.      margin:                                      0px !important;
  320.      text-transform:                              none !important;
  321.      font-weight:                                 normal !important;
  322. }
  323. .cMenu button:hover, .cMenu button:active, .cMenu button:focus {
  324.      border-bottom:                               1px solid #4c4c4c !important;
  325.      background-color:                            #99ccff !important;
  326.      color:                                       #000000 !important;
  327. }
  328.  
  329. #cMenu_main_services {
  330.      left:                                        55px;
  331.      width:                                       200px;
  332. }
  333. #cMenu_main_about {
  334.      left:                                        155px;
  335.      width:                                       200px;
  336. }
  337. #cMenu_topnav_services {
  338.      left:                                        68px;
  339.      width:                                       200px;
  340. }
  341. #cMenu_topnav_about {
  342.      left:                                        205px;
  343.      width:                                       200px;
  344. }
  345.  
  346. .divSelector {
  347.      width:                                       100%;
  348. }
  349. .divSelector_holder {
  350.      position:                                    absolute;
  351.      z-index:                                     9999;
  352.      display:                                     none;
  353.      -moz-box-shadow:                             0 0 15px #888;
  354.      -webkit-box-shadow:                          0 0 15px#888;
  355.      box-shadow:                                  0 0 15px #888;
  356.      background:                                  #ffffff;
  357.      border:                                      1px solid #eeeeee;
  358. }
  359.  
  360. #divSelector_maillists {
  361.      right:                                       105px;
  362.      border:                                      1px solid #eeeeee;
  363. }
  364.      
  365.  
  366.  
  367.  
  368.  
  369. /**
  370.  * Home page
  371.  **/
  372. #home_slider {
  373.      background:                                  #000 url('../img/loading.gif') no-repeat center center; overflow: hidden;
  374.      width:                                       1000px;
  375.      height:                                      350px;
  376.      border-bottom:                               6px solid #0099cc;
  377. }
  378. #home_slider img, #home_slider div {
  379.      display: none;
  380. }
  381.  
  382. #home_welcomeblock {
  383.      height:                                      135px;
  384.      border-bottom:                               6px solid #f1f1f1;
  385. }
  386. #home_welcometext {
  387.      float: left;
  388.      padding:                                     40px;
  389. }
  390.  
  391. #home_welcome_contactblock {
  392.      float:                                       right;
  393.      height:                                      100%;
  394.      width:                                       255px;
  395.      background-color:                            #0099cc;
  396.      color:                                       #ffffff;
  397.      text-align:                                  center;
  398.      cursor:                                      pointer;
  399.      background-image:                            url('../img/banner_contactus_small_blue_glass.png');
  400. }
  401. #home_welcome_contactblock:hover {
  402.      background-image:                            url('../img/banner_contactus_small_orange_glass.png');
  403. }
  404.  
  405. #home_featuredblock {
  406.      display:                                     table;
  407.      height:                                      auto;
  408. }
  409. #home_featuredblock_leftpan {
  410.      display:                                     table-cell;
  411.      background-color:                            #f1f1f1;
  412.      width:                                       280px;
  413.      height:                                      auto;
  414.      vertical-align:                              top;
  415. }
  416. #home_featuredblock_rightpan {
  417.      display:                                     table-cell;
  418.      width:                                       720px;
  419.      height:                                      auto;
  420.      vertical-align:                              top;
  421. }
  422.  
  423. #home_featuredtext {
  424.      padding:                                     25px;
  425.      font-size:                                   12px;
  426. }
  427.  
  428. #home_features {
  429.      display:                                     table;
  430.      font-size:                                   11px;
  431.      margin-bottom:                               15px;
  432. }
  433.  
  434. #home_feature_01, #home_feature_02, #home_feature_03 {
  435.      display:                                     table-cell;
  436.      width:                                       210px;
  437.      padding:                                     15px 0px 10px 15px;
  438. }
  439.  
  440. .home_featureimg {
  441.      margin-bottom:                               30px;
  442. }
  443.  
  444. #home_newsletter {
  445.      display:                                     table;
  446.      background-image:                            url('../img/home_quicksend_bg.png');
  447.      background-repeat:                           no-repeat;
  448.      width:                                       725px;
  449.      height:                                      145px;
  450. }
  451. #home_newsletter_iconblock {
  452.      display:                                     table-cell;
  453.      vertical-align:                              middle;
  454.      padding-bottom:                              20px;
  455.      width:                                       70px;
  456.      padding-left:                                30px;
  457. }
  458. #home_newsletter_infoblock {
  459.      display:                                     table-cell;
  460.      vertical-align:                              middle;
  461.      padding-bottom:                              20px;
  462.      width:                                       310px;
  463. }
  464. #home_newsletter_infoblock h3 {
  465.      margin-bottom:                               5px;
  466. }
  467. #home_newsletter_formblock {
  468.      display:                                     table-cell;
  469.      vertical-align:                              middle;
  470.      padding-bottom:                              20px;
  471. }
  472.  
  473. #home_newsletter_form {
  474.      display:                                     table;
  475. }
  476. #home_newsletter_form_fields {
  477.      display:                                     table-cell;
  478.      vertical-align:                              middle;
  479.      width:                                       220px;
  480. }
  481. #home_newsletter_form_sendbtn {
  482.      display:                                     table-cell;
  483.      vertical-align:                              middle;
  484.      padding-left:                                20px;
  485. }
  486.  
  487. #nl_chooselistLnk {
  488.      width:                                       90%;
  489.      border:                                      1px solid transparent;
  490.      border-bottom-color:                         #0099cc;
  491.      border-left-color:                           #eeeeee;
  492.      border-radius:                               3px;
  493.      padding:                                     5px 5px;
  494.      font-family:                                 inherit;
  495.      font-size:                                   11px;
  496.      margin-top:                                  1px;
  497.      margin-bottom:                               1px;
  498.      color:                                       #999999;
  499.      cursor:                                      pointer;
  500.      background-image:                            url('../img/spinner_bg_inactive.png');
  501.      background-position:                         bottom right;
  502.      background-repeat:                           no-repeat;
  503. }
  504. #nl_chooselistLnk:focus, #nl_chooselistLnk:hover {
  505.      background-color:                            #ffffff;
  506.      border-color:                                #99ccff;
  507.      border-bottom-color:                         #0099cc;
  508.      color:                                       #555555;
  509.      background-image:                            url('../img/spinner_bg_active.png');
  510. }
  511.  
  512.  
  513.  
  514.  
  515. /**
  516.  * Sub page global
  517.  **/
  518.  
  519. #subpage_topbar {
  520.      width:                                       inherit;
  521.      height:                                      50px;
  522.      background-color:                            #007bc3;
  523.      display:                                     table;
  524.      width:                                       100%;
  525. }
  526.  
  527. #subpage_topbar_title {
  528.      display:                                     table-cell;
  529.      vertical-align:                              middle;
  530.      color:                                       #ffffff;
  531.      font-size:                                   22px;
  532.      padding-left:                                30px;
  533.      width:                                       40%;
  534. }
  535. #subpage_topbar_navlinks {
  536.      display:                                     table-cell;
  537.      vertical-align:                              middle;
  538.      width:                                       60%;
  539.      text-align:                                  right;
  540.      padding-right:                               10px;
  541.      color:                                       #ffffff;
  542. }
  543. #subpage_topbar_navlinks_homelink {
  544.      color:                                       #ccccff;
  545. }
  546. #subpage_topbar_navlinks a {
  547.      color:                                       #ffffff;
  548. }
  549. #subpage_topbar_navlinks a:hover {
  550.      text-decoration:                             underline;
  551. }
  552.  
  553. #subpage_topbar_spacer {
  554.      position:                                    absolute;
  555.      width:                                       inherit;
  556.      height:                                      15px;
  557.      background-color:                            transparent;
  558.      background-image:                            url('../img/downarrow.png');
  559.      background-repeat:                           no-repeat;
  560.      background-position:                         50px 0px;
  561. }
  562.  
  563. .subpage_content {
  564.      padding:                                     20px 30px 20px 30px;
  565. }
  566.  
  567.  
  568.  
  569.  
  570. /**
  571.  * About Us
  572.  **/
  573.  
  574. #about_topinfo {
  575.      background:                                  #f5f5f5;
  576.      border-bottom:                               1px solid #f0f0f0;
  577.      display:                                     table;
  578. }
  579. #about_topinfo_left, #about_topinfo_middle, #about_topinfo_right {
  580.      display:                                     table-cell;
  581.      padding:                                     0px 12px 0px 12px;
  582.      font-size:                                   12px;
  583. }
  584.  
  585. #about_theteam {
  586.      background-image:                            url('../img/block_shadedbg.png');
  587.      background-repeat:                           no-repeat;
  588. }
  589.  
  590.  
  591.  
  592.  
  593. /**
  594.  * Contact us
  595.  **/
  596.  
  597. #contact_mapview {
  598.      width:                                       inherit;
  599.      height:                                      270px;
  600. }
  601. #mapview_panel {
  602.      width:                                       inherit;
  603.      padding:                                     5px 10px 5px 10px;
  604.      background-color:                            #f0f0f0;
  605.      font-size:                                   11px;
  606.      color:                                       #555555;
  607.      text-transform:                              uppercase;
  608.      border-top:                                  1px solid #cecece;
  609.      border-bottom:                               1px solid #cecece;
  610. }
  611.  
  612. #contact_table {
  613.      display:                                     table;
  614. }
  615. #contact_table_left {
  616.      display:                                     table-cell;
  617.      background-color:                            #f5f5f5;
  618.      width:                                       300px;
  619. }
  620. #contact_table_left h3 {
  621.      margin-bottom:                               10px;
  622. }
  623. #contact_table_right {
  624.      display:                                     table-cell;
  625.      width:                                       700px;
  626. }
  627.  
  628.  
  629.  
  630.  
  631. /**
  632.  * About / Safety first
  633.  **/
  634. #safety_table {
  635.      display:                                     table;
  636. }
  637. #safety_table_left {
  638.      display:                                     table-cell;
  639.      background-color:                            #f5f5f5;
  640.      width:                                       300px;
  641. }
  642. #safety_table_left h3 {
  643.      margin-bottom:                               10px;
  644. }
  645. #safety_table_right {
  646.      display:                                     table-cell;
  647.      width:                                       700px;
  648. }
  649.  
  650.  
  651.  
  652.  
  653. /**
  654.  * Maillist
  655.  **/
  656. #maillist_confirm_listdata {
  657.      margin-top:                                  20px;
  658. }
  659.  
  660.  
  661.  
  662.  
  663. /**
  664.  * News
  665.  **/
  666. #news_pagecontent {
  667.      display:                                     table;
  668.      vertical-align:                              top;
  669. }
  670. #news_blockdata {
  671.      display:                                     table-cell;
  672.      width:                                       700px;
  673.      padding:                                     10px 20px 20px 20px;
  674. }
  675. #news_rightblock {
  676.      display:                                     table-cell;
  677.      width:                                       300px;
  678.      background: #cccccc;
  679. }
  680.  
  681. #news_blockcategories {
  682.      display:                                     table-row;
  683. }
  684.  
  685. #news_blockarchive {
  686.      display:                                     table-row;
  687. }
  688.  
  689. #news_blocktags {
  690.      display:                                     table-row;
  691. }
  692.  
  693. .newsdata_entry {
  694.      display:                                     table;
  695.      border-bottom:                               1px solid #eeeeee;
  696.      width:                                       100%;
  697.      padding-top:                                 10px;
  698.      padding-bottom:                              10px;
  699. }
  700.  
  701. .newsdata_lpan {
  702.      display:                                     table-cell;
  703.      width:                                       80px;
  704.      padding:                                     10px;
  705. }
  706.  
  707. .newsdata_rpan {
  708.      display:                                     table-cell;
  709.      width:                                       auto;
  710. }
  711.  
  712. .newsdata_dataHeader {
  713. }
  714.  
  715. .newsdata_dataInfo {
  716.      font-size:                                   11px;
  717.      color:                                       #999999;
  718. }
  719.  
  720. .newsdata_dataImage {
  721.      min-height:                                  100px;
  722.      max-height:                                  200px;
  723.      max-width:                                   550px;
  724.      border:                                      1px solid #eeeeee;
  725.      margin:                                      10px 0px 10px 0px;
  726. }
  727.  
  728. .newsdata_dataContent {
  729.      margin-top:                                  10px;
  730.      margin-bottom:                               10px;
  731. }
  732.  
  733. .newsdata_dataFooter {
  734. }
  735.  
  736. .newsdata_dataDate {
  737.      width:                                       70px;
  738.      text-align:                                  center;
  739. }
  740. .newsdata_dataDate_month {
  741.      background-color:                            #007bc3;
  742.      color:                                       #ffffff;
  743.      border:                                      1px solid #eeeeee;
  744.      border-bottom:                               0px !important;
  745.      padding:                                     3px;
  746. }
  747. .newsdata_dataDate_day {
  748.      border:                                      1px solid #eeeeee;
  749.      border-bottom:                               0px !important;
  750.      font-size:                                   30px;
  751.      padding:                                     5px;
  752. }
  753. .newsdata_dataDate_year {
  754.      border:                                      1px solid #eeeeee;
  755.      padding:                                     3px;
  756. }
Add Comment
Please, Sign In to add comment