/* ### Saturno Style Base */ /* ### NOTE: This is a mobile-first responsive stylesheet */ /* ### NOTE: We are using an 8-pixel-centric rhythm for typography */ /* BROWSER NORMALIZATION FIXES */ html {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;} *, *:before, *:after {-moz-box-sizing:inherit;-webkit-box-sizing:inherit;box-sizing:inherit;} button,input {overflow:visible;} button,select {text-transform:none;} /* global container/typography basics */ html,body,input,select,textarea,button {font-family:Arial,Helvetica,sans-serif;} html {width:100%;padding:0;margin:0;overflow-y:scroll;font-size:10px;} body {width:100%;padding:0;margin:0;position:relative;font-size:16px;line-height:24px;font-weight:normal;background-color:#fff;color:#000;} form {padding:0;margin:0;} /* header normalization */ h1,h2,h3,h4,h5,h6,h7,h8,h9 {display:block;padding:0;margin:0;font-weight:bold;} h1 {font-size:32px;line-height:40px;} h2 {font-size:24px;line-height:32px;} h3 {font-size:16px;line-height:24px;} h4 {font-size:16px;line-height:24px;} h5 {font-size:16px;line-height:24px;} h6 {font-size:16px;line-height:24px;} h7 {font-size:16px;line-height:24px;} h8 {font-size:16px;line-height:24px;} h9 {font-size:16px;line-height:24px;} /* common content tag rhythm */ p {padding:0;margin:0 0 24px 0;} ul,ol {padding:0 0 0 32px;margin:0 0 24px 0;list-style-position:outside;} li {padding:0;margin:0;} li ul, li ol {margin:0;} ul {list-style-type:disc;} li ul {list-style-type:circle;} blockquote {padding:0 0 0 24px;margin:24px;border-left:4px solid #888;color:#888;} strong,b {font-style:inherit;font-weight:400;} em {font-style:italic;} sub, sup {position:relative;font-size:75%;line-height:0;vertical-align:baseline;} sub {top:-0.5em;} sup {bottom:-0.25em;} img {max-width:100%;-ms-interpolation-mode:bicubic;border:0;} table {max-width:100%;} a, a:visited {text-decoration:none;color:#4FA2C2;} a:hover, a:active {outline:0;} /* ASP.Net trace */ #__asptrace {position:relative;z-index:99999;background-color:#fff;color:#000;} #__asptrace, #__asptrace b {font-family:verdana,arial,tahoma,helvetica,sans-serif!important;} #__asptrace b {font-weight:bold;} .tracecontent table {background-color:#fff;} .tracecontent tr.alt td {background-color:#eee;} /* base common hacks/convenient */ .sat-canvas {background-position:50% 50%;background-repeat:no-repeat;background-size:cover;} .sat-clearboth {clear:both;} .sat-clearfix::after {content:" ";display:table;clear:both;} .sat-nowrap {white-space:nowrap;} /* sat-form standard inputs */ .sat-form .sat-form-button, .sat-form button, .sat-form input, .sat-form select, .sat-form textarea {display:block;width:100%;height:40px;padding:0 0 0 8px;margin:0 0 8px 0;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;font-size:16px;line-height:40px;background-color:rgba(0,0,0,0.10);color:#000;border:1px solid rgba(0,0,0,0.25);-webkit-appearance:none;-moz-appearance:none;outline:0;} .sat-form textarea {height:auto;padding:8px;line-height:24px;overflow:auto;} .sat-form select {padding-right:32px;cursor:pointer;background-repeat:no-repeat;background-position:100% 50%;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgHEw4APIghWAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAXUlEQVRYw+3T0QnAIAwA0cT9d04XsFL0CBbufas5BSMkSZJ0mercOxojty42ml5j+9UTiEtwLRb4dXCdzkrwwyQdRwS+hRQ1gwhcfYLj86nAWSR5NhpZIUmSpL94AIGtEgMl5Cm1AAAAAElFTkSuQmCC");} .sat-form .sat-form-button, .sat-form button, .sat-form input[type=button], .sat-form input[type=submit] {padding:7px 0;line-height:24px;background-color:rgba(0,0,0,0.50);color:#fff;text-align:center;font-weight:normal;cursor:pointer;} .sat-form input[type=checkbox] + label, .sat-form input[type=radio] + label {display:inline-block;width:auto;height:auto;padding:0;margin:0 0 8px 0;font-size:16px;line-height:40px;color:#000;} .sat-form option {color:#000;} .sat-form .sat-form-button:focus, .sat-form button:focus, .sat-form input:focus, .sat-form select:focus, .sat-form textarea:focus {outline:0;-webkit-box-shadow:inset 0px 0px 8px rgba(0,0,0,0.25);-moz-box-shadow:inset 0px 0px 8px rgba(0,0,0,0.25);box-shadow:inset 0px 0px 8px rgba(0,0,0,0.25);border-color:rgba(0,0,0,0.75);} /* sat-form extended selects */ .sat-form select[multiple], .sat-form select[size] {height:auto;padding:0;background-image:none;} .sat-form select[multiple] option, .sat-form select[size] option {min-height:40px;padding:10px 0px 6px 8px;font-size:inherit;line-height:24px;color:inherit;} /* sat-form checkbox */ .sat-form input[type=checkbox] {display:inline-block;width:40px;padding:0;margin:0 -40px 8px 0;vertical-align:top;cursor:pointer;} .sat-form input[type=checkbox] + label::before {content:"\0000a0";display:inline-block;width:40px;height:40px;padding:0;margin:0 8px 0 0;font-size:24px;line-height:40px;vertical-align:top;text-align:center;color:inherit;} .sat-form input[type=checkbox]:checked + label::before {content:"\002713";font-family:arial,helvetica,sans-serif!important;} /* sat-form radio */ .sat-form input[type=radio] {display:inline-block;width:40px;padding:0;margin:0 -40px 8px 0;vertical-align:top;cursor:pointer;} .sat-form input[type=radio] + label::before {content:" ";display:inline-block;width:16px;height:16px;padding:0;margin:12px 20px 0 12px;font-size:0px;line-height:0px;vertical-align:top;text-align:center;color:inherit;} .sat-form input[type=radio]:checked + label::before {background-color:rgba(0,0,0,1.0);} /* sat-form placeholder overrides */ .sat-form ::-webkit-input-placeholder {color:inherit;opacity:0.50;} .sat-form ::-moz-placeholder {color:inherit;opacity:0.50;} .sat-form :-moz-placeholder {color:inherit;opacity:0.50;} .sat-form :-ms-input-placeholder {color:inherit;opacity:0.50;} /* sat-form INVERTED styles */ .sat-form-inv .sat-form-button, .sat-form-inv button, .sat-form-inv input, .sat-form-inv select, .sat-form-inv textarea {background-color:rgba(255,255,255,0.10);color:#fff;border:1px solid rgba(255,255,255,0.25);} .sat-form-inv select {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgHExIWLivJVAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAYklEQVRYw+3UwQ3AIAwEQY7+ezYNJCTiLlYeO2+QFyQYAwAAAH9SVdW5d3YNOj3Y7LgN59blxklSam0s8O1gN84KfApIxNmBdyGpuEjg7hG4cbHAq8hE3CefuPOlAAAAoN0CmPNH6wcYxRUAAAAASUVORK5CYII=");} .sat-form-inv .sat-form-button, .sat-form-inv button, .sat-form-inv input[type=button], .sat-form-inv input[type=submit] {background-color:rgba(255,255,255,0.40);color:#fff;} .sat-form-inv input[type=checkbox] + label, .sat-form-inv input[type=radio] + label {color:#fff;} .sat-form-inv .sat-form-button:focus, .sat-form-inv button:focus, .sat-form-inv input:focus, .sat-form-inv select:focus, .sat-form-inv textarea:focus {-webkit-box-shadow:inset 0px 0px 8px rgba(255,255,255,0.25);-moz-box-shadow:inset 0px 0px 8px rgba(255,255,255,0.25);box-shadow:inset 0px 0px 8px rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.75);} .sat-form-inv input[type=radio]:checked + label::before {background-color:rgba(255,255,255,1.0);} /* ADA styling support */ .sat-sr-only {display:block!important;width:1px!important;height:1px!important;overflow:hidden!important;position:absolute!important;left:-10000px!important;top:auto!important;} /* SCREEN ONLY BASE STYLES */ @media only screen { .sat-printonly {display:none!important;} } /* PRINT ONLY BASE STYLES */ @media only print { .sat-noprint {display:none!important;} .sat-sr-only {display:none!important;} } /* SATGRID BEGIN #### TOKEN SYNTAX: $name$ TOKEN LIST: break-md break-lg break-sm-max break-md-max pad-sm pad-md pad-lg */ /* BASELINE RULES (ASSUME MOBILE+) #### */ @media only screen { .sg-pagewidth {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;min-width:320px;margin:0 auto;position:relative;} /* clearing/moving */ .sg-clearfix:after {content:" ";display:table;clear:both;} .sg-clear {clear:both;} .sg-pull-left {float:left;} .sg-pull-right {float:right;} .sg-row:before, .sg-row:after {content:" ";display:table;} .sg-row:after {clear:both;} /* markers */ #sg-markers {display:block;position:static;height:0;width:0;overflow:hidden;font-size:0;line-height:0;} [class^="sg-marker-"], [class*=" sg-marker-"] {display:block;width:0;height:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden;} .sg-marker-sm {visibility:visible;} /* grid row */ .sg-row {*zoom:1;margin-left:auto;margin-right:auto;} .sg-row img {max-width:100%;} /* grid col basics */ .sg-col-sm-1, .sg-col-sm-2, .sg-col-sm-3, .sg-col-sm-4, .sg-col-sm-5, .sg-col-sm-6, .sg-col-sm-7, .sg-col-sm-8, .sg-col-sm-9, .sg-col-sm-10, .sg-col-sm-11, .sg-col-sm-12, .sg-col-md-1, .sg-col-md-2, .sg-col-md-3, .sg-col-md-4, .sg-col-md-5, .sg-col-md-6, .sg-col-md-7, .sg-col-md-8, .sg-col-md-9, .sg-col-md-10, .sg-col-md-11, .sg-col-md-12, .sg-col-lg-1, .sg-col-lg-2, .sg-col-lg-3, .sg-col-lg-4, .sg-col-lg-5, .sg-col-lg-6, .sg-col-lg-7, .sg-col-lg-8, .sg-col-lg-9, .sg-col-lg-10, .sg-col-lg-11, .sg-col-lg-12 { width:100%;display:block;float:left; } /* grid col sizes */ .sg-col-sm-1 {width:8.3333333333%;} .sg-col-sm-2 {width:16.6666666667%;} .sg-col-sm-3 {width:25%;} .sg-col-sm-4 {width:33.3333333333%;} .sg-col-sm-5 {width:41.6666666667%;} .sg-col-sm-6 {width:50%;} .sg-col-sm-7 {width:58.3333333333%;} .sg-col-sm-8 {width:66.6666666667%;} .sg-col-sm-9 {width:75%;} .sg-col-sm-10 {width:83.3333333333%;} .sg-col-sm-11 {width:91.6666666667%;} .sg-col-sm-12 {width:100%;} /* grid padding sizes */ .sg-row-pad {margin-left:-8px;margin-right:-8px;} .sg-row-pad > .sg-col-sm-1, .sg-row-pad > .sg-col-sm-2, .sg-row-pad > .sg-col-sm-3, .sg-row-pad > .sg-col-sm-4, .sg-row-pad > .sg-col-sm-5, .sg-row-pad > .sg-col-sm-6, .sg-row-pad > .sg-col-sm-7, .sg-row-pad > .sg-col-sm-8, .sg-row-pad > .sg-col-sm-9, .sg-row-pad > .sg-col-sm-10, .sg-row-pad > .sg-col-sm-11, .sg-row-pad > .sg-col-sm-12, .sg-row-pad > .sg-col-md-1, .sg-row-pad > .sg-col-md-2, .sg-row-pad > .sg-col-md-3, .sg-row-pad > .sg-col-md-4, .sg-row-pad > .sg-col-md-5, .sg-row-pad > .sg-col-md-6, .sg-row-pad > .sg-col-md-7, .sg-row-pad > .sg-col-md-8, .sg-row-pad > .sg-col-md-9, .sg-row-pad > .sg-col-md-10, .sg-row-pad > .sg-col-md-11, .sg-row-pad > .sg-col-md-12, .sg-row-pad > .sg-col-lg-1, .sg-row-pad > .sg-col-lg-2, .sg-row-pad > .sg-col-lg-3, .sg-row-pad > .sg-col-lg-4, .sg-row-pad > .sg-col-lg-5, .sg-row-pad > .sg-col-lg-6, .sg-row-pad > .sg-col-lg-7, .sg-row-pad > .sg-col-lg-8, .sg-row-pad > .sg-col-lg-9, .sg-row-pad > .sg-col-lg-10, .sg-row-pad > .sg-col-lg-11, .sg-row-pad > .sg-col-lg-12 { -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:8px;padding-right:8px; } } /* SIZE-BASED ELEMENT HIDING ONLY #### */ @media only screen and (max-width: 767px) { .sg-hide-sm {display:none!important;} } @media only screen and (min-width: 768px) and (max-width: 1239px) { .sg-hide-md {display:none!important;} } @media only screen and (min-width: 1240px) { .sg-hide-lg {display:none!important;} } /* MEDIUM RULES (TABLET+) #### */ @media only screen and (min-width: 768px) { .sg-marker-md {visibility:visible;} /* grid col overrides */ .sg-col-md-1 {width:8.3333333333%;} .sg-col-md-2 {width:16.6666666667%;} .sg-col-md-3 {width:25%;} .sg-col-md-4 {width:33.3333333333%;} .sg-col-md-5 {width:41.6666666667%;} .sg-col-md-6 {width:50%;} .sg-col-md-7 {width:58.3333333333%;} .sg-col-md-8 {width:66.6666666667%;} .sg-col-md-9 {width:75%;} .sg-col-md-10 {width:83.3333333333%;} .sg-col-md-11 {width:91.6666666667%;} .sg-col-md-12 {width:100%;} /* grid padding sizes */ .sg-row-pad {margin-left:-16px;margin-right:-16px;} .sg-row-pad > .sg-col-sm-1, .sg-row-pad > .sg-col-sm-2, .sg-row-pad > .sg-col-sm-3, .sg-row-pad > .sg-col-sm-4, .sg-row-pad > .sg-col-sm-5, .sg-row-pad > .sg-col-sm-6, .sg-row-pad > .sg-col-sm-7, .sg-row-pad > .sg-col-sm-8, .sg-row-pad > .sg-col-sm-9, .sg-row-pad > .sg-col-sm-10, .sg-row-pad > .sg-col-sm-11, .sg-row-pad > .sg-col-sm-12, .sg-row-pad > .sg-col-md-1, .sg-row-pad > .sg-col-md-2, .sg-row-pad > .sg-col-md-3, .sg-row-pad > .sg-col-md-4, .sg-row-pad > .sg-col-md-5, .sg-row-pad > .sg-col-md-6, .sg-row-pad > .sg-col-md-7, .sg-row-pad > .sg-col-md-8, .sg-row-pad > .sg-col-md-9, .sg-row-pad > .sg-col-md-10, .sg-row-pad > .sg-col-md-11, .sg-row-pad > .sg-col-md-12 .sg-row-pad > .sg-col-lg-1, .sg-row-pad > .sg-col-lg-2, .sg-row-pad > .sg-col-lg-3, .sg-row-pad > .sg-col-lg-4, .sg-row-pad > .sg-col-lg-5, .sg-row-pad > .sg-col-lg-6, .sg-row-pad > .sg-col-lg-7, .sg-row-pad > .sg-col-lg-8, .sg-row-pad > .sg-col-lg-9, .sg-row-pad > .sg-col-lg-10, .sg-row-pad > .sg-col-lg-11, .sg-row-pad > .sg-col-lg-12 { -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px;padding-right:16px; } } /* LARGE RULES (DESKTOP+) #### */ @media only screen and (min-width: 1240px) { .sg-marker-lg {visibility:visible;} /* grid col overrides */ .sg-col-lg-1 {width:8.3333333333%;} .sg-col-lg-2 {width:16.6666666667%;} .sg-col-lg-3 {width:25%;} .sg-col-lg-4 {width:33.3333333333%;} .sg-col-lg-5 {width:41.6666666667%;} .sg-col-lg-6 {width:50%;} .sg-col-lg-7 {width:58.3333333333%;} .sg-col-lg-8 {width:66.6666666667%;} .sg-col-lg-9 {width:75%;} .sg-col-lg-10 {width:83.3333333333%;} .sg-col-lg-11 {width:91.6666666667%;} .sg-col-lg-12 {width:100%;} /* grid padding sizes */ .sg-row-pad {margin-left:-16px;margin-right:-16px;} .sg-row-pad > .sg-col-sm-1, .sg-row-pad > .sg-col-sm-2, .sg-row-pad > .sg-col-sm-3, .sg-row-pad > .sg-col-sm-4, .sg-row-pad > .sg-col-sm-5, .sg-row-pad > .sg-col-sm-6, .sg-row-pad > .sg-col-sm-7, .sg-row-pad > .sg-col-sm-8, .sg-row-pad > .sg-col-sm-9, .sg-row-pad > .sg-col-sm-10, .sg-row-pad > .sg-col-sm-11, .sg-row-pad > .sg-col-sm-12, .sg-row-pad > .sg-col-md-1, .sg-row-pad > .sg-col-md-2, .sg-row-pad > .sg-col-md-3, .sg-row-pad > .sg-col-md-4, .sg-row-pad > .sg-col-md-5, .sg-row-pad > .sg-col-md-6, .sg-row-pad > .sg-col-md-7, .sg-row-pad > .sg-col-md-8, .sg-row-pad > .sg-col-md-9, .sg-row-pad > .sg-col-md-10, .sg-row-pad > .sg-col-md-11, .sg-row-pad > .sg-col-md-12, .sg-row-pad > .sg-col-lg-1, .sg-row-pad > .sg-col-lg-2, .sg-row-pad > .sg-col-lg-3, .sg-row-pad > .sg-col-lg-4, .sg-row-pad > .sg-col-lg-5, .sg-row-pad > .sg-col-lg-6, .sg-row-pad > .sg-col-lg-7, .sg-row-pad > .sg-col-lg-8, .sg-row-pad > .sg-col-lg-9, .sg-row-pad > .sg-col-lg-10, .sg-row-pad > .sg-col-lg-11, .sg-row-pad > .sg-col-lg-12 { -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px;padding-right:16px; } } /* SATGRID END #### */