/* CSS Resets */
/*basupport*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,fo
rm,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure
img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com */
/* ==================================================================================================================== */
@font-face {
font-family: 'WebSymbolsRegular';
src: url('../websymbols/websymbols-regular-webfont.eot');
src: url('../websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../websymbols/websymbols-regular-webfont.woff') format('woff'),
url('../websymbols/websymbols-regular-webfont.ttf') format('truetype'),
url('../websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=3.0.1');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
url('../fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
font-weight: normal;
font-style: normal;
}
p {font-size: 1em; line-height: 1.4em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; padding: 4px 4px 12px 4px; margin:0;}
h1 {font-size: 24px; font-family: "Arial", sans-serif; color: #0f63bc; padding: 4px 4px 4px 4px; margin-bottom: 10px;margin-top: 10px;font-weight: 400; }
h2 {font-size: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; padding: 4px; margin-bottom:5px;margin-top: 10px; }
h3 {font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #0b4c91; padding: 4px; margin-top: 5px;}
h4 {font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; padding: 0; margin: 15px;}
a:link {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; padding: 2px 2px 2px 2px; color: #6699ff; text-decoration: none;}
a:visited {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; padding: 2px 2px 2px 2px; color: #6699ff; text-decoration: none;}
a:hover { color: #333; text-decoration: underline;}
/*Temporary fix for windows 8 phone display*/
.donotdisplay {
display: none;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
blockquote {
margin-bottom: 10px;
margin-left: 30px;
margin-right: 10px;
margin-top: 10px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 5px;
padding-top: 5px;
font-size: 1.4em; line-height: 1.8em; font-family: "Arial", sans-serif; color: #333;
font-style: italic;
}
.learn-more {width: 120px; text-align: center;font-family: "EXO", Arial, Helvetica, sans-serif; font-size: 1em;color: #ccc;margin: 0 0 20px 0px;padding:6px 10px 6px 10px; background-color: #1e1e1e; border: 1px solid #000;-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius: 5px;
}
.italic {font-style:italic; font-weight: bold;}
.italic-bigger {font-style:italic; font-weight: bold;font-size: 1.1em;}
.container {
padding-left: 20px;
padding-right: 20px;
}
.clear {clear: both;}
.container-logo-nav {
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #0b4c91;
height: 88px;
}
.container-footer {
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
background-color: #0b4c91;
width: 100%;
float: left;
text-align: center;
margin:0 0 0 0;
color: #fff; font-size: 1em;
}
/*.container-footer {
position: fixed;
bottom: 0;
left: 0;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
background-color: #0b4c91;
width: 100%;
float: left;
text-align: center;
margin:0 0 0 0;
color: #fff; font-size: 1em;
}*/
.container-footer p {color: #fff; font-size: 1em;}
.footer-basupport {
width: 100%;
float: left;
text-align: center;
padding: 10px;
margin:0 0 20px 0;
}
.footer-basupport p {color: #fff; font-size: 1em;}
.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: visible;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}
.row .onecol {
width: 4.85%;
}
.row .twocol {
width: 13.45%;
}
.row .threecol {
width: 22.05%;
}
.row .fourcol {
width: 30.75%;
}
.row .fivecol {
width: 39.45%;
}
.row .sixcol {
width: 48%;
}
.row .sevencol {
width: 56.75%;
}
.row .eightcol {
width: 65.4%;
}
.row .ninecol {
width: 74.05%;
}
.row .tencol {
width: 82.7%;
}
.row .elevencol {
width: 91.35%;
}
.row .twelvecol {
width: 100%;
float: left;
}
.last {
margin-right: 0px;
}
img, object, embed {
max-width: 100%;
}
img {
height: auto;
}
@media (max-device-width: 1024px) {
/*IPad portrait AND netbooks, AND anything with smaller screen*/
/*make the design flexible if possible */
/*Structure your code thinking about all devices that go below*/
body {
font-size: 0.8em;
line-height: 1.4em;
-webkit-text-size-adjust: none;
}
}
@media handheld, only screen and (max-width: 767px) {
body {
font-size: .9;
-webkit-text-size-adjust: none;
}
.row, body, .container {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row
.elevencol, .row .twelvecol {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
padding-left: 20px;
padding-right: 20px;
}
h1 {font-size: 1.4em;}
.icon-medium {font-size: 1.2em;}
.icon {font-size: 1.2em;}
}
@media (max-device-width: 640px) {
/*Iphone portrait and smaller*/
body {
font-size: .9;
-webkit-text-size-adjust: none;
}
h1 {font-size: 1em; font-family: "Arial", sans-serif; color: #0f63bc; padding: 4px 4px 8px 4px; margin: 0; line-height: 1.2em}
h2 {font-size: 1.2em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3399ff; padding: 4px; margin-bottom: 8px;}
.row, body, .container {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row
.elevencol, .row .twelvecol {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
padding-left: 20px;
padding-right: 20px;
}
}
@media handheld, only screen and (max-device-width: 480px) {
body {
font-size: .9em;
-webkit-text-size-adjust: none;
}
h1 {font-size: .9em; font-family: "Arial", sans-serif; color: #0f63bc; padding: 4px 4px 4px 35px; margin-bottom: 10px;}
h2 {font-size: .9em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #036; padding: 4px; margin-bottom: 8px;}
.row, body, .container {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row
.elevencol, .row .twelvecol {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
padding-left: 20px;
padding-right: 20px;
}
h1 {font-size: 1.3em; font-family: "Arial", sans-serif; color: #0f63bc; padding: 4px 4px 4px 35px; margin-bottom: 10px;}
h2 {font-size: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #036; padding: 4px; margin-bottom: 8px;}
}
@media handheld only screen and (min-device-width : 320px)
{ body {
font-size: .9em;
-webkit-text-size-adjust: none;
}
h1 {font-size: 1.3em; font-family: "Arial", sans-serif; color: #0f63bc; padding: 4px 4px 4px 35px; margin-bottom: 10px;}
h2 {font-size: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #036; padding: 4px; margin-bottom: 8px;}
}
/* this i styling is NOT for the accordion but for the icon before a tag*/
i {
color: #0F63BC;
display: inline;
font-family: FontAwesome;
font-size: 1.3em;
font-style: normal;
font-weight: normal;
padding: 2px 10px 0 0;
text-align: left;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
i2 {
color: #0F63BC;
display: inline;
font-family: FontAwesome;
font-size: 16px;
font-style: normal;
font-weight: normal;
padding: 2px 10px 0 0;
text-align: left;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
/* rga test */