.button:hover {
background-color: #f89a1c;
}
+.button.back {
+ text-decoration: none;
+ bottom: 0;
+ float: right;
+ z-index: 500;
+}
+.button.back.right {
+ right: 0;
+}
+.buttons-list {
+ z-index: 300;
+ position: relative;
+}
+.buttons-list .button {
+ margin-left: 10px;
+}
+.buttons-list.fixpos {
+ margin-top: -42px;
+}
a.button {
text-align: center !important;
color: #fff !important;
.button:hover {
background-color: #f89a1c;
}
+.button.back {
+ text-decoration: none;
+ bottom: 0;
+ float: right;
+ z-index: 500;
+}
+.button.back.right {
+ right: 0;
+}
+.buttons-list {
+ z-index: 300;
+ position: relative;
+}
+.buttons-list .button {
+ margin-left: 10px;
+}
+.buttons-list.fixpos {
+ margin-top: -42px;
+}
a.button {
text-align: center !important;
color: #fff !important;
a.button:hover {
color: #fff !important;
}
+/*
+ ColorBox Core Style:
+ The following CSS is consistent between example themes and should not be altered.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 9999;
+ overflow: hidden;
+}
+#cboxOverlay {
+ position: fixed;
+ width: 100%;
+ height: 100%;
+}
+#cboxMiddleLeft, #cboxBottomLeft {
+ clear: left;
+}
+#cboxContent {
+ position: relative;
+}
+#cboxLoadedContent {
+ overflow: auto;
+}
+#cboxTitle {
+ margin: 0;
+}
+#cboxLoadingOverlay, #cboxLoadingGraphic {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+#cboxPrevious,
+#cboxNext,
+#cboxClose,
+#cboxSlideshow {
+ cursor: pointer;
+}
+.cboxPhoto {
+ float: left;
+ margin: auto;
+ border: 0;
+ display: block;
+}
+.cboxIframe {
+ width: 100%;
+ height: 100%;
+ display: block;
+ border: 0;
+}
+/*
+ User Style:
+ Change the following styles to modify the appearance of ColorBox. They are
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay {
+ background: #000;
+}
+#cboxContent {
+ margin-top: 20px;
+}
+.cboxIframe {
+ background: #fff;
+}
+#cboxError {
+ padding: 50px;
+ border: 1px solid #ccc;
+}
+#cboxLoadedContent {
+ border: 5px solid #000;
+ background: #fff;
+}
+#cboxTitle {
+ position: absolute;
+ top: -20px;
+ left: 0;
+ color: #ccc;
+}
+#cboxCurrent {
+ position: absolute;
+ top: -20px;
+ right: 0px;
+ color: #ccc;
+}
+#cboxSlideshow {
+ position: absolute;
+ top: -20px;
+ right: 90px;
+ color: #fff;
+}
+#cboxPrevious {
+ position: absolute;
+ top: 50%;
+ left: 5px;
+ margin-top: -32px;
+ background: url(../images/colorbox/controls.png) no-repeat top left;
+ width: 28px;
+ height: 65px;
+ text-indent: -9999px;
+}
+#cboxPrevious:hover {
+ background-position: bottom left;
+}
+#cboxNext {
+ position: absolute;
+ top: 50%;
+ right: 5px;
+ margin-top: -32px;
+ background: url(../images/colorbox/controls.png) no-repeat top right;
+ width: 28px;
+ height: 65px;
+ text-indent: -9999px;
+}
+#cboxNext:hover {
+ background-position: bottom right;
+}
+#cboxLoadingOverlay {
+ background: #000;
+}
+#cboxLoadingGraphic {
+ background: url(../images/colorbox/loading.gif) no-repeat center center;
+}
+#cboxClose {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ display: block;
+ background: url(../images/colorbox/controls.png) no-repeat top center;
+ width: 38px;
+ height: 19px;
+ text-indent: -9999px;
+}
+#cboxClose:hover {
+ background-position: bottom center;
+}
+.resources .categories ul {
+ zoom: 1;
+}
+.resources .categories ul:before, .resources .categories ul:after {
+ display: table;
+ content: "";
+ zoom: 1;
+}
+.resources .categories ul:after {
+ clear: both;
+}
+.resources .categories ul li {
+ float: left;
+}
+.resources .categories .title {
+ margin-bottom: 7.333333333333333px;
+}
+.resources .categories ul li a {
+ text-decoration: none;
+ color: #000;
+ margin-right: 22px;
+}
+.resources .categories ul li a:hover, .resources .categories ul li a.selected {
+ color: #000 !important;
+}
+.resources .categories ul li a.inactive {
+ opacity: 0.4;
+}
+.resources .list {
+ font-size: 0.9em;
+ line-height: 1em;
+ margin-top: 58.666666666666664px;
+ position: relative;
+}
+.resources .list .resource-wrapper.first .resource {
+ margin-left: 0;
+}
+.resources .list .resource-wrapper {
+ position: relative;
+ width: 200px;
+ margin-left: 22px;
+ margin-bottom: 22px;
+ width: 251px;
+ float: left;
+ overflow: hidden;
+ height: 249.33333333333331px;
+}
+.resources .list .resource-wrapper.first {
+ margin-left: 0;
+}
+.resources .list .resource-wrapper.hidden {
+ display: none;
+}
+.resources .list .resource {
+ border: 1px solid #000;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ *behavior: url(boxsizing.htc);
+ padding: 29.333333333333332px;
+ height: 249.33333333333331px;
+ overflow: hidden;
+}
+.resources .list .resource .date {
+ color: #808080;
+ margin-bottom: 3px;
+}
+.resources .list .resource .description {
+ font-size: 1.1em;
+ position: absolute;
+ height: 210px;
+ -webkit-transition: top 0.35s ease-in-out;
+ -moz-transition: top 0.35s ease-in-out;
+ transition: top 0.35s ease-in-out;
+ -webkit-transition: top 0.35s ease-in-out;
+ -moz-transition: top 0.35s ease-in-out;
+ transition: top 0.35s ease-in-out;
+ top: -210px;
+ width: 100%;
+ margin-left: -29.333333333333332px;
+ padding: 29.333333333333332px;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ *behavior: url(boxsizing.htc);
+ color: #fff;
+}
+.resources .list .resource .title {
+ line-height: 1.4em;
+}
+.resources .list .resource .category {
+ margin-top: 29.333333333333332px;
+ color: #808080;
+}
+.resources .list .resource .category a {
+ color: #808080;
+}
+.resources .list .resource .download {
+ bottom: 0;
+ position: absolute;
+ font-size: 1.1em;
+ width: 100%;
+ text-align: middle;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ *behavior: url(boxsizing.htc);
+ cursor: pointer;
+}
+.resources .list .resource .download a {
+ display: block;
+ color: #000000;
+ text-decoration: none;
+ padding: 5px;
+ padding-left: 14.666666666666666px;
+}
+.resources .list .resource .download a:hover, .resources .list .resource .download a .hovered {
+ color: #ff5d00;
+}
+.resources .list .resource .download a:hover .download-image, .resources .list .resource .download a .hovered .download-image {
+ background-image: url("../images/resource_down_arrow-active.png");
+}
+.resources .list .resource .download a .download-image {
+ display: block;
+ width: 30px;
+ height: 30px;
+ float: left;
+ margin-top: -7px;
+ margin-right: 10px;
+ background-image: url("../images/resource_down_arrow.png");
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+}
+.resources .list .resource .download img {
+ margin-right: 10px;
+ vertical-align: middle;
+}
+.resources .list .resource:hover .description, .resources .list .resource .hover .description {
+ top: 0;
+ display: block;
+}
.border-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(boxsizing.htc);
}
+.clearme {
+ zoom: 1;
+}
+.clearme:before, .clearme:after {
+ display: table;
+ content: "";
+ zoom: 1;
+}
+.clearme:after {
+ clear: both;
+}
body {
font-family: 'Antic', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
letter-spacing: 1px;
+ font-size: 12px;
}
.topbar {
background-color: #cfcdc7;
}
.topbar .head {
float: left;
- padding: 6px;
+ padding: 2.333333333333333px;
}
.topbar .links {
zoom: 1;
display: block;
float: left;
margin-left: 10px;
- padding: 12px;
+ padding: 8.333333333333332px;
}
.topbar .links a:hover {
background-color: #1a1a1a;
p a,
form a,
.section a,
-.styledlinks a {
+.styledlinks a,
+a.styled {
color: #000000;
text-decoration: none;
border-bottom: 1px solid #f89a1c;
p a:hover,
form a:hover,
.section a:hover,
-.styledlinks a:hover {
+.styledlinks a:hover,
+a.styled:hover {
color: #f89a1c;
}
section a.noborder,
p a.noborder,
form a.noborder,
.section a.noborder,
-.styledlinks a.noborder {
+.styledlinks a.noborder,
+a.styled.noborder {
border: none;
}
section a em,
p a em,
form a em,
.section a em,
-.styledlinks a em {
+.styledlinks a em,
+a.styled em {
color: #3582ac;
}
a.simple {
}
div.header {
position: relative;
- margin-top: 88px;
- margin-bottom: 22px;
+ margin-top: 36.666666666666664px;
+ margin-bottom: 14.666666666666666px;
}
div.header h1 {
color: #cfcdc7;
.footer {
border-bottom: 1px solid #808080;
border-top: 1px solid #a6a6a6;
- padding-top: 22px;
- padding-bottom: 22px;
+ padding-top: 14.666666666666666px;
+ padding-bottom: 14.666666666666666px;
}
ul.inline {
zoom: 1;
.mainnav.quicknav {
position: absolute;
right: 0;
- top: -57.2px;
+ top: -38.13333333333333px;
margin: 0;
}
.mainnav.quicknav li {
}
.navigation {
height: 83px;
+ position: absolute;
+ right: -15px;
+ top: -23px;
}
.mainnav {
- font-size: 1.2em;
+ font-size: 1.3em;
}
.mainnav.subnav {
- margin-bottom: -22px;
+ margin-bottom: -14.666666666666666px;
}
.mainnav.subnav li {
- margin-top: 1.2em;
+ margin-top: 5.866666666666667px;
+ float: right;
}
.mainnav li {
- margin-top: 66px;
+ margin-top: 29.333333333333332px;
}
.mainnav li.active a {
/*border-bottom: 1px solid @linkColor;*/
margin-left: -22px;
zoom: 1;
margin-left: -22px;
- margin-top: 132px;
+ margin-top: 73.33333333333333px;
font-size: 1.1em;
}
div.page:before, div.page:after {
position: relative;
}
.maincol {
+ position: relative;
display: inline;
float: left;
margin-left: 22px;
.maincol.full:after {
clear: both;
}
+.maincol .nextlink {
+ margin-top: 60px;
+ text-align: right;
+ float: right;
+ margin-right: 50px;
+ font-size: 1.1em;
+}
+.maincol .content-bottom {
+ position: relative;
+ zoom: 1;
+}
+.maincol .content-bottom:before, .maincol .content-bottom:after {
+ display: table;
+ content: "";
+ zoom: 1;
+}
+.maincol .content-bottom:after {
+ clear: both;
+}
+.backlink {
+ margin: 30px 0;
+}
.appbar {
height: 30px;
background-color: #3582ac;
background-color: #f89a1c !important;
}
.section {
- margin-bottom: 66px;
+ margin-bottom: 44px;
}
.section em {
color: #3582ac;
}
.section.positioned h3 {
font-size: 1.2em;
- margin-bottom: 22px;
+ margin-bottom: 14.666666666666666px;
}
.section.positioned .text {
color: #000000;
background-image: none !important;
}
form.login {
- margin-bottom: 33px;
+ margin-bottom: 22px;
}
form h2 {
color: #000000;
- margin-bottom: 22px;
+ margin-bottom: 14.666666666666666px;
font-size: 1.1em;
}
form h2 span {
padding-bottom: 3px;
}
form .form-row {
- min-height: 44px;
+ min-height: 29.333333333333332px;
position: relative;
}
form .form-row.submit {
- margin-top: 33px;
+ margin-top: 22px;
}
form .form-row .extra-link {
color: #808080;
margin-top: 1.3em;
float: right;
}
+form .form-row label {
+ font-size: 1.1em;
+}
form.innerlabels label {
position: absolute;
- top: 1em;
+ top: 1.1em;
left: 1.5em;
color: #aaa;
}
form input.submit:hover, form input[type="submit"]:hover {
background-color: #f89a1c;
}
+form input.submit.back, form input[type="submit"].back {
+ text-decoration: none;
+ bottom: 0;
+ float: right;
+ z-index: 500;
+}
+form input.submit.back.right, form input[type="submit"].back.right {
+ right: 0;
+}
form input.submit:hover, form input[type="submit"]:hover {
background-color: #f89a1c;
}
+form input.submit.back, form input[type="submit"].back {
+ text-decoration: none;
+ bottom: 0;
+ float: right;
+ z-index: 500;
+}
+form input.submit.back.right, form input[type="submit"].back.right {
+ right: 0;
+}
+form textarea {
+ height: 200px;
+ width: 350px !important;
+}
form .with-errors input, form .with-errors textarea, form .with-errors select {
color: #9d261d;
}
background-image: url("../images/dashed_border.png");
background-repeat: repeat-x;
background-position: left bottom;
- padding-bottom: 44px;
- margin-bottom: 44px;
+ padding-bottom: 29.333333333333332px;
+ margin-bottom: 29.333333333333332px;
}
.section h2 {
font-size: 1.1em;
line-height: 1.3em;
- margin-bottom: 33px;
+ margin-bottom: 22px;
}
.section h2 a {
color: #4085A6;
.section h3 {
font-size: 1.1em;
line-height: 1.3em;
- margin-bottom: 33px;
+ margin-bottom: 22px;
}
.section p {
line-height: 1.7em;
}
.section .section-img {
- margin-bottom: 22px;
+ margin-bottom: 14.666666666666666px;
}
.messages {
display: inline;
margin: 2em 0;
background-color: #ddd;
margin-left: 0;
+ font-size: 1.1em;
}
.messages li {
padding: 1em;
color: #ffffff;
}
.messages li.warning {
- background-color: #ffc40d;
+ background-color: #AF6906;
color: #000000;
}
+.messages .warning {
+ color: #ffffff !important;
+}
+.messages .warning a {
+ color: inherit;
+ font-weight: bold;
+}
.service-desc {
margin-top: 4em;
}
.row:after {
clear: both;
}
+.footer {
+ zoom: 1;
+ color: #b3b3b3;
+ -webkit-transition: color 0.15s ease-in-out;
+ -moz-transition: color 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out;
+ -webkit-transition: color 0.15s ease-in-out;
+ -moz-transition: color 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out;
+}
+.footer:before, .footer:after {
+ display: table;
+ content: "";
+ zoom: 1;
+}
+.footer:after {
+ clear: both;
+}
+.footer a {
+ -webkit-transition: color 0.15s ease-in-out;
+ -moz-transition: color 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out;
+ -webkit-transition: color 0.15s ease-in-out;
+ -moz-transition: color 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out;
+}
+.footer:hover {
+ color: #808080 !important;
+}
.footer:hover a {
color: #808080 !important;
- -webkit-transition: color 0.15s linear;
- transition: color 0.15s linear;
- -webkit-transition: color 0.15s linear;
- transition: color 0.15s linear;
}
.footer a {
color: #b3b3b3;
- -webkit-transition: color 0.15s linear;
- transition: color 0.15s linear;
- -webkit-transition: color 0.15s linear;
- transition: color 0.15s linear;
text-decoration: none;
}
.footer a:hover {
- color: #000000;
+ color: #000 !important;
}
.footer li {
- margin-bottom: 11px;
+ margin-bottom: 7.333333333333333px;
}
.footer li.header {
- margin-bottom: 22px;
+ margin-bottom: 14.666666666666666px;
}
.footer .col {
display: inline;
width: 140px;
margin-right: 0;
}
+.footer .top.row, .footer .last.row {
+ zoom: 1;
+ margin-left: -22px;
+ zoom: 1;
+ margin-left: -22px;
+ margin: 20px 0;
+}
+.footer .top.row:before,
+.footer .last.row:before,
+.footer .top.row:after,
+.footer .last.row:after {
+ display: table;
+ content: "";
+ zoom: 1;
+}
+.footer .top.row:after, .footer .last.row:after {
+ clear: both;
+}
+.footer .top.row:before,
+.footer .last.row:before,
+.footer .top.row:after,
+.footer .last.row:after {
+ display: table;
+ content: "";
+ zoom: 1;
+}
+.footer .top.row:after, .footer .last.row:after {
+ clear: both;
+}
+.footer .top.row .col, .footer .last.row .col {
+ display: inline;
+ float: left;
+ margin-left: 22px;
+ width: 306px;
+}
+.footer .top.row .col.first, .footer .last.row .col.first {
+ margin-left: 0 !important;
+}
+.footer .top.row .col.last, .footer .last.row .col.last {
+ display: inline;
+ float: left;
+ margin-left: 22px;
+ width: 142px;
+}
+.footer .top.row {
+ margin-top: 0;
+}
+.footer .last.row {
+ text-align: left;
+ font-size: 0.8em;
+ margin-bottom: 0;
+}
.footer .bottom.row .col {
display: inline;
float: left;
}
/*blog styles*/
.blog-entry {
- margin-bottom: 66px;
- zoom: 1;
margin-bottom: 44px;
+ zoom: 1;
+ margin-bottom: 29.333333333333332px;
}
.blog-entry em {
color: #3582ac;
}
.blog-entry.positioned h3 {
font-size: 1.2em;
- margin-bottom: 22px;
+ margin-bottom: 14.666666666666666px;
}
.blog-entry.positioned .text {
color: #000000;
.blog-entry h2 {
font-size: 1.1em;
line-height: 1.3em;
- margin-bottom: 33px;
+ margin-bottom: 22px;
}
.blog-entry h2 a {
color: #4085A6;
.blog-entry h3 {
font-size: 1.1em;
line-height: 1.3em;
- margin-bottom: 33px;
+ margin-bottom: 22px;
}
.blog-entry p {
line-height: 1.7em;
}
.blog-entry .section-img {
- margin-bottom: 22px;
+ margin-bottom: 14.666666666666666px;
}
.blog-entry:before, .blog-entry:after {
display: table;
border: 1px solid #808080;
}
.blog-entry .intro-content, .blog-entry .content {
- margin-top: 22px;
+ margin-top: 14.666666666666666px;
}
.blog-entry .intro-content object, .blog-entry .content object {
- margin: 22px 0;
+ margin: 14.666666666666666px 0;
}
.blog-entry .entry-info {
font-size: 0.7em;
- margin-top: 22px;
+ margin-top: 14.666666666666666px;
}
.blog-entry.single .entry-info {
margin-top: 0;
- margin-bottom: 22px;
+ margin-bottom: 14.666666666666666px;
+}
+.section.twitter-feed {
+ font-size: 1.1em;
}
.section.twitter-feed .tweet {
line-height: 1.3em;
font-size: 0.9em;
- margin-bottom: 22px;
+ margin-bottom: 14.666666666666666px;
color: #808080;
}
.section.twitter-feed .tweet:last-child {
.initial_hidden {
display: none;
}
-/*resources styles*/
-.resources .categories ul {
- zoom: 1;
-}
-.resources .categories ul:before, .resources .categories ul:after {
- display: table;
- content: "";
- zoom: 1;
-}
-.resources .categories ul:after {
- clear: both;
-}
-.resources .categories ul li {
- float: left;
-}
-.resources .categories .title {
- margin-bottom: 11px;
-}
-.resources .categories ul li a {
- text-decoration: none;
- color: #faaf40;
- margin-right: 22px;
-}
-.resources .list {
- margin-top: 88px;
-}
-.resources .list .resource {
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- *behavior: url(boxsizing.htc);
- width: 33%;
- padding: 44px;
- float: left;
- border: 1px solid #faaf40;
- height: 264px;
-}
-.resources .list .resource .description {
- display: none;
-}
/* recaptcha */
#recaptcha_widget_div {
margin-top: 10px;
margin-bottom: 10px;
display: block !important;
}
+#recaptcha_widget_div th, #recaptcha_widget_div td {
+ line-height: 1;
+}
.checkbox-widget.checked {
background-color: #f00;
background-image: url("../images/checkbox.png");
display: block;
float: left;
cursor: pointer;
- margin-top: 9px;
+ margin-top: 5.333333333333333px;
}