.font1 { font-family:Arial, Tahoma, Century Gothic; font-size: 11px; color: 343434; font-weight: normal; padding:15px 0 15px 5px; } .font2 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #6A828A; font-weight: normal; padding:5px 0 5px 42px; } .font3 { font-family:Arial, Tahoma, Century Gothic; font-size: 20px; color: #E64D0F; font-weight: bold; padding:5px 0 5px 42px; } .font4 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #0080C0; font-weight: bold; padding:5px 0 5px 0px; } .font5 { font-family:Arial, Tahoma, Century Gothic; font-size: 17px; color: #254987; font-weight: bold; padding:5px 0 5px 20px; } .font6 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #575757; font-weight: normal; padding:5px 0 5px 42px; } .font7 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #000000; font-weight: bold; padding:5px 30px 5px 30px; text-align:justify; } .font8 { font-family:Arial, Tahoma, Century Gothic; font-size: 10px; color: #0080C0; font-weight: bold; padding:2px 20px 2px 2px; text-align:justify; } .font9 { padding:20px 70px 20px 70px; } .font10 { padding:0px 0 0px 3px; } .font11 { font-family:Arial, Tahoma, Century Gothic; font-size: 17px; color: #E64D0F; font-weight: bold; padding:5px 0 5px 42px; } .font12 { font-family:Arial, Tahoma, Century Gothic; font-size: 17px; color: #254987; font-weight: bold; padding:20px 70px 20px 70px; } .font13 { font-family:Arial, Tahoma, Century Gothic; font-size: 15px; color: #000; font-weight: bold; padding:5px 70px 5px 70px; } .font14 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #575757; font-weight: normal; padding:10px 0px 5px 5px; text-align:justify; } .font15 { font-family:Arial, Tahoma, Century Gothic; font-size: 17px; color: #254987; font-weight: bold; padding:0px 70px 0px 70px; } .font16 { font-family:Arial, Tahoma, Century Gothic; font-size: 17px; color: #254987; font-weight: bold; padding:20px 70px 0px 70px; } .font17 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #575757; font-weight: normal; padding:5px 0px 0px 0px; } .font18 { font-family:Arial, Tahoma, Century Gothic; font-size: 17px; color: #1883C3; font-weight: bold; padding:20px 70px 20px 70px; } .font19 { font-family:Arial, Tahoma, Century Gothic; font-size: 13px; color: #333; font-weight: normal; padding:20px 70px 0px 70px; text-align:justify; } .font20 { font-family:Arial, Tahoma, Century Gothic; font-size: 15px; color: #1883C3; font-weight: bold; padding:20px 20px 5px 0px; text-align:justify; } .font21 { font-family:Arial, Tahoma, Century Gothic; font-size: 13px; color: #575757; font-weight: normal; padding:0px 0px 5px 0px; text-align:justify; } .font22 { font-family:Arial, Tahoma, Century Gothic; font-size: 13px; color: #575757; font-weight: normal; padding:20px 20px 5px 0px; text-align:justify; } .font23 { font-family:Arial, Tahoma, Century Gothic; font-size: 13px; color: #000; font-weight: normal; padding:0px 20px 20px 20px; text-align:justify; } .font24 { font-family:Arial, Tahoma, Century Gothic; font-size: 17px; color: #E64D0F; font-weight: bold; padding:20px 70px 20px 70px; } .font25 { font-family:Arial, Tahoma, Century Gothic; font-size: 15px; color: #254987; font-weight: bold; padding:0px 0px 0px 0px; text-align:justify; } .font26 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #333; font-weight: normal; padding:10px 70px 20px 70px; text-align:justify; } .font27 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #333; font-weight: normal; padding:10px 20px 10px 50px; text-align:justify; } .font28 { font-family:Arial, Tahoma, Century Gothic; font-size: 15px; color: #E64D0F; font-weight: bold; padding:20px 70px 20px 70px; text-align:justify; } .font29 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #333; font-weight: normal; padding:20px 70px 20px 0px; text-align:justify; } .font30 { font-family:Arial, Tahoma, Century Gothic; font-size: 17px; color: #E64D0F; font-weight: bold; padding:20px 70px 20px 70px; text-align:center; } .font31 { font-family:Arial, Tahoma, Century Gothic; font-size: 15px; color: #0080C0; font-weight: bold; padding:5px 70px 5px 70px; } .font32 { font-family:Arial, Tahoma, Century Gothic; font-size: 17px; color: #0080C0; font-weight: bold; padding:20px 70px 20px 70px; } .font33 { font-family:Arial, Constantia; font-size: 20px; color: #000; font-weight: bold; text-align:left; padding:20px; } .font34 { font-family:Arial, Tahoma, Century Gothic; font-size: 10px; color: #fff; font-weight: normal; text-align:center; } .font35 { font-family:Arial, Tahoma, Century Gothic; font-size: 16px; font-weight: bold; color: #8DCBE0; padding:20px 20px 20px 0px; } .font36 { font-family:Arial, Tahoma, Century Gothic; font-size: 13px; color: #15435D; font-weight: normal; padding:20px 20px 20px 0px; text-align:justify; } .font37 { font-family:Arial, Tahoma, Century Gothic; font-size: 18px; font-weight: bold; color: #E6531D; padding:20px 20px 0px 0px; } .font38 { font-family:Arial, Tahoma, Century Gothic; font-size: 10px; color: #fff; font-weight: normal; text-align:left; padding-left:20pt; } .font39 { font-family:Arial, Tahoma, Century Gothic; font-size: 20px; font-weight: bold; color: #E6531D; padding:20px 20px 20px 0px; } .font40 { font-family:Arial, Tahoma, Century Gothic; font-size: 15px; font-weight: bold; color: #154C61; padding:10px 10px 10px 10px; } .font41 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #575757; font-weight: normal; padding:10px 10px 10px 10px; text-align:justify; } .font42 { font-family:Arial, Tahoma, Century Gothic; font-size: 15px; color: #15435D; font-weight: normal; padding:10px 60px 10px 0px; text-align:justify; } .font43 { font-family:Arial, Tahoma, Century Gothic; font-size: 9px; color: #65696A; font-weight: normal; padding:10px 50px 10px 0px; text-align:justify; } .font44 { font-family:Arial, Tahoma, Century Gothic; font-size: 14px; color: #88929C; font-weight: normal; padding:10px 60px 10px 0px; text-align:justify; } .font45 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #000000; font-weight: normal; padding:10px 60px 10px 0px; text-align:justify; } .font46 { font-family:Arial, Tahoma, Century Gothic; font-size: 18px; font-weight: bold; color: #E6531D; padding:20px 20px 0px 0px; } .font47 { font-family:Arial, Tahoma, Century Gothic; font-size: 15px; font-weight: bold; color: #154C61; padding:10px 10px 10px 0px; } .font48 { font-family:Arial, Tahoma, Century Gothic; font-size: 15px; font-weight: bold; color: #154C61; padding:20px 20px 20px 0px; } .font49 { font-family:Arial, Tahoma, Century Gothic; font-size: 15px; font-weight: bold; color: #E6531D; padding:10px 10px 10px 0px; } .font50 { font-family:Arial, Tahoma, Century Gothic; font-size: 10px; font-weight: bold; color: #E6531D; padding:10px 10px 10px 0px; text-align:right } .font51 { font-family:Arial, Tahoma, Century Gothic; font-size: 15px; font-weight: bold; color: #154C61; padding:10px 10px 10px 0px; } .font52 { font-family:Arial, Tahoma, Century Gothic; font-size: 18px; font-weight: normal; color: #E6531D; padding:20px 20px 0px 0px; } .font53 { font-family:Arial, Tahoma, Century Gothic; font-size: 18px; font-weight: bold; color: #E6531D; padding:0px 0px 0px 0px; } .font54 { font-family:Arial, Tahoma, Century Gothic; font-size: 14px; color: #DB7664; font-weight: bold; text-align:left; padding:0px 20px 0px 20px; } .font55 { font-family:Arial, Tahoma, Century Gothic; font-size: 14px; color: #DADADA; font-weight: bold; text-align:left; padding:0px 20px 0px 20px; } .font56 { font-family:Arial, Tahoma, Century Gothic; font-size: 14px; color: #ffffff; font-weight: bold; text-align:left; padding:0px 20px 0px 20px; } .font57 { font-family:Arial, Tahoma, Century Gothic; font-size: 14px; color: #fff; font-weight: bold; padding:5px 30px 5px 50px; text-align:justify; } .font58 { font-family:Arial, Tahoma, Century Gothic; font-size: 14px; color: #fff; font-weight: bold; padding:5px 30px 5px 50px; text-align:left; } .font59 { font-family:Arial, Tahoma, Century Gothic; font-size: 14px; color: #fff; font-weight: bold; padding:5px 30px 5px 10px; text-align:left; } .font60 { font-family:Arial, Tahoma, Century Gothic; font-size: 14px; color: #fff; font-weight: bold; text-align:left; padding:20px; } .font61 { font-family:Arial, Tahoma, Century Gothic; font-size: 18px; font-weight: bold; color: #E6531D; padding:20px 20px 0px 0px; } .font62 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #3A0F2D; font-weight: bold; padding:5px 0 5px 5px; } .font63 { font-family:Arial, Tahoma, Century Gothic; font-size: 11px; color: #E0; font-weight: bold; padding:5px 0 5px 5px; } .font64 { font-family:Arial, Tahoma, Century Gothic; font-size: 12px; color: #000; font-weight: bold; text-align:left; padding:10px; } .font65 { font-family:Arial, Tahoma, Century Gothic; font-size: 13px; color: #000; font-weight: normal; padding:10px 20px 20px 20px; text-align:; } .font66 { font-family:Arial, Tahoma, Century Gothic; font-size: 13px; color: #000; font-weight: normal; padding:5px 0px 10px 10px; text-align:; } .font67 { font-family:Arial, Tahoma, Century Gothic; font-size: 13px; color: #000; font-weight: normal; padding:5px 0px 10px 20px; text-align:; } .table1 { background-color: #F5F5F5; border-color:#E1E1E1; border-style:solid; border-width:2px; box-shadow:10px 10px 40px grey; } .polaroid { width: 284px; padding: 10px 10px 20px 10px; border: 1px solid #BFBFBF; background-color: white; box-shadow: 10px 10px 5px #aaaaaa; } .table2 { background-color: #fff; border-color:#DEE4F0; border-style:solid; border-width:3px; } /* Slider http://www.freshdesignweb.com/drop-down-responsive-menu-with-css3-and-jquery.html */ @import url(http://fonts.googleapis.com/css?family=Gentium+Basic:400,700|Yanone+Kaffeesatz); /*===== nav style ======*/ #fdw nav select { display:none; /* this is just for the mobile display */ } #fdw nav ul { display:block; z-index:999999; } #fdw nav ul li { display:inline-block; padding:8px 30px 8px; margin-left:1px; position:relative; color:#fff; font:normal 12px 'Yanone Kaffeesatz', Century Gothic,Tahoma; } #fdw nav ul li a:link, #fdw nav ul li a:visited { color:#fff; font:normal 12px 'Yanone Kaffeesatz',Arial, Century Gothic,Tahoma; font-weight:normal; text-transform:uppercase; // display:inline-block; position:relative; } #fdw nav ul li a:hover, #fdw nav ul li a:active { color:#e25d29; text-decoration:none; } #fdw nav ul li span { position:absolute; right:-12px; bottom:6px; width:7px; height:8px; margin:0 0 0 3px; float:right; display:block; //background:url('nav_arrow.jpg') no-repeat left -8px; color:#e25d29; font:0/0 a; } #fdw nav ul li.current a { color:#e25d29; cursor: default; } //#fdw nav ul li.current a span { // background:url('nav_arrow.jpg') no-repeat left 0; } #fdw nav ul li.current ul li a { cursor:pointer; } /*===== sub_menu Style =======*/ #fdw nav ul li ul.sub_menu { position:absolute; top:30px; left:0; margin:0; padding:0; background:#fff; border:1px solid #ececec; border-top:5px solid #e25d29; display:none; z-index:999999; -moz-box-shadow: 0px 6px 7px #121012; -webkit-box-shadow: 0px 6px 7px #121012; box-shadow: 0px 6px 7px #121012; } #fdw nav ul li ul.sub_menu li.arrow_top { position:absolute; top:-12px; left:12px; width:13px; height:8px; display:block; border:none; //background:url('arrow_top1.jpg') no-repeat left top; } #fdw nav ul li ul.sub_menu li { float:none; margin:0; padding:0; border-bottom:1px solid #ececec; } #fdw nav ul li ul.sub_menu li a { white-space: nowrap; width: 200px; padding:12px; font:12px Arial, Century Gothic,Tahoma;; text-transform:capitalize; color:#777; } #fdw nav ul li ul.sub_menu li a:hover { background:#f9f9f9; color:#333; } #fdw nav ul li ul.sub_menu li a.subCurrent { color:#e25d29; cursor:default; } #fdw nav ul li ul.sub_menu li a.subCurrent:hover { background:none; } /*===================== end Header style ======================*/ @media only screen and (min-width: 768px) and (max-width: 959px) { /* nav */ #fdw nav ul li{ margin-left:12px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /* nav menu ul & select */ #fdw nav ul { display:none; } #fdw nav select { width:100%; display:block; margin-bottom:30px; cursor:pointer; padding:6px; background:#f9f9f9; border:1px solid #e3e3e3; color:#777; } } /** * Tooltip Styles */ /* Base styles for the element that has a tooltip */ [data-tooltip], .tooltip { position: relative; cursor: pointer; } /* Base styles for the entire tooltip */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; } /* Show the entire tooltip on hover and focus */ [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's directional arrow */ .tooltip:before, [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } /* Base styles for the tooltip's content area */ .tooltip:after, [data-tooltip]:after { z-index: 1000; padding: 8px; width: 100px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); font-size: 14px; line-height: 1.2; } /* Directions */ /* Top (default) */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after { bottom: 100%; left: 28%; } [data-tooltip]:before, .tooltip:before, .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #000; border-top-color: hsla(0, 0%, 20%, 0.9); } /* Horizontally align top/bottom tooltips */ [data-tooltip]:after, .tooltip:after, .tooltip-top:after { margin-left: -70px; } [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-top:focus:before, .tooltip-top:focus:after { -webkit-transform: translateY(-12px); transform: translateY(-12px); } /* Base styles for the element that has a tooltip */ [data-tooltip1], .tooltip { position: relative; cursor: pointer; } /* Base styles for the entire tooltip */ [data-tooltip1]:before, [data-tooltip1]:after, .tooltip:before, .tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; } /* Show the entire tooltip on hover and focus */ [data-tooltip1]:hover:before, [data-tooltip1]:hover:after, [data-tooltip1]:focus:before, [data-tooltip1]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's directional arrow */ .tooltip:before, [data-tooltip1]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } /* Base styles for the tooltip's content area */ .tooltip:after, [data-tooltip1]:after { z-index: 1000; padding: 8px; width: 100px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip1); font-size: 14px; line-height: 1.2; } /* Directions */ /* Top (default) */ [data-tooltip1]:before, [data-tooltip1]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after { bottom: 100%; left: 32%; } [data-tooltip1]:before, .tooltip:before, .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #000; border-top-color: hsla(0, 0%, 20%, 0.9); } /* Horizontally align top/bottom tooltips */ [data-tooltip1]:after, .tooltip:after, .tooltip-top:after { margin-left: -70px; } [data-tooltip1]:hover:before, [data-tooltip1]:hover:after, [data-tooltip1]:focus:before, [data-tooltip1]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-top:focus:before, .tooltip-top:focus:after { -webkit-transform: translateY(-12px); transform: translateY(-12px); } /* Base styles for the element that has a tooltip */ [data-tooltip2], .tooltip { position: relative; cursor: pointer; } /* Base styles for the entire tooltip */ [data-tooltip2]:before, [data-tooltip2]:after, .tooltip:before, .tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; } /* Show the entire tooltip on hover and focus */ [data-tooltip2]:hover:before, [data-tooltip2]:hover:after, [data-tooltip2]:focus:before, [data-tooltip2]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's directional arrow */ .tooltip:before, [data-tooltip2]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } /* Base styles for the tooltip's content area */ .tooltip:after, [data-tooltip2]:after { z-index: 1000; padding: 8px; width: 100px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip2); font-size: 14px; line-height: 1.2; } /* Directions */ /* Top (default) */ [data-tooltip2]:before, [data-tooltip2]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after { bottom: 100%; left: 39%; } [data-tooltip2]:before, .tooltip:before, .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #000; border-top-color: hsla(0, 0%, 20%, 0.9); } /* Horizontally align top/bottom tooltips */ [data-tooltip2]:after, .tooltip:after, .tooltip-top:after { margin-left: -70px; } [data-tooltip2]:hover:before, [data-tooltip2]:hover:after, [data-tooltip2]:focus:before, [data-tooltip2]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-top:focus:before, .tooltip-top:focus:after { -webkit-transform: translateY(-12px); transform: translateY(-12px); }