| /* Pontano+Sans */ |
| |
| @import url(//fonts.googleapis.com/css?family=Jura:400); |
| @import url(//fonts.googleapis.com/css?family=Pontano+Sans); |
| |
| body { |
| background: #fff; |
| margin:0; |
| padding:0; |
| font-family: 'Pontano Sans', Arial, Helvetica, sans-serif; |
| font-size: 16px; |
| color: #242A75; |
| } |
| |
| * { |
| margin:0; |
| padding:0; |
| } |
| |
| /** element defaults **/ |
| table { |
| width: 95%; |
| text-align: left; |
| } |
| |
| table a { |
| color: #FF6633; |
| font-style: italic; |
| } |
| |
| table a:hover { |
| color: #242A75; |
| font-style: italic; |
| } |
| |
| article table { |
| width: 100%; |
| text-align: left; |
| /**border:1px solid black;**/ |
| font-style: normal; |
| font-size: 14px; |
| } |
| |
| th, td { |
| padding: 10px 10px; |
| } |
| |
| th { |
| color: #242A75; |
| background: #F8F8F8 none repeat-x scroll left top; |
| } |
| |
| /** |
| td { |
| border-bottom: 1px solid #ccc; |
| } |
| **/ |
| |
| code, blockquote { |
| display: block; |
| border-left: 5px solid #222; |
| padding: 10px; |
| margin-bottom: 20px; |
| } |
| code { |
| background-color: #222; |
| color:#ccc; |
| border: none; |
| } |
| blockquote { |
| border-left: 5px solid #222; |
| } |
| |
| blockquote p { |
| font-style: italic; |
| font-family: Pontano Sans, "Times New Roman", Times, serif; |
| margin: 0; |
| color: #333; |
| height: 1%; |
| } |
| |
| p { |
| /*line-height: 1.9em;*/ |
| margin-bottom: 20px; |
| } |
| |
| a { |
| text-decoration: none; |
| color: #242A75; |
| } |
| |
| a:hover { |
| color: #FFCC00; |
| } |
| |
| a:focus { |
| outline: none; |
| } |
| |
| .box { |
| color: #fff; |
| /*background: #1791AB; substituted with FFCC00*/ |
| background: #FF6633; |
| padding: 10px 25px; |
| border-radius: 6px |
| transition-property: background, border-radius; |
| transition-duration: 0.5s; |
| transition-timing-function: linear; |
| text-transform:none; |
| margin-left: 200px; |
| } |
| .box:hover { |
| box-shadow: 0 200px 100px -100px white inset; |
| } |
| |
| a.button { |
| margin-right: 190px; |
| background-color: #FFCC00; |
| border-radius: 8px 8px 8px 8px; |
| color: #fff; |
| display: inline-block; |
| font-size: 13px; |
| font-weight: bold; |
| padding: 10px 25px; |
| text-decoration: none; |
| } |
| |
| .curl-top-right { |
| display: inline-block; |
| position: relative; |
| -webkit-transform: translateZ(0); |
| transform: translateZ(0); |
| box-shadow: 0 0 1px rgba(0, 0, 0, 0); |
| } |
| .curl-top-right:before { |
| pointer-events: none; |
| position: absolute; |
| content: ''; |
| height: 0; |
| width: 0; |
| top: 0; |
| right: 0; |
| background: white; |
| /* IE9 */ |
| background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); |
| box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); |
| -webkit-transition-duration: 0.3s; |
| transition-duration: 0.3s; |
| -webkit-transition-property: width, height; |
| transition-property: width, height; |
| } |
| .curl-top-right:hover:before, .curl-top-right:focus:before, .curl-top-right:active:before { |
| width: 25px; |
| height: 25px; |
| } |
| |
| |
| fieldset { |
| display: block; |
| border: none; |
| border-top: 1px solid #ccc; |
| } |
| |
| fieldset legend { |
| font-weight: bold; |
| font-size: 13px; |
| padding-right: 10px; |
| color: #333; |
| } |
| |
| fieldset form { |
| padding-top: 15px; |
| } |
| |
| fieldset p label { |
| float: left; |
| width: 150px; |
| } |
| |
| form input, form select, form textarea { |
| padding: 5px; |
| color: #333333; |
| border: 1px solid #ddd; |
| border-right:1px solid #ccc; |
| border-bottom:1px solid #ccc; |
| background-color:#fff; |
| font-family: Pontano Sans, Helvetica, sans-serif; |
| font-size: 13px; |
| } |
| |
| form input.formbutton { |
| border: none; |
| background: #FF6633; |
| color: #ffffff; |
| font-weight: bold; |
| padding: 6px 10px; |
| font-size: 12px; |
| letter-spacing: 1px; |
| width: auto; |
| overflow: visible; |
| } |
| |
| form.searchform input { |
| font-size: 15px; |
| padding: 6px; |
| } |
| |
| form.searchform p { |
| margin: 5px 0; |
| } |
| |
| |
| span.required { |
| color: #ff0000; |
| } |
| |
| h1 { |
| color: #FF6633; |
| font-size: 35px; |
| font-family: 'Jura',Arial,sans-serif; |
| } |
| |
| h2 { |
| color: #FF6633; |
| font-size: 24px; |
| letter-spacing: 0px; |
| font-weight: normal; |
| padding: 0 0 5px; |
| margin: 0; |
| font-family: 'Jura',Arial,sans-serif; |
| } |
| |
| h3 {/* |
| color: #FF6633; |
| font-size: 20px; |
| font-weight: normal; |
| margin-bottom: 10px; |
| letter-spacing: -1px; |
| font-family: 'Jura',Arial,sans-serif; |
| */ |
| |
| display: block; |
| font-family: 'Jura',Arial,sans-serif; |
| font-size: 15px; |
| letter-spacing: 0; |
| margin: 0; |
| padding: 15px 0px; |
| text-decoration: none; |
| text-transform: uppercase; |
| color: #FF6633; |
| font-weight:bold; |
| } |
| |
| h4 { |
| font-family: 'Pontano Sans', Arial, sans-serif; |
| color: #FF3300; |
| font-size: 14px; |
| font-weight: normal; |
| padding-bottom: 10px; |
| text-transform: uppercase; |
| } |
| |
| h5 { |
| padding-bottom: 10px; |
| font-size: 16px; |
| color: #999; |
| } |
| |
| ul, ol { |
| margin: 0 0 35px 35px; |
| } |
| |
| li { |
| padding-bottom: 5px; |
| } |
| |
| li ol, li ul { |
| font-size: 1.0em; |
| margin-bottom: 0; |
| padding-top: 5px; |
| } |
| |
| .width { |
| width: 1100px; |
| margin: 0 auto; |
| } |
| |
| .width-started { |
| width: 1100px; |
| margin-left: 150px; |
| } |
| |
| .logo { |
| padding-top: 5px; |
| padding-right: 5px; |
| } |
| |
| .logo-left { |
| padding-top: 5px; |
| text-align: left; |
| padding-right: 5px; |
| } |
| |
| .logo-right { |
| padding-top: 5px; |
| text-align: right; |
| padding-left: 5px; |
| } |
| |
| #container { |
| background-color: #fff; /* C5D6E8 */ |
| position:absolute; |
| left:0; |
| right:0; |
| } |
| |
| .caption { |
| /*padding: 2px 2px;*/ |
| text-align:center; |
| font-size: small; |
| font-style: normal; |
| font-weight: bold; |
| } |
| |
| header { |
| padding: 2px 2px; |
| /*background: #fff; /* C5D6E8*/ |
| /*background-image:linear-gradient(to left, #C5D6E8, white 90%);*/ |
| background-image:linear-gradient(to left, #FFCC00, white 90%); |
| /* margin: 0 auto; */ |
| text-align:right; |
| } |
| |
| header table td { |
| border: none; |
| } |
| |
| header h1 a, header h1 a:hover { |
| color: #000; |
| font-size: 55px; |
| font-weight: normal; |
| letter-spacing: -2px; |
| line-height:45px; |
| text-decoration: none; |
| text-transform: lowercase; |
| } |
| header h1 a span { |
| color: #FF6633; |
| } |
| |
| header h2 { |
| color: #c0c0c0; |
| font-size: 13px; |
| position: relative; |
| top: -5px; |
| letter-spacing: 0; |
| } |
| |
| /* background-color: #222 */ |
| nav { |
| /*background-image:linear-gradient(to left, #C5D6E8, white 90%);*/ |
| background-image:linear-gradient(to left, #FFCC00, white 90%); |
| /* background-color: #C5D6E8; /* fff */ |
| border-bottom: 5px solid #FF6633; |
| height: 45px; |
| } |
| |
| nav ul { |
| list-style: none; |
| padding: 0; |
| margin: 0; |
| } |
| |
| nav ul li { |
| float: left; |
| display: block; |
| padding: 0; |
| } |
| |
| |
| nav ul li a { |
| color: #707070; |
| display: block; |
| font-family: 'Jura',Arial,sans-serif; |
| font-size: 15px; |
| letter-spacing: 0; |
| margin: 0; |
| padding: 15px 17px; |
| text-decoration: none; |
| text-transform: uppercase; |
| } |
| nav ul li.selected a, |
| nav ul li.selected a:hover { |
| /*background-color: #FF6633;*/ |
| color: #FF6633; |
| background: url("images/arrow.png") no-repeat center bottom; |
| background-position: 50% 93%; |
| -webkit-transform: scale(1); |
| -moz-transform: scale(1); |
| -o-transform: scale(1); |
| transform: scale(1); |
| } |
| |
| |
| nav ul li a:hover { |
| color: #FF6633; |
| |
| /*transition*/ |
| -webkit-transition:all 1s ease; |
| -moz-transition:all 1s ease; |
| -o-transition:all 1s ease; |
| transition:all 1s ease; |
| |
| } |
| |
| .right-nav { |
| text-align: right; |
| } |
| |
| .divider-vertical-second-menu{ |
| height: 12px; |
| width: 1px; |
| padding-bottom: 4px; |
| margin-top: 16px; |
| overflow: hidden; |
| background-color: #DDD; |
| border-right: 2px solid #FFF; |
| position: bottom; |
| } |
| |
| #hrdiv { |
| border-top: 2px solid #AE9071; |
| background-image:url("images/bg_breadcrumb.jpg"); |
| background-repeat:repeat-x; |
| } |
| |
| |
| img.header-image { padding-top: 10px; |
| margin-bottom: -3px; } |
| |
| #body { |
| background: none; |
| margin: 5px auto 0; |
| padding: 0; |
| clear: both; |
| } |
| |
| #content { |
| float: left; |
| width: 71%; |
| } |
| |
| article { |
| padding: 10px 10px 20px 5px; |
| } |
| |
| article h2 { |
| font-weight: bold; |
| padding-bottom: 0; |
| } |
| |
| article p { |
| text-align: justify; |
| font-style: normal; |
| font-weight: normal; |
| } |
| |
| article table li { |
| text-align: justify; |
| font-style: normal; |
| font-weight: normal; |
| } |
| |
| #construction ul { |
| margin: 0 0 5px 25px; |
| } |
| |
| |
| article .article-info { |
| color: #999999; |
| font-size: 12px; |
| font-style: italic; |
| padding: 0 0 10px 0; |
| } |
| |
| article .article-info a { |
| color: #666; |
| } |
| |
| |
| .sidebar { |
| float: right; |
| width: 28%; |
| margin-top: 10px; |
| } |
| |
| .sidebar h4 { |
| padding-bottom: 0; |
| font-size: 16px; |
| text-decoration: none; |
| text-transform: none; |
| font-weight: normal; |
| color: #FF6633; |
| padding: 3px 3px; |
| font-family: 'Jura',Arial,sans-serif; |
| /*border-bottom: 6px solid #DFE8F2;*/ |
| } |
| |
| .sidebar ul { |
| margin: 0; |
| padding: 0; |
| list-style: none; |
| text-decoration: none; |
| } |
| |
| .sidebar ul li { |
| margin-bottom: 0px; |
| line-height: 1.5em; |
| text-decoration: none; |
| } |
| |
| .sidebar li ul { |
| list-style: none outside none; |
| text-decoration: none; |
| margin: 0px; |
| border-top:1px solid #DFE8F2; |
| } |
| |
| .sidebar li ul li { |
| display: block; |
| text-decoration: none; |
| border-top: none; |
| padding: 4px; |
| margin: 0; |
| line-height: 1.5em; |
| font-size: 12px; |
| } |
| |
| .sidebar li ul li.text { |
| border-bottom: none; |
| text-decoration: none; |
| } |
| |
| .sidebar a { |
| font-weight: normal; |
| color: #242A75; |
| text-decoration: none; |
| font-size: 13px; |
| |
| } |
| |
| .sidebar a:hover { |
| color: #FF6633; |
| text-decoration: none; |
| } |
| |
| .sidebar li ul li a { |
| font-weight: normal; |
| color: #242A75; |
| text-decoration: none; |
| } |
| |
| .sidebar li ul li a:hover { |
| color: #FF6633; |
| text-decoration: none; |
| } |
| |
| |
| .sidebar li ul li a.readmore { |
| color: #FF6633; |
| font-weight: bold; |
| text-decoration: none; |
| } |
| |
| |
| .sidebar li ul li a.readmore:hover { |
| color: #FF3300; |
| } |
| |
| |
| |
| |
| .clear { |
| clear: both; |
| } |
| |
| footer { |
| /*margin:20px auto 0;*/ |
| /*background: #C5D6E8; /* fff */ |
| background-image:linear-gradient(to left, #FFCC00, white 90%); |
| border-top: 8px solid #FF6633; |
| } |
| |
| #footer-features { |
| margin: 410em auto 0; |
| background-image:linear-gradient(to left, #FFCC00, white 90%); |
| border-top: 8px solid #FFCC00; |
| } |
| |
| #footer-start { |
| /*margin: 165em auto 0;*/ |
| /*margin: 300em auto 0;*/ |
| margin: 256em auto 0; |
| background-image:linear-gradient(to left, #FFCC00, white 90%); |
| border-top: 8px solid #FFCC00; |
| } |
| |
| footer p { |
| text-align: right; |
| color: #FFCC00; |
| font-size: 12px; |
| margin: 0; |
| padding: 0; |
| } |
| |
| footer table { |
| font-family: 'Jura',Arial,sans-serif; |
| |
| } |
| |
| footer p a { |
| color: #ccc; |
| font-weight: bold; |
| } |
| |
| .footer-content { |
| padding: 20px 25px 10px; |
| } |
| |
| footer .footer-content ul { |
| width: 220px; |
| list-style: none; |
| margin: 0 60px 0 0; |
| padding: 0; |
| float: left; |
| } |
| |
| footer .footer-content li { |
| padding: 5px 5px; |
| } |
| |
| footer .footer-content li a, footer .footer-content h4 { |
| } |
| |
| footer .footer-content li a { |
| color: #242A75; |
| font-size: 13px; |
| text-decoration: none; |
| font-family: 'Jura',Arial,sans-serif; |
| } |
| |
| footer .footer-content li a:hover { |
| color: #909090; |
| } |
| |
| footer .footer-content h4 { |
| color: #FF6633; |
| font-size: 24px; |
| font-family: 'Jura',Arial,sans-serif; |
| font-weight: normal; |
| text-transform: none; |
| padding-bottom: 0; |
| border-bottom:2px solid white; |
| } |
| |
| footer .footer-content ul.endfooter { |
| margin-right: 0; |
| } |
| footer .footer-bottom { |
| padding: 10px; |
| text-align: center; |
| background-color: #000; |
| } |
| |
| footer .footer-bottom p { |
| text-align: right; |
| } |
| |
| footer .footer-bottom p, footer .footer-bottom p a { |
| color: #666; |
| } |
| |
| footer .right-footer { |
| text-align: right; |
| color: #707070; |
| font-size: 15px; |
| } |
| |
| footer table td{ |
| border:none; |
| } |
| |
| |
| /* ------------ TABS --------- */ |
| .tabs { |
| width: 800px; |
| float: none; |
| position: relative; |
| margin: 10px 0 0 10px; |
| text-align: left; |
| -moz-box-sizing: border-box; |
| -webkit-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| .tabs li { |
| float: left; |
| display: block; |
| } |
| |
| .listInTabs li { |
| display: list-item; |
| float: none; |
| } |
| |
| .tabs input[type="radio"] { |
| position: absolute; |
| top: -9999px; |
| left: -9999px; |
| } |
| .tabs label { |
| display: block; |
| padding: 16px 28px; |
| border-radius: 3px 3px 0 0; |
| font-size: 14px; |
| font-weight: normal; |
| font-family: 'Jura',Arial,sans-serif; |
| text-transform: uppercase; |
| background: #E0E0E0 ; |
| cursor: pointer; |
| position: relative; |
| top: 4px; |
| -moz-transition: all 0.2s ease-in-out; |
| -o-transition: all 0.2s ease-in-out; |
| -webkit-transition: all 0.2s ease-in-out; |
| transition: all 0.2s ease-in-out; |
| } |
| .tabs label:hover { |
| background: #F8F8F8; |
| } |
| .tabs .tab-content { |
| z-index: 2; |
| display: none; |
| overflow: hidden; |
| width: 100%; |
| font-size: 16px; |
| line-height: 25px; |
| padding: 25px; |
| position: absolute; |
| top: 53px; |
| left: 0; |
| background: #F8F8F8; |
| } |
| |
| .tabs [id^="tab"]:checked + label { |
| top: 0; |
| padding-top: 17px; |
| background: #F8F8F8; |
| } |
| .tabs [id^="tab"]:checked ~ [id^="tab-content"] { |
| display: block; |
| } |
| |
| p.link { |
| clear: both; |
| margin: 380px 0 0 15px; |
| } |
| p.link a { |
| text-transform: uppercase; |
| text-decoration: none; |
| display: inline-block; |
| color: #fff; |
| padding: 5px 10px; |
| margin: 0 5px; |
| background-color: #612e76; |
| -moz-transition: all 0.2s ease-in; |
| -o-transition: all 0.2s ease-in; |
| -webkit-transition: all 0.2s ease-in; |
| transition: all 0.2s ease-in; |
| } |
| p.link a:hover { |
| background-color: #522764; |
| } |
| |
| /*----------- END OF TABS -------*/ |
| |
| |
| |
| /**** center images *****/ |
| img.center { |
| display: block; |
| margin-left: auto; |
| margin-right: auto; |
| } |
| |
| |
| /******Download Page*****/ |
| .features-table |
| { |
| width: 90%; |
| margin: 0 auto; |
| border-collapse: separate; |
| border-spacing: 0; |
| text-shadow: 0 1px 0 #fff; |
| color: #242A75; |
| background: #fafafa; |
| background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */ |
| background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff)); |
| } |
| |
| .features-table td |
| { |
| height: 50px; |
| line-height: 50px; |
| padding: 0 20px; |
| border-bottom: 1px solid #cdcdcd; |
| box-shadow: 0 1px 0 white; |
| -moz-box-shadow: 0 1px 0 white; |
| -webkit-box-shadow: 0 1px 0 white; |
| white-space: nowrap; |
| text-align: center; |
| } |
| |
| |
| .features-table tbody td |
| { |
| text-align: center; |
| font: normal 14px 'Pontano Sans', Arial, Helvetica; |
| width: 150px; |
| } |
| |
| .features-table tbody td:first-child |
| { |
| width: auto; |
| text-align: left; |
| } |
| |
| .features-table td:nth-child(2) |
| { |
| background: #F8F8F8 ; |
| /* background: rgba(144,144,144,0.15); */ |
| border-right: 1px solid white; |
| } |
| |
| .features-table td:nth-child(3) |
| { |
| background: #F8F8F8 ; |
| /* background: rgba(144,144,144,0.15); */ |
| border-right: 1px solid white; |
| } |
| |
| .features-table td:nth-child(4) |
| { |
| background: #F8F8F8 ; |
| /* background: rgba(184,243,85,0.3); */ |
| } |
| |
| /*Header*/ |
| .features-table thead td |
| { |
| font: bold 1.2em 'Pontano Sans', Arial; |
| -moz-border-radius-topright: 10px; |
| -moz-border-radius-topleft: 10px; |
| border-top-right-radius: 10px; |
| border-top-left-radius: 10px; |
| border-top: 1px solid #eaeaea; |
| } |
| |
| .features-table thead td:first-child |
| { |
| border-top: none; |
| } |
| |
| /*Footer*/ |
| .features-table tfoot td |
| { |
| font: 14px 'Pontano Sans'; |
| -moz-border-radius-bottomright: 10px; |
| -moz-border-radius-bottomleft: 10px; |
| border-bottom-right-radius: 10px; |
| border-bottom-left-radius: 10px; |
| border-bottom: 1px solid #dadada; |
| } |
| |
| .features-table tfoot td:first-child |
| { |
| border-bottom: none; |
| text-align: left; |
| } |