/* -------------------------------------------------------------- * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. See the Readme file in this directory for further instructions. -------------------------------------------------------------- */ /* Import stylesheets and hide from IE/Mac \*/ @import "reset.css"; @import "typography.css"; @import "grid.css"; @import "buttons.css"; /* End import/hide */ /* Compressed version: [http://teenage.cz/acidofil/tools/cssformat.php] Comment out @import statements above, and add this one when your site has launched (Ca 60% compressed): @import "lib/compressed.css"; */ body { behavior:url("/stylesheets/csshover2.htc"); background:url(/images/bg-body.gif) repeat-x; } /* ----- IDS ----- */ #logo { background:url(/images/border-separator.gif) bottom no-repeat; } #navigation-area { height:50px; } #navigation-main { } #container{ } #primaryContent{ } #secondaryContent{ } #navigation{ } #footer{ } /* ----- CLASSES ----- */ .container { } div.font-size { position:absolute; left:795px; top:10px; width:60px; } div.links-top { position:absolute; left:865px; top:10px; width:100px; } div.lang { position:absolute; left:920px; top:12px; width:100px; } .wrapper-left { background:url(/images/bg-leftgrad.jpg) no-repeat; height:400px; width:226px; } mar-bottom {margin-bottom:1em;} .head {padding:5px 0 0 10px;} .intro { background:url(/images/boder-rounded-left.gif) left 1px no-repeat; padding:15px 0 0 10px; margin:0; } * html .intro {background:none;padding:15px 0 0 0;} /* --- Left Navigation --- */ .quick-links { background:url(/images/border-separator2.gif) bottom no-repeat; } .login {border:1px solid #6cc3ef;padding:5px;background:#fff;} .search {border:1px solid #aadffa;padding:5px;background:#fff;} .unf-application {border:1px solid #f6c89e;padding:5px;background:#fff;} .box-home { background:url(/images/border-ver-box.gif) repeat-y; border-top:1px solid #ebebeb; } .img {border:1px solid #c9c9c9;padding:5px;text-align:center; margin:0 0 .5em 0; display:block; clear:both;} .img img { margin:auto;} .site-links { font-size:.8em; padding:2em;border:1px solid #ebebeb; width:952px;} * html .site-links {width:961px;} .more { margin:1em 0 0 0; } .date-home {} .hide{ } .show{ } /* ----- HEADINGS ----- */ h1{ } h2{ } h3{ } h3 {text-transform:uppercase;color:#6e6d6d; font-weight:bold; letter-spacing:-1px; border-bottom:1px solid #000; margin-bottom:.3em;padding:0;} h3 span {color:#0885c5;} h4{ } .box-home h4 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.2em; color:#67960e; } h4.head-login {color:#fff; background:url(/images/bg-y.png) repeat-y;font-weight:normal; padding:5px; } h4.head-search {color:#246e95; background:url(/images/bg-y-blue.png) repeat-y;font-weight:normal; padding:5px; } h4.head-unf-app {color:#fff1ae; background:url(/images/bg-y-orange.png) repeat-y;font-weight:normal; padding:5px; } h4.news-home {color:#0885c5; font-size:1em; } /* ----- LISTS ----- */ li{ } li p{ } ol{ } ul{ } /*Main Navigation*/ ul#navigation-main { font-size:.9em; margin:9px 0 0 1em; } ul#navigation-main ul.sub-nav-main { background:url(/images/nav-sub-bg.png); } ul#navigation-main ul.sub-nav-partner { background:url(/images/nav-sub-bg.png); } ul#navigation-main ul.sub-nav-cms_menu1 { background:url(/images/nav-sub-bg.png); } ul#navigation-main ul.sub-nav-cms_menu2 { background:url(/images/nav-sub-bg.png); } ul#navigation-main ul.sub-nav-cms_menu3 { background:url(/images/nav-sub-bg.png); } ul#navigation-main ul.sub-nav-cms_menu4 { background:url(/images/nav-sub-bg.png); } ul#navigation-main ul.sub-nav-cms_menu5 { background:url(/images/nav-sub-bg.png); } ul#navigation-main ul.sub-nav-cms_menu6 { background:url(/images/nav-sub-bg.png); } ul ul{ } /* Main navigation Sub navi - drop down layers */ ul#navigation-main ul.sub-nav-main { position:absolute; top:38px; left:230px; } ul#navigation-main ul.sub-nav-partner{ position:absolute; top:38px; left:310px; } ul#navigation-main ul.sub-nav-cms_menu1 { position:absolute; top:38px; left:230px; } ul#navigation-main ul.sub-nav-cms_menu2{ position:absolute; top:38px; left:370px; } ul#navigation-main ul.sub-nav-cms_menu3{ position:absolute; top:38px; left:435px; } ul#navigation-main ul.sub-nav-cms_menu4 { position:absolute; top:38px; left:500px; } ul#navigation-main ul.sub-nav-cms_menu5{ position:absolute; top:38px; left:590px; } ul#navigation-main ul.sub-nav-cms_menu6{ position:absolute; top:38px; left:690px; } ol li{ } ol#toc { height: 2em; list-style: none; margin: 0 0 0 10px; padding: 0; } ol#toc li { float: left; margin: 0 1px 0 0; } ol#toc a { background: #dbf0fb url(/images/tab.gif) 100% 0; color: #008; display: block; float: left; height: 30px; padding: 0 10px 0 10px; text-decoration: none; } ol#toc a:hover { background-color: #99dcf6; background-position: 0 -120px; } ol#toc a:hover span { background-position: 100% -120px; } ol#toc li.current a { background-color: #55cfff; background-position: 0 -60px; color: #fff; font-weight: bold; } ol#toc li.current span { background-position: 100% -60px; } ol#toc span { background: url(/images/tab.gif) 100% 0; display: block; line-height: 2em; padding-right: 10px; } /*div.content { border: #48f solid 3px; clear: left; padding: 1em; }*/ ul li{ } ul#navigation-main li, ul.quick-links-nav li { list-style:none; } ul.quick-links-nav {margin:0;} ul#navigation-main li { display:inline; } ul.qsubrsa{ text-indent:10px; margin:0; padding:0; } ul.sub-nav-main li { float:none; } ul.sub-nav-partner li { float:none; } ul.sub-nav-cms_menu1 li { float:none; } ul.sub-nav-cms_menu2 li { float:none; } ul.sub-nav-cms_menu3 li { float:none; } ul.sub-nav-cms_menu4 li { float:none; } ul.sub-nav-cms_menu5 li { float:none; } ul.sub-nav-cms_menu6 li { float:none; } .sub-nav-main li a{background-position:8px 50%; background-repeat:no-repeat;} .sub-nav-partner li a{background-position:12px 50%; background-repeat:no-repeat;} .sub-nav-cms_menu1 li a{background-position:16px 50%; background-repeat:no-repeat;} .sub-nav-cms_menu2 li a{background-position:20px 50%; background-repeat:no-repeat;} .sub-nav-cms_menu3 li a{background-position:24px 50%; background-repeat:no-repeat;} .sub-nav-cms_menu4 li a{background-position:28px 50%; background-repeat:no-repeat;} .sub-nav-cms_menu5 li a{background-position:32px 50%; background-repeat:no-repeat;} .sub-nav-cms_menu6 li a{background-position:36px 50%; background-repeat:no-repeat;} a.al {background-image:url(/images/sport_golf.png); } a.alcc {background-image:url(/images/heart.png); } a.rsa {background-image:url(/images/user_suit.png); } a.ra {background-image:url(/images/group.png);} a.cod {background-image:url(/images/money.png); } a.wp {background-image:url(/images/application_form_delete.png); } a.cd {background-image:url(/images/help-desk.png); } a.cm {background-image:url(/images/comments.png); } a.sf {background-image:url(/images/sched-fee.png); } a.subrsa{background-image:url(/images/bullet_blue.png);} a.srrv{background-image:url(/images/vcard.png);} a.srrv2{background-image:url(/images/vcard_add.png);} a.ga{background-image:url(/images/emoticon_smile.png);} a.im{background-image:url(/images/image.png);} a.or{background-image:url(/images/application_go.png);} a.pi1{background-image:url(/images/user-group3.gif);} a.pi2{background-image:url(/images/stats5.gif);} a.pi3{background-image:url(/images/text-file.gif);} a.pi4{background-image:url(/images/edit-comment-blue.gif);} a.pi5{background-image:url(/images/master-card.gif);} a.pi6{background-image:url(/images/user-merchants.gif);} a.pi7{background-image:url(/images/user-marketers.gif);} ul.quick-links-nav a{text-decoration:none;background:#99ddf5 url(/images/bullet_go_blue.gif) 5px center no-repeat; padding:.3em 0 .3em 1.8em; display:block; margin-bottom:3px;height:1%;/*Fix for MSIE peekaboo bug*/ } ul.quick-links-nav li ul.quick-links-snavsub li a{font-size:.85em; background:url(/images/bullet-arrow.gif) left center no-repeat; border-bottom:1px solid #bbebfa; } ul.pdf, ul.page { margin:1em 0 1em 2.5em; } ul.pdf li{margin-bottom:.3em; vertical-align:middle; list-style-image:url(/images/page_white_acrobat.png); } ul.page li{margin-bottom:.3em; vertical-align:middle; list-style-image:url(/images/page.png); } * html ul.pdf li, * html ul.page li {padding:0 0 0 .5em;} /*---- ul.dir-location ----*/ ul.dir-location li{ margin:5px 0 2em 0; padding:.5em .3em; list-style:none; background:#f6fcff; border-top:3px solid #bfe5f8; border-bottom:1px solid #bfe5f8; display:block; } * html ul.dir-location li.first {position:relative;} /*IE6 hack */ /*li img middle fix*/ li img {vertical-align:middle;} /* ----- IMAGES ----- */ img{ } img a{ } img a:hover{ } /* ----- LINKS ----- */ a{ } #navigation-main li a{ float:left; /*IE Fix*/ padding:8px; margin-right:1em; color:#01405b; text-decoration:none; border:1px solid #3BB3EF; } #navigation-main li a.drop { background:url(/images/arrow_down.gif) 90% 50% no-repeat; padding-right:18px; } #navigation-main li a.drop2 { background:url(/images/arrow_down.gif) 97% 50% no-repeat; padding-right:18px; } #navigation-main li a.drop_cms1 { background:url(/images/arrow_down.gif) 97% 50% no-repeat; padding-right:18px; } #navigation-main li a.drop_cms2 { background:url(/images/arrow_down.gif) 97% 50% no-repeat; padding-right:18px; } #navigation-main li a.drop_cms3 { background:url(/images/arrow_down.gif) 97% 50% no-repeat; padding-right:18px; } #navigation-main li a.drop_cms4 { background:url(/images/arrow_down.gif) 97% 50% no-repeat; padding-right:18px; } #navigation-main li a.drop_cms5 { background:url(/images/arrow_down.gif) 97% 50% no-repeat; padding-right:18px; } #navigation-main li a.drop_cms6 { background:url(/images/arrow_down.gif) 97% 50% no-repeat; padding-right:18px; } li ul.sub-nav-main { display:none; } li ul.sub-nav-partner{ display:none; } li ul.sub-nav-cms_menu1{ display:none; } li ul.sub-nav-cms_menu2{ display:none; } li ul.sub-nav-cms_menu3{ display:none; } li ul.sub-nav-cms_menu4{ display:none; } li ul.sub-nav-cms_menu5{ display:none; } li ul.sub-nav-cms_menu6{ display:none; } ul#navigation-main li ul.sub-nav-main li a { display:block; float:none; margin:0; color:#fff; padding:7px 30px; border:none; } ul#navigation-main li ul.sub-nav-partner li a { display:block; float:none; margin:0; color:#fff; padding:7px 30px; border:none; } ul#navigation-main li ul.sub-nav-cms_menu1 li a { display:block; float:none; margin:0; color:#fff; padding:7px 30px; border:none; } ul#navigation-main li ul.sub-nav-cms_menu2 li a { display:block; float:none; margin:0; color:#fff; padding:7px 30px; border:none; } ul#navigation-main li ul.sub-nav-cms_menu3 li a { display:block; float:none; margin:0; color:#fff; padding:7px 30px; border:none; } ul#navigation-main li ul.sub-nav-cms_menu4 li a { display:block; float:none; margin:0; color:#fff; padding:7px 30px; border:none; } ul#navigation-main li ul.sub-nav-cms_menu5 li a { display:block; float:none; margin:0; color:#fff; padding:7px 30px; border:none; } ul#navigation-main li ul.sub-nav-cms_menu6 li a { display:block; float:none; margin:0; color:#fff; padding:7px 30px; border:none; } * html ul.sub-nav-main li a { width:200px; height:10px; } * html ul.sub-nav-partner li a { width:200px; height:10px; } * html ul.sub-nav-cms_menu1 li a { width:200px; height:10px; } * html ul.sub-nav-cms_menu2 li a { width:200px; height:10px; } * html ul.sub-nav-cms_menu3 li a { width:200px; height:10px; } * html ul.sub-nav-cms_menu4 li a { width:200px; height:10px; } * html ul.sub-nav-cms_menu5 li a { width:200px; height:10px; } * html ul.sub-nav-cms_menu6 li a { width:200px; height:10px; } .quick-links a {margin:0 .5em 0 .3em;} a.warning { font-size:.8em; color:#be2107; } a:hover{ } ul#navigation-main li a:hover { color:#fff; background-color:#1396d8; } ul#navigation-main li:hover ul.sub-nav-main { display:block; } ul#navigation-main li:hover ul.sub-nav-partner { display:block; } ul#navigation-main li:hover ul.sub-nav-cms_menu1{ display:block; } ul#navigation-main li:hover ul.sub-nav-cms_menu2{ display:block; } ul#navigation-main li:hover ul.sub-nav-cms_menu3{ display:block; } ul#navigation-main li:hover ul.sub-nav-cms_menu4{ display:block; } ul#navigation-main li:hover ul.sub-nav-cms_menu5{ display:block; } ul#navigation-main li:hover ul.sub-nav-cms_menu6{ display:block; } a:hover.warning { color:#ec2504; } a:visited, a:active, a:focus{ } a:visited.warning, a:active.warning, a:focus.warning { color:#ec2504; } a:visited{ } a:active{ } a:focus{ } /* ----- FORMS ----- */ form{ } .login-form {padding:5px; background:#fdfce9; } .search-form {padding:5px; background:#f6fcff; } .unf-app {padding:5px; background:#fffff6; } fieldset{ } legend{ } label{ } input{ } /* -- User Login Home Page -- */ .login-form input[type="text"], .login-form input[type="password"] {color:#314e61; width:130px; margin-bottom:5px; border:1px solid #e1e0c6; padding:.3em .3em .3em 2.2em;} * html .login-form input {width:150px;border:1px solid #e1e0c6; padding:.3em; margin-bottom:5px;} .login-form input[type="text"] {background:#fff url(/images/user.png) 8px center no-repeat;} .login-form input[type="password"] {background:#fff url(/images/textfield_key.png) 8px center no-repeat;} /* -- Search Home Page -- */ .search-form input {background:#fff url(/images/page_find.png) 8px center no-repeat; color:#314e61; width:130px; margin-bottom:5px; border:1px solid #d4d4d4; padding:.3em .3em .3em 2.2em;} .unf-app input {background:#fff url(/images/textfield_key.png) 8px center no-repeat; color:#314e61; width:130px; margin-bottom:5px; border:1px solid #d4d4d4; padding:.3em .3em .3em 2.2em;} textarea{ } input, textarea{ } select{ } optgroup{ } option{ } /* ----- TABLES ----- */ table{ } caption{ } thead{ } tbody{ } tfoot{ } tr{ } tr .alt{ } th{ } td{ } /*------- Text Elements -------*/ p.emphasis {border:1px solid #ebebeb; padding:.6em 1em .6em .6em; margin:0 .5em .5em 0; width:755px;} p img.emp {margin-top:0; margin-bottom:0; padding:4px;background:#fff;border:1px solid #d6d5c9;} /*------- Retiree: Assisted & Continuous Care -------*/ div.directory {padding:0; } div.directory span.dir-box { display:block; margin:0 5px; padding:0; background:#ecf9ff;} ul.dir-location {padding:10px;} ul.dir-location li span.info-left { float:left; width:300px; border-right:1px solid #bfe5f8;} ul.dir-location li p.info-right {margin-left:301px; padding-left:1em;} /*-------- Partners Investors Marketers Login -----------*/ .login2 {border:1px solid #d4d4d4;padding:5px;background:#fff; width:200px; float:right; margin:0 0 0 1em;} h4.head-login2 {color:#d54015; font-size:1.1em; background:#ddd; padding:5px; } .login2-form {padding:3px; background:#f5f5f5; } .login2-form input[type="text"], .login2-form input[type="password"] {color:#314e61; width:130px; margin-bottom:5px; border:1px solid #e1e0c6; padding:.3em .3em .3em 2.2em;} * html .login2-form input {width:150px;border:1px solid #e1e0c6; padding:.3em; margin-bottom:5px;} .login2-form input[type="text"] {background:#fff url(/images/user.png) 8px center no-repeat;} .login2-form input[type="password"] {background:#fff url(/images/textfield_key.png) 8px center no-repeat;} /* PAGINATOR */ .Pages { text-align: center; margin-bottom: 20px; margin-top: 20px; } .Paginator { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; /* padding-bottom: 10px; background-image: url(http://l.yimg.com/www.flickr.com/images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */ } .Paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; } .Paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; } .Paginator .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; } .Paginator .Prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; } .Paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; } .Paginator .Next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;} .Paginator .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; } .Paginator .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff; color: #660; } .Paginator a:hover {color: #fff; background: #06c; border-color: #036; text-decoration: none;} /* .Paginator .ranking {display: block; margin-top: 0.5em; font-weight: bold;} .Paginator .ranking a {padding: 0; border: 0; background: transparent;} */ .Pages div.Results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; } /* PAGINATOR Scrumjax */ .Paginator_2 { font-size: 12px; padding-top: 5px; margin-left: auto; margin-right: auto; /* padding-bottom: 10px; background-image: url(http://l.yimg.com/www.flickr.com/images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */ } .Paginator_2 a, .Paginator_2 a:visited, .Paginator_2 a.this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; margin-right:2px; margin-left:2px} .Paginator_2 a.Prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; } .Paginator_2 .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; } .Paginator_2 a.Next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;} .Paginator_2 a.this-page {padding: 2px 6px; border-color: #fff; font-weight: bold; vertical-align: top; background: #fff; color: #889c0c; } .Paginator_2 a:hover {color: #fff; background: #06c; border-color: #036; text-decoration: none;} .Paginator_2 a.AtStart { margin-right: 20px;} .Paginator_2 a.AtEnd { margin-left: 20px; } .Paginator_2 a.AtStart, .Paginator_2 a.AtStart:link, .Paginator_2 a.AtStart:visited, .Paginator_2 a.AtStart:hover, .Paginator_2 a.AtEnd, .Paginator_2 a.AtEnd:link, .Paginator_2 a.AtEnd:visited, .Paginator_2 a.AtEnd:hover{ color: #aaa; background: transparent !important; text-decoration: none; outline:0; border:0; padding: 4px 8px;} /* Gallery */ .gallery {} .gallery a {border:1px solid #ccc; padding:5px; float:left; margin:0 5px 10px 5px;} .gallery a:hover {border:1px solid #AADFFA; } .gallery a img {margin:0;} /* ADS */ .ads-pra { position: absolute; left: 1050px; top: 70px; height: 600px; width: 200px; } /*.ads-pra a { float: left; margin: 0 0 20px; }*/