in footer (only one right now) */
text-align: center;
background: #556;
color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: #6B696B;
color: #FFFFFF;
border-top: 1px solid #6B696B;
padding: 1px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
background: #77c;
padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border: 1px solid #655;
background: #def;
color: #000;
font-size: 90%;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .hilite {
background: #acf;
}
.calendar .combo .active {
border-top: 1px solid #46a;
border-bottom: 1px solid #46a;
background: #eef;
font-weight: bold;
}
.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #f4f0e8;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #667;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
body
{
margin: 0;
padding: 6px;
vertical-align: top;
font: 12px Arial, Helvetica, Verdana, Sans-Serif;
color: #000000;
}
ul
{
list-style-image: url("images/bullet.gif");
line-height: 1.4em;
}
ol
{
line-height: 1.4em;
}
/* em's styles */
hr
{
border: 0;
background-color: #45C3D3;
color: #45C3D3;
height: .2em;
width: 100%;
}
img
{
border: none 0 #fff;
}
.contentMain
{
width: 840px;
margin-left: 5px;
padding: 0px 15px 15px 0px;
height: 100%;
}
#pageHeading
{
float: right;
text-align: right;
padding-right: 5px;
width: 100%;
}
#text
{
padding: 0px 50px 30px 20px;
}
#loginBox
{
border: solid 1px #87746A;
padding: 20px;
}
.text
{
padding: 10px 50px 30px 20px;
}
.textClaim
{
padding: 10px 50px 30px 20px;
color: #45c3d3;
}
.mainContentTable
{
padding: 0;
margin: 0;
border: 0;
width: 100%;
}
.accordionHeader
{
cursor: pointer;
}
.claimReceipt
{
color: #87746A;
font-weight: bold;
font-style: normal;
}
.disclaimer
{
color: #999999;
font-style: italic;
}
.legal
{
color: #999999;
font: 9px Arial, Helvetica, Verdana, Sans-Serif;
}
#horizontalLine
{
background-color: #45C3D3;
height: 2px;
}
.corporateMenuUnderline
{
width: 660px;
}
.guList
{
list-style-image: url(/Images/Common/Main Bullet.gif);
line-height: 1.8em;
vertical-align: baseline;
}
.profilePhoto
{
float: left;
padding-right: 20px;
padding-bottom: 10px;
}
#helpMain
{
float: left;
background-image: url(/images/master/helpMaster/help_banner.jpg);
background-position: left top;
background-repeat: no-repeat;
width: 100%;
}
#helpHeading
{
float: right;
text-align: right;
padding-top: 30px;
width: 100%;
}
#helpHeading h1
{
color: #FFFFFF;
}
#helpContent
{
float: right;
padding: 35px 15px 15px 22px;
}
.error
{
color: #FF0000;
}
.white
{
color: #FFFFFF;
}
.white a
{
color: #FFFFFF;
}
.white a:visited
{
color: #FFFFFF;
}
.white a:hover
{
color: #45C3D3;
}
.loginBox
{
padding: 5px 15px 15px 15px;
border: solid 1px #87746A;
width: 300px;
}
.loginLeft
{
float: left;
text-align: left;
margin-left: 20px;
}
.loginHR
{
float: left;
text-align: left;
margin-left: 20px;
margin-top: 30px;
}
.loginRight {
float: right;
text-align: left;
margin-left: 20px;
}
.loginHeading
{
margin-left: 20px;
}
.brown
{
color: #87746A;
}
h3.brown a
{
color: #87746A;
font-weight: normal;
}
h3.brown a:hover
{
color: #45C3D3;
}
/*
a
{
color: #45C3D3;
text-decoration: none;
}
a:visited
{
color: #45C3D3;
}
a:hover
{
color: #87746A;
text-decoration: underline;
}
*/
/* form text box font*/
input
{
font-size: 12px;
}
/*drop down box*/
select
{
font-size: 12px;
}
/*claimform table right hand style*/
.claimform
{
background-color: #E1EBEC;
width: 610px;
border: 0;
}
.claimform th
{
background-color: #87746A;
color: #FFFFFF;
text-align: left;
vertical-align: top;
padding: 10px;
font-weight: normal;
width: 200px;
}
.claimform th radiobutton
{
}
/*form table right hand style*/
.form
{
background-color: #FFFFFF;
width: 800px;
border: 0;
}
.form th
{
background-color: #87746A;
color: #FFFFFF;
text-align: left;
vertical-align: top;
padding: 10px;
font-weight: normal;
width: 200px;
}
.form td
{
background-color: #E1EBEC;
color: #000000;
text-align: left;
vertical-align: top;
padding: 10px;
}
.form td.rebate
{
background-repeat: no-repeat;
background-position: right top;
}
.form td.blank, tr.blank td, tr.blank th
{
background-color: #FFFFFF;
padding-left: 10px;
}
.form th.inclusion
{
color: #45C3D3;
background-color: #FFFFFF;
padding-left: 10px;
font-weight: bold;
}
.form td.button
{
background-color: #FFFFFF;
text-align: right;
}
.form td.text, .form th.text
{
background-color: #FFFFFF;
text-align: left;
color: #000000;
}
.textButton
{
background-color: #FFFFFF;
text-align: right;
}
.dividerDots
{
background-image: url('/images/dhtml_menu/dotted blue long long.jpg');
background-repeat: repeat-x;
}
/*form table headings font*/
.header
{
background-color: #87746A;
margin: 0;
padding: 6px;
color: #FFFFFF;
vertical-align: top;
font: 13px Arial, Helvetica, Verdana, Sans-Serif;
}
/*table form headings*/
.note
{
color: #87746A;
font: 14px Arial, Helvetica, Verdana, Sans-Serif;
font-weight: bold;
}
/*for text that appears on the global footer*/
.footer
{
color: #45C3D3;
font: 11px Arial, Helvetica, Verdana, Sans-Serif;
}
a
{
color: #45C3D3;
}
a:visited
{
color: #45C3D3;
}
a:hover
{
color: #87746A;
text-decoration: underline;
}
.breadcrumbs
{
color: #0080FF;
text-decoration: none;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6
{
font-family: Arial, Helvetica, Sans-Serif;
}
.groupWelcomeHeading
{
font-family: "Lucida Handwriting" , Arial, Helvetica, sans-serif;
color: #FF9900;
}
h2
{
color: #45C3D3;
}
h3, h5, h6
{
color: #45C3D3;
}
h4
{
color: #000000;
}
/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1
{
margin: .3em 0 0 0;
font-size: 1.6em;
font-weight: lighter;
color: #87746A;
margin-left:1.0em;
}
h2
{
margin: 0.5em 0 0 0;
font-size: 1.3em;
}
h3
{
margin: 0.5em 0 0 0;
font-size: 1.1em;
font-weight: bold;
}
h4
{
margin: 0.5em 0;
font-size: 1em;
font-weight: bold;
}
h5
{
margin: 0.5em 0;
font-size: 1em;
font-weight: bold;
}
h6
{
margin: 0.5em 0;
font-size: 0.9em;
font-weight: bold;
}
p
{
margin: 1em 0;
line-height: 1.5em;
}
#main .container
{
margin: 5px;
padding: 0 20px 15px 20px;
background-color: #FFFFFF;
}
/* form inputs */
.addressLineInput
{
width: 280px;
}
.postcodeInput
{
width: 60px;
}
.emailAddressLineInput
{
width: 160px;
}
.timePrint
{
display: none;
}
.surveyContent
{
float: left;
width: 100%;
margin: 20px 10px 12px 10px;
font-family: Arial,Helvetica,Sans-Serif;
}
.surveyElement
{
float: left;
width: 700px;
margin: 5px 0px 5px 0px;
}
.surveyElement label
{
color: #87746A;
float: left;
width: 120px;
font-weight: bold;
}
.surveyElement .formElement
{
float: left;
width: 580px;
}
.surveyElement .formElement input, textarea
{
float: left;
width: 400px;
}
.surveyElement .doubleElement
{
float: left;
width: 350px;
}
.surveyElement .doubleElement .rightLabel
{
width: 80px;
}
.surveyElement .formDoubleElement
{
float: left;
width: 230px;
}
.surveyElement .formDoubleElement .rightElement
{
float: left;
width: 270px;
}
.surveyElement .doubleElement input
{
float: left;
width: 200px;
}
.helpError
{
color: Red;
padding: 100px 0 50px 50px;
}
/*Medicare Rebate Form*/
.MedicareForm
{
padding: 0 0 0 0;
margin: 20px 15px 15px 30px;
width: 780px;
color: Black;
}
.MedicareForm h1
{
font-weight: bold;
font-size: 2.5em;
padding: 0 0 0 0;
margin: 0 0 0 0;
color: Black;
}
.MedicareForm ul
{
padding: 0 0 0 0;
margin: 20px 20px 20px 20px;
}
.MedicareForm ul li
{
padding: 0 0 0 0;
margin: 0 0 15px 0;
font-weight: bold;
font-size: 1.5em;
line-height: 24px;
}
.clear
{
clear: both;
}
.hDivider
{
margin: 0 0 0 0;
padding: 0px 0 0 0;
float: left;
width: 40px;
}
.vDivider
{
margin: 0 0 8px 0;
}
.MedicareMemberInfo div
{
width: 100%;
padding: 0 0 0 0;
margin: 10px 10px 10px 10px;
text-align: left;
float: left;
font-weight: normal;
font-size: 1.5em;
}
.MedicareMemberInfo h2
{
font-size: 1.2em;
font-weight: bold;
color: Black;
}
.MedicareMemberInfo span
{
padding: 0 0 0 0;
margin: 0 0 0 0;
width: auto;
}
.MedicareMemberInfo .text
{
padding: 5px 0 0 20px;
float: left;
font-weight: bold;
font-size: 1.2em;
width: auto;
}
.MedicareMemberInfo div ul
{
padding: 0 0 0 0;
margin: 0 0 10px 40px;
}
.MedicareMemberInfo div ul li
{
padding: 0 0 0 0;
margin: 0 0 5px 0;
font-weight: normal;
font-size: 1.0em;
line-height: 24px;
}
.MedicareMemberInfo .privacy
{
float: left;
font-weight: bold;
font-size: 1.4em;
width: auto;
}
.MedicareMemberInfo table
{
border-collapse: collapse;
width: 100%;
}
.MedicareMemberInfo th
{
border: 1px solid black;
text-align: center;
font-weight: normal;
}
.MedicareMemberInfo td
{
padding: 10px;
border: 1px solid black;
text-align: left;
}
.MedicareMemberInfo .center
{
border: 1px solid black;
text-align: center;
width: 110px;
vertical-align: middle;
}
/* address display web control*/
.MedicareMemberInfo .contactAddress
{
padding: 0 0 0 0;
margin: 10px 0 10px 0;
font-weight: bold;
font-size: 1.2em;
background-image: url('/images/addressBg.png');
background-position: left top;
background-repeat: no-repeat;
width: 500px;
height: 83px;
position: relative;
}
.MedicareMemberInfo .contactPhone
{
padding: 0 0 0 0;
margin: 10px 0 10px 0;
font-weight: bold;
font-size: 1.2em;
background-image: url('/images/phoneBg.png');
background-position: left top;
background-repeat: no-repeat;
width: 500px;
height: 37px;
position: relative;
}
.MedicareMemberInfo .PostalAddress
{
position: absolute;
left: 20px;
top: 15px;
}
.MedicareMemberInfo .PostalSuburb
{
position: absolute;
left: 80px;
top: 48px;
}
.MedicareMemberInfo .PostalPostcode
{
position: absolute;
left: 420px;
top: 48px;
}
.MedicareMemberInfo .HomePhone
{
position: absolute;
left: 330px;
top: 12px;
}
.MedicareMemberInfo .WorkPhone
{
position: absolute;
left: 75px;
top: 12px;
}
.hidden
{
display: none;
}
.error
{
color: red;
}
.popup
{
border: solid 2px #45C3D3;
padding: 15px;
}
.landingHeading
{
font-weight: normal;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
}
.landingPanel
{
width: 450px;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
font-size: 1em;
border: none 0 #000;
text-align: left;
margin: 1px 5px 10px 7px;
float: left;
}
.landingPanel .title
{
font-weight: bold;
color: #87746A;
width: auto;
float: left;
padding: 5px 10px 5px 10px;
}
.landingPanel .content
{
height: 150px;
color: #000;
padding: 10px 0px 5px 0px;
}
.landingPanel .content td
{
padding-bottom: 5px;
}
.landingPanel .content td > input[type="text"]
{
margin-left: 10px;
border: solid 1px #83A1BB;
}
.landingPanel .content ul
{
margin: 0 10px 0 0;
list-style-image: url(/images/landingLi.gif);
}
.landingPanel .content ul li
{
color: #DD6107;
font-weight: bold;
}
.landingPanel .content ul li a
{
color: #DD6107;
font-weight: bold;
text-decoration: none;
}
.greypanel
{
background-color: #D7D2CF;
}
.aquapanel
{
background-color: #C7E8ED;
}
.claiminfo
{
width: 210px;
float: left;
height: 105px;
background-image: url('/Images/claim_bg.png');
background-repeat: no-repeat;
padding: 20px 0 0 10px;
margin-top: 5px;
color: #87746A;
}
.claimactions
{
margin-top: 5px;
float: left;
margin-left: 10px;
}
.claimactions ul
{
margin-left: 0;
padding-left: 1em;
list-style-position: outside;
}
.claimactions li
{
margin: 0;
padding: 0;
line-height: 25px;
width: 170px;
}
.bold
{
font-weight: bold;
}
.contactInfo, .passwordInfo, .wellnessInfo, .memberSearchInfo,
.newMemberInfo, .memberQuoteInfo, .invoiceInfo
{
padding: 0px 10px 0px 10px;
line-height: 25px;
}
.newMemberInfo
{
padding-top: 10px;
line-height: 20px;
}
.memberSearchInfo
{
padding-top: 10px;
}
.newMemberInfo ul li
{
line-height: 25px;
}
.wellnessInfo
{
line-height: 15px;
}
.policyInfo
{
line-height: 31px;
}
.memberQuoteInfo, .invoiceInfo
{
padding-top: 20px;
line-height: 15px;
}
.label, .longlabel, .xlonglabel, .xxlonglabel
{
display: block;
float: left;
width: 100px;
}
.longlabel
{
width: 110px;
}
.xlonglabel
{
width: 120px;
}
.xxlonglabel
{
width: 140px;
}
.policyInfo ul, .contactInfo ul, .latestClaim ul
{
padding-top: 10px;
float: right;
}
.contactInfo ul li
{
float: left;
margin-left: 40px;
}
.latestClaim
{
margin-top: 5px;
}
.contentTitle
{
color: #DD6107;
font-weight: bold;
}
.claimImage
{
float: left;
width: 75px;
height: 80px;
padding-top: 5px;
}
hr.dotted
{
border: 1px dotted #A5A19D;
border-style: none none dotted;
color: transparent;
background-color: transparent;
}
hr.dotted.gray
{
color: #D7D2CF;
}
.claimContent
{
display: block;
padding-left: 15px;
padding-top: 5px;
}
.claimText
{
line-height: 25px;
}
.textlong
{
width: 310px;
}
.textmid
{
width: 300px;
}
.textsmallmid
{
width: 220px;
}
.textsmall
{
width: 80px;
margin-left: 2px;
}
.wellnessLogo
{
border: none 0 #000;
}
.highlight
{
background-color: #D9EEF3;
width: 100%;
}
.padded
{
padding-left: 10px;
}
.placeholder{color:#666;}.placeholderFocus{color:#000;}
.validation-message {
display: block;
padding: 0.625em;
border: 1px solid transparent;
margin: 1em 0;
}
.validation-message p {
padding: 0;
font-family: 'Open Sans Semibold', Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
}
.validation-message p.points {
padding: 0.3125em 0 0.3125em 0;
}
.fail {
background-color: #fae5e1;
border-color: #dd5942;
}
.alert {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
position: relative;
padding: .5rem 1.25rem .25em 1.25em;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
margin: 1.5em;
}
.alert-heading {
font-weight: 600;
line-height: 1.2;
color: #155724;
font-size: 1rem;
}
/*******************************************/
/* Containers */
/*******************************************/
#allContentsContainerTable
{
width: 960px;
margin-left:auto;
margin-right:auto;
}
#contentAreaContainer
{
padding-right: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
#contentAreaContainer a
{
color: #ff9900;
text-decoration:underline;
}
#contentAreaContainer a:hover
{
text-decoration: none !important
}
#contentAreaContainer a:visited
{
color: #ff9900;
}
#siteLogo
{
float:right;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 15px;
}
/* put a height on this containter to stop the footer riding up the page */
#minheight
{
height: 350px;
float:left;
margin: -3px; /* Fix IE6 bug*/
}
/*******************************************/
/* Breadcrumb */
/*******************************************/
#breadcrumb
{
padding-left: 15px;
font-size:11px;
color: #6c6c6c;
padding-top: 5px;
padding-bottom: 0px;
}
#breadcrumb a
{
color:#312626;
font-size:11px;
text-decoration:none;
color: #6c6c6c;
}
#breadcrumb a:hover {
color:#312626;
text-decoration:none;
}
.ms-pagebreadcrumb
{
display:none;
}
/*******************************************/
/* Banner */
/*******************************************/
#toolBox
{
text-align:right;
}
#rightLinks
{
float:right;
}
#siteActions
{
float:right;
}
#middleContent
{
clear:both;
}
/*******************************************/
/* Reuseable content */
/*******************************************/
.guhealth_dottedline
{
color: #fff;
background-color: #fff;
border: 1px dotted #000;
border-style: none none dotted;
}
/*******************************************/
/* Footer */
/*******************************************/
#footerContainer
{
margin-top: 10px;
border-top: 1px black dotted;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
}
#footerLinks
{
margin-left:auto;
margin-right:auto;
font-size: 1em;
}
#footerLinks a
{
text-decoration:none;
color: #ff9900;
}
.footer_link_left
{
border-right: 1px #ff9900 solid;
padding-left: 10px;
padding-right: 10px;
}
.footer_link_right
{
padding-left: 10px;
}
#footerHealthLicence
{
text-align: left;
font-size: 8pt;
margin-top: 10px;
margin-bottom: 15px;
color: #6c6c6c;
}
/*******************************************/
/* Content Editor */
/*******************************************/
.ms-rteCustom-Title
{
background-color: #46c3d4;
font-size: 12px;
font-weight: bold;
color: #fff;
display:block;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-align:left;
}
.ms-rteCustom-Heading
{
font-family: "Lucida Handwriting", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #5b5f60;
}
.ms-rteCustom-Subheading
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #5b5f60;
font-size: small;
}
.ms-rteCustom-Link
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #6D6159;
font-size: small;
text-decoration:underline;
}
.ms-rteCustom-Normal
{
font-family: Arial, Helvetica, sans-serif;
color: #5b5f60;
font-size: small;
}
/***********************************************************************************
New Menu, Header and Footer copied from css file generated by Online Claim's
main.less and then modified to fit existing markup.
The following steps were taken to implement the new body, header, footer and
navigation in the existing members area of Gu Health.
Firstly the old site uses tables, so rather than applying the shadow/border to the
body element, it is applied to #allContentsContainerTable. This element's width was
also reduced to 960px to ensure it matches the online claims area.
Next are the font declarations. This is an exact copy/paste from fonts.css to
make sure we have access to the fonts in our menu code.
#HeaderMsg code is just styling the 'Local Environment' warning which was previously
styled inline and affected the layout when it was present.
.loginHeading and #logo code is to handle to GuHealth logo and group logo.
This is just refactored from what was present inline in the masterpages. It
does not relate to anything from the new main.less.
The new css for Online claims sets up all our base font sizes etc, which we can't
modify at this stage for the rest of the site because of the potential knock
on effects. So instead the first declaration for #main-nav is hand written to
specifically for the context of this site to ensure subsequent copy/pasted code
from the new main.less file will work properly.
Then the code is a direct copy paste of the remaining #main-nav code from main.less.
This is indicated with comments.
Finally the footer code is copied from main.less, but then modified heavily
to compensate for the fact that, again, the base element styles and stuff are different.
One important factor to note is that in the master pages I had to modify the tag
declaration to ensure it had the correct IE class variants, to ensure copied code which
relies on them to fix the menu in IE works properly.
When the rest of the site is refactored into the new style, all of this css should
be disregarded and the site should be based on the new main.less file. Instead
The HTML should be altered to ensure the correct elements, classes and IDs are used to
achieve the styling.
- ETS 7/11/2013
/***********************************************************************************/
#allContentsContainerTable {
-moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.25);
}
.lt-ie9 #allContentsContainerTable {
border: 1px solid #e1e1e1;
}
/* Copy/paste of Content/css/fonts.css */
@font-face {
font-family: 'Open Sans Light';
src: url('/Content/fonts/OpenSans-Light-webfont.eot');
src: url('/Content/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('/Content/fonts/OpenSans-Light-webfont.woff') format('woff'),
url('/Content/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
url('/Content/fonts/OpenSans-Light-webfont.svg#Open Sans Light') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans Light Italic';
src: url('/Content/fonts/OpenSans-LightItalic-webfont.eot');
src: url('/Content/fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/Content/fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
url('/Content/fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
url('/Content/fonts/OpenSans-LightItalic-webfont.svg#Open Sans Light Italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('/Content/fonts/OpenSans-Regular-webfont.eot');
src: url('/Content/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/Content/fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('/Content/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('/Content/fonts/OpenSans-Regular-webfont.svg#Open Sans') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans Italic';
src: url('/Content/fonts/OpenSans-Italic-webfont.eot');
src: url('/Content/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/Content/fonts/OpenSans-Italic-webfont.woff') format('woff'),
url('/Content/fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
url('/Content/fonts/OpenSans-Italic-webfont.svg#Open Sans Italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans Semibold';
src: url('/Content/fonts/OpenSans-SemiBold-webfont.eot');
src: url('/Content/fonts/OpenSans-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
url('/Content/fonts/OpenSans-SemiBold-webfont.woff') format('woff'),
url('/Content/fonts/OpenSans-SemiBold-webfont.ttf') format('truetype'),
url('/Content/fonts/OpenSans-SemiBold-webfont.svg#Open Sans Semibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans Semibold Italic';
src: url('/Content/fonts/OpenSans-SemiBoldItalic-webfont.eot');
src: url('/Content/fonts/OpenSans-SemiBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/Content/fonts/OpenSans-SemiBoldItalic-webfont.woff') format('woff'),
url('/Content/fonts/OpenSans-SemiBoldItalic-webfont.ttf') format('truetype'),
url('/Content/fonts/OpenSans-SemiBoldItalic-webfont.svg#Open Sans Semibold Italic') format('svg');
font-weight: normal;
font-style: normal;
}
/* End Content/css/fonts.css */
#HeaderMsg{
background-color: #FAE5E1;
border: 1px #DD5942 solid;
color: #656565;
font-size: 16px;
font-weight: bold;
padding: 10px;
position: absolute;
top: 0;
left: 50%;
margin: 24px 0 0 -81px;
text-align: center;
}
.quick-nav ul {
margin: 0 10px 0 0;
padding: 0;
text-align: right;
line-height: 24px;
list-style: none;
}
.quick-nav ul li {
display: inline;
margin: 0 2px 0 0;
padding: 0 0.5em 0 0;
border-right: 1px solid #CCC;
font-size: 13px;
list-style: none;
background: none;
}
.quick-nav ul li:last-child {
margin: 0;
padding: 0;
border: 0;
}
.quick-nav ul li.last-child {
margin: 0;
padding: 0;
border: 0;
}
.quick-nav ul li a {
font-family: 'Open Sans Light', Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #616365;
}
.loginHeading{
float: right;
margin: 24px 10px 24px 24px;
}
.loginHeading a{
display: block;
}
#logo {
float: left;
margin: 24px 24px 24px 10px;
}
#logo a {
display: block;
}
#main-nav {
font-size: 16px;
margin-right: auto;
margin-left: auto;
width: 100%;
padding-top: 1px;
border: 1px solid #d7d7d7;
border-width: 1px 0;
background-color: #fff;
margin-bottom: 1em;
}
/* Copy/paste of all the #main-nav prefixed code in Content/css/main.css */
.lt-ie8 #main-nav {
margin-left: 0;
/* IE7 */
position: relative;
z-index: 999;
}
#main-nav > ul {
display: block;
margin: 0;
padding: 0;
background-color: #eceef0;
list-style: none;
}
#main-nav > ul:after {
display: table;
clear: both;
content: "";
}
#main-nav > ul > li {
margin: 0 0 1em;
font-size: 0.875em;
line-height: 1.5;
-moz-transition: border-color 0.5s ease;
-o-transition: border-color 0.5s ease;
-webkit-transition: border-color 0.5s ease;
transition: border-color 0.5s ease;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
position: relative;
display: block;
float: left;
margin: 0;
padding: 0;
border-top: 1px solid #eceef0;
border-right: 1px solid #d7d7d7;
text-align: center;
}
#main-nav > ul > li > a {
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
position: relative;
display: block;
padding: 0.7143em 0.7143em 0.5715em;
/* 10px 10px 8px */
border: 1px solid #fff;
border-width: 0 1px 1px;
border-color: #fff #eceef0;
color: #616365;
text-decoration: none;
text-transform: uppercase;
}
#main-nav > ul > li > a:after {
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
position: absolute;
bottom: 0;
left: 10%;
width: 0px;
height: 0px;
border-width: 0 5px 5px 5px;
border-style: solid;
border-color: transparent transparent #00c6d7 transparent;
content: "";
opacity: 0;
}
.lt-ie9 #main-nav > ul > li > a:after {
visibility: hidden;
/* IE8 */
}
#main-nav > ul > li > form {
padding: 0.5715em 0.7143em 0.5em;
/* 8px 10px 7px */
border-bottom: 1px solid #fff;
background: url(/Content/img/pattern-search.gif) repeat scroll 0 0;
width: 100%;
}
#main-nav > ul > li > form:after {
display: table;
clear: both;
content: "";
}
.lt-ie8 #main-nav > ul > li > form {
height: 1.75em;
/* IE7 */
width: auto;
}
#main-nav > ul > li > form input[type="text"] {
display: block;
float: left;
width: 84%;
font-size: 0.8572em;
/* 12px */
padding: 0.25em 0.5em;
/* 3px 6px */
height: 2em;
/* fixes cross browser line-height */
}
.lt-ie8 #main-nav > ul > li > form input[type="text"] {
width: 9.25em;
/* IE7 */
height: auto;
}
#main-nav > ul > li > form input[type="submit"] {
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
font-size: 0.857em;
/* 12px */
padding: 0.334em 1em;
/* 4px 12px */
display: block;
float: left;
background: #00b1c0 url(/Content/img/icon-search.png) no-repeat scroll center center;
text-indent: -9999em;
width: 16%;
margin: 0;
height: 2em;
/* fixes cross browser line-height */
}
#main-nav > ul > li > form input[type="submit"]:hover {
background-color: #3d6c89;
}
.lt-ie8 #main-nav > ul > li > form input[type="submit"] {
width: 2em;
/* IE7 */
}
#main-nav > ul > li > form input[type="submit"]:active {
-moz-box-shadow: inset 0px 7px 5px -3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 0px 7px 5px -3px rgba(0, 0, 0, 0.25);
box-shadow: inset 0px 7px 5px -3px rgba(0, 0, 0, 0.25);
}
#main-nav > ul > li > ul {
-moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.25);
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
position: absolute;
z-index: 999;
top: 100%;
left: 0;
visibility: hidden;
margin: 0;
padding: 0.3125em;
list-style: none;
/* 5px */
min-width: 12.5em;
background-color: #fff;
opacity: 0;
}
.lt-ie9 #main-nav > ul > li > ul {
border: 1px solid #e1e1e1;
}
#main-nav > ul > li > ul li {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
margin: 0;
border-bottom: 1px solid #e1e1e1;
text-align: left;
line-height: 1.1429;
/* 16px */
}
#main-nav > ul > li > ul li.highlight {
background-color: #edfbfd;
}
#main-nav > ul > li > ul li.current-path {
font-family: 'Open Sans Semibold', Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
}
#main-nav > ul > li > ul li a {
-moz-transition: none 0.5s ease;
-o-transition: none 0.5s ease;
-webkit-transition: none 0.5s ease;
transition: none 0.5s ease;
display: block;
padding: 0.3571em;
/* 5px */
color: #616365;
text-decoration: none;
}
#main-nav > ul > li > ul li a:hover {
background-color: #00c6d7;
color: #fff;
}
#main-nav > ul > li > ul li:first-child {
border-top: 1px solid #e1e1e1;
}
#main-nav > ul > li:last-child {
border-right: 0;
}
#main-nav > ul > li.last-child {
border-right: 0;
}
#main-nav > ul > li:hover,
#main-nav > ul > li:focus,
#main-nav > ul > li:active {
border-color: #d7d7d7;
}
#main-nav > ul > li:hover > a,
#main-nav > ul > li:focus > a,
#main-nav > ul > li:active > a {
border-bottom-color: #00c6d7;
background-color: #fff;
color: #00c6d7;
}
#main-nav > ul > li:hover > a:after,
#main-nav > ul > li:focus > a:after,
#main-nav > ul > li:active > a:after {
visibility: visible;
opacity: 1;
}
#main-nav > ul > li:hover > ul,
#main-nav > ul > li:focus > ul,
#main-nav > ul > li:active > ul {
visibility: visible;
opacity: 1;
}
#main-nav > ul > li.current-path > a {
border-bottom-color: #00c6d7;
background-color: #fff;
color: #00c6d7;
}
#main-nav > ul > li.home {
background: url(/Content/img/icon-home-hover.png) no-repeat scroll 11px 12px;
}
#main-nav > ul > li.home > a {
-webkit-transition-property: color, background-color, border-color;
-moz-transition-property: color, background-color, border-color;
-o-transition-property: color, background-color, border-color;
transition-property: color, background-color, border-color;
background: url(/Content/img/icon-home.png) no-repeat scroll center center;
text-indent: -9999em;
}
#main-nav > ul > li.home > a:after {
border: 0;
}
#main-nav > ul > li.home:hover,
#main-nav > ul > li.home.current-path {
background-color: #fff;
}
#main-nav > ul > li.home:hover > a,
#main-nav > ul > li.home.current-path > a {
background: none;
}
#main-nav > ul > li.membership.current-path > a,
#main-nav > ul > li.membership:hover > a,
#main-nav > ul > li.membership > a:after {
border-bottom-color: #3d6c89;
color: #3d6c89;
}
#main-nav > ul > li.membership ul li.highlight {
background-color: #ebf0f3;
}
#main-nav > ul > li.membership ul li a:hover {
background-color: #3d6c89;
}
#main-nav > ul > li.corporate.current-path > a,
#main-nav > ul > li.corporate:hover > a,
#main-nav > ul > li.corporate > a:after {
border-bottom-color: #3f94ac;
color: #3f94ac;
}
#main-nav > ul > li.corporate ul li.highlight {
background-color: #edfbfd;
}
#main-nav > ul > li.corporate ul li a:hover {
background-color: #3f94ac;
}
#main-nav > ul > li.forms.current-path > a,
#main-nav > ul > li.forms:hover > a,
#main-nav > ul > li.forms > a:after {
border-bottom-color: #00b49d;
color: #00b49d;
}
#main-nav > ul > li.forms ul li.highlight {
background-color: #e5f7f5;
}
#main-nav > ul > li.forms ul li a:hover {
background-color: #00b49d;
}
#main-nav > ul li.home {
width: 40px;
}
/* End of copied code from Content/css/main.css */
#footer {
font-size: 16px;
margin-right: auto;
margin-left: auto;
margin: 1.5em 0 0;
padding: 1.25em 0.625em 0.625em;
background: #f3f5f5;
border-top: 1px solid #acacac;
}
#footer p {
clear: both;
margin: 0;
font-size: 0.625em; /* 10px */
color: #616365;
font-family: 'Open Sans',Helvetica,Arial,sans-serif;
text-align: center;
}
#footer p.links {
font-size: 0.8125em;
margin: 0 0 1em;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
margin: -1px;
padding: 0;
width: 1px;
height: 1px;
border: 0;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
position: static;
overflow: visible;
clip: auto;
margin: 0;
width: auto;
height: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
visibility: hidden;
}
/* Clear floats (IE8+ version) */
.clearfix:after {
display: table;
clear: both;
content: "";
}
.chromeframe {
margin: 0.2em 0;
padding: 0.2em 0;
background: #ccc;
color: #000;
}
@media Print { .ScreenOnly { DISPLAY: none }}
@media Print { .TitlePrint { text-align: left; margin-left: 6.5in; }}
@media Print { .timePrint { display:inline; text-align: left; }}
|