/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ /** * YUI Reset * @module reset * @namespace * @requires */ html { color: #000; background: #FFF; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; } del, ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input, button, textarea, select { *font-size: 100%; } /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ /** * YUI Fonts * @module fonts * @namespace yui- * @requires */ /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body { font:13px/1.231 arial,helvetica,clean,sans-serif; /* for IE6/7 */ *font-size:small; /* for IE Quirks Mode */ *font:x-small; } /** * Nudge down to get to 13px equivalent for these form elements */ select, input, button, textarea, button { font:99% arial,helvetica,clean,sans-serif; } /** * To help tables remember to inherit */ table { font-size:inherit; font:100%; } /** * Bump up IE to get to 13px equivalent for these fixed-width elements */ pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; } /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ /** * YUI Base * @module base * @namespace yui- * @requires reset, fonts */ body { /* For breathing room between content and viewport. */ margin:10px; } h1 { /* 18px via YUI Fonts CSS foundation. */ font-size: 138.5%; } h2 { /* 16px via YUI Fonts CSS foundation. */ font-size: 123.1%; } h3 { /* 14px via YUI Fonts CSS foundation. */ font-size: 108%; } h1,h2,h3 { /* Top & bottom margin based on font size. */ margin: 1em 0; } h1,h2,h3,h4,h5,h6,strong,dt { /* Bringing boldness back to headers and the strong element. */ font-weight: bold; } optgroup { font-weight:normal; } abbr,acronym { /* Indicating to users that more info is available. */ border-bottom: 1px dotted #000; cursor: help; } em { /* Bringing italics back to the em element. */ font-style: italic; } del { /* Striking deleted phrases. */ text-decoration: line-through; } blockquote,ul,ol,dl { /* Giving blockquotes and lists room to breath. */ margin: 1em; } ol,ul,dl { /* Bringing lists on to the page with breathing room. */ margin-left: 2em; } ol li { /* Giving OL's LIs generated numbers. */ list-style: decimal outside; } ul li { /* Giving UL's LIs generated disc markers. */ list-style: disc outside; } dl dd { /* Giving UL's LIs generated numbers. */ margin-left: 1em; } th,td { /* Borders and padding to make the table readable. */ border: 1px solid #000; padding: .5em; } th { /* Distinguishing table headers from data cells. */ font-weight: bold; text-align: center; } caption { /* Coordinated margin to match cell's padding. */ margin-bottom: .5em; /* Centered so it doesn't blend in to other content. */ text-align: center; } sup { /* to preserve line-height and selector appearance */ vertical-align: super; } sub { /* to preserve line-height and selector appearance */ vertical-align: sub; } p, fieldset, table, pre { /* So things don't run into each other. */ margin-bottom: 1em; } /* Opera requires 1px of passing to render with contemporary native chrome */ button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] { padding:1px; } /* Grids CSS without yui-3 namespace Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.2.0pr1 build: 2430 */ .grid { letter-spacing: -0.31em; /* webkit: collapse white-space between units */ *letter-spacing: normal; /* reset IE < 8 */ word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */ } .unit, .unit-1, .unit-1-2, .unit-1-3, .unit-2-3, .unit-1-4, .unit-3-4, .unit-1-5, .unit-2-5, .unit-3-5, .unit-4-5, .unit-1-6, .unit-5-6, .unit-1-8, .unit-3-8, .unit-5-8, .unit-7-8, .unit-1-12, .unit-5-12, .unit-7-12, .unit-11-12, .unit-1-24, .unit-5-24, .unit-7-24, .unit-11-24, .unit-13-24, .unit-17-24, .unit-19-24, .unit-23-24 { display: inline-block; zoom: 1; *display: inline; /* IE < 8: fake inline-block */ letter-spacing: normal; word-spacing: normal; vertical-align: top; } .unit-1 {display: block;} .unit-1-2 {width: 50%;} .unit-1-3 {width: 33.33333%;} .unit-2-3 {width: 66.66666%;} .unit-1-4 {width: 25%;} .unit-3-4 {width: 75%;} .unit-1-5 {width: 20%;} .unit-2-5 {width: 40%;} .unit-3-5 {width: 60%;} .unit-4-5 {width: 80%;} .unit-1-6 {width: 16.656%;} .unit-5-6 {width: 83.33%;} .unit-1-8 {width: 12.5%;} .unit-3-8 {width: 37.5%;} .unit-5-8 {width: 62.5%;} .unit-7-8 {width: 87.5%;} .unit-1-12 {width: 8.3333%;} .unit-5-12 {width: 41.6666%;} .unit-7-12 {width: 58.3333%;} .unit-11-12 {width: 91.6666%;} .unit-1-24 {width: 4.1666%;} .unit-5-24 {width: 20.8333%;} .unit-7-24 {width: 29.1666%;} .unit-11-24 {width: 45.8333%;} .unit-13-24 {width: 54.1666%;} .unit-17-24 {width: 70.8333%;} .unit-19-24 {width: 79.1666%;} .unit-23-24 {width: 95.8333%;} /*HTML Elements*/ html {background: #9e9e9c url(/img/portal/html.jpg) center top no-repeat;} body {margin: 0; padding: 0; font: 12px/1.231 Verdana, sans-serif; color: #706F6F;} a {color: #000; text-decoration: none;} a:hover {text-decoration: underline;} h1, h2, h3, h4 {margin-top: 0px; font-family: RawengulkRegular, serif; color: #E94D25; font-weight: normal;} h1 a, h2 a, h3 a, h4 a {color: #E94D25;} h1 {font: 40px RawengulkDemibold, serif; color: #98401E;} h1 a {color: #98401E;} h1.black {margin: 27px 0; font: 56px RawengulkRegular, serif; color: #1D1D1B;} h1.black a {color: #1D1D1B;} h2 {font-size: 21px;} h3 {font-size: 16px;} input, textarea, select {font: 12px/1.231 Verdana, sans-serif; color: #333333;} header, section, article, footer, nav, aside {display: block;} /* Elements */ .grid .content {padding: 0 10px;} /* Menu */ .menu {margin: 0;} .menu li {float: left; list-style: none;} .menu li a {float: left; display: block;} .icons {float: left; margin: 0;} .icons li {float: left; list-style: none; margin-right: 10px; line-height: normal;} .icons a {float: left; display: block; height: 16px; width: 16px; overflow: hidden; text-indent: -10000px;} /* Document */ /* Header */ .doc-header {position: relative; width: 960px; height: 168px; margin: 0 auto;} #search-form {position: absolute; top: 15px; right: 40px;} #search-keywords {width: 183px/*224px*/; height: 22px; padding: 0 32px 0 9px; background: url(/img/portal/search-keywords.jpg) no-repeat; border: none; color: #666666; font-style: italic; line-height: 22px;} #logo {position: absolute; top: 19px; left: 8px; display: block;} #main-menu {position: absolute; bottom: 0; right: 0;} #main-menu a {width: 135px; height: 42px/*88px*/; padding: 46px 0 0; background: url(/img/portal/main-menu-a.gif) no-repeat; font: 21px RawengulkRegular, sans-serif; color: #1D1D1B; text-align: center;} #main-menu a:hover, #main-menu .selected {color: #E6332A; text-decoration: none;} /* Body */ .doc-body {width: 960px; margin: 0 auto; padding: 40px 0 100px;} .doc-body li {list-style-image: url(/img/portal/li.gif); margin-bottom: 4px;} .doc-body .polaroid {border: 8px solid #fff; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 4px #444; box-shadow: 0 0 4px #444;} /* Layouts */ .doc-body h2.orange {margin-bottom: 15px; font: 36px RawengulkDemibold, serif; color: #EB5C1D;} .doc-body h2.orange a {color: #EB5C1D;} .doc-body h2.chrome-yellow {margin-bottom: 15px; font: 36px RawengulkDemibold, serif; color: #F39200;} .doc-body h2.chrome-yellow a {color: #F39200;} .doc-body .layout-2 {background: url(/img/portal/layout.gif) repeat-y;} .doc-body .box {margin: 0 0 10px 0;} .doc-body .box-center {margin: 0 0 10px 0; text-align: center;} .doc-body .box-left {float: left; margin: 0 10px 10px 0;} .doc-body .box-right {float: right; margin: 0 0 10px 10px;} .doc-body header {margin-bottom: 30px;} .doc-body .items {margin: 20px 0;} .doc-body .items li {display: block; min-height: 82px; height: auto !important; height: 82px; list-style-image: none; list-style: none; margin-bottom: 15px;} .doc-body .items li .name {display: table-cell; height: 82px; vertical-align:middle; font: 21px RawengulkRegular, serif;} .doc-body .items li img, .doc-body header .logo {float: left; margin-right: 15px; padding: 5px; background: #fff; border: 1px solid #E94D25; -moz-box-shadow: 0 0 5px #555; -webkit-box-shadow: 0 0 5px #555; box-shadow: 0 0 5px #555;} .doc-body .expert h2 {margin-bottom: 12px;} .doc-body .expert img {display: block; margin-bottom: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} /* Pagination */ .pagination {} .pagination .previous, .pagination .next {height: 18px; padding-left: 28px; background: url(/img/portal/pagination.jpg) 0 0 no-repeat; line-height: 18px;} .pagination .next {padding: 0 28px 0 0; background-position: right -18px;} .pagination .disabled {display: none;} /* Footer */ .doc-footer {position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; background: url(/img/portal/footer.jpg) repeat-x; font-size: 11px; color: #DADADA;} .doc-footer a {color: #DADADA;} .doc-footer .container {position: relative; width: 960px; margin: -1px auto 0 auto; padding-top: 1px;} .doc-footer .info {width: 491px/*615px*/; margin-top: 25px; padding: 0 34px 0 90px; background: url(/img/portal/footer-info.jpg) right top repeat-y; line-height: 21px; text-align: center;} .doc-footer .logo {display: block; position: absolute; top: 15px; right: 120px;} /* Font faces */ @font-face { font-family: 'RawengulkBold'; src: url('/fonts/rawengulkbold-webfont.eot'); src: url('/fonts/rawengulkbold-webfont.eot?iefix') format('eot'), url('/fonts/rawengulkbold-webfont.woff') format('woff'), url('/fonts/rawengulkbold-webfont.ttf') format('truetype'), url('/fonts/rawengulkbold-webfont.svg#webfontsUHsDMyy') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RawengulkDemibold'; src: url('/fonts/rawengulkdemibold-webfont.eot'); src: url('/fonts/rawengulkdemibold-webfont.eot?iefix') format('eot'), url('/fonts/rawengulkdemibold-webfont.woff') format('woff'), url('/fonts/rawengulkdemibold-webfont.ttf') format('truetype'), url('/fonts/rawengulkdemibold-webfont.svg#webfontOO4Any2T') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RawengulkRegular'; src: url('/fonts/rawengulkregular-webfont.eot'); src: url('/fonts/rawengulkregular-webfont.eot?iefix') format('eot'), url('/fonts/rawengulkregular-webfont.woff') format('woff'), url('/fonts/rawengulkregular-webfont.ttf') format('truetype'), url('/fonts/rawengulkregular-webfont.svg#webfont0jxPpBUe') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RawengulkUltralight'; src: url('/fonts/rawengulkultralight-webfont.eot'); src: url('/fonts/rawengulkultralight-webfont.eot?iefix') format('eot'), url('/fonts/rawengulkultralight-webfont.woff') format('woff'), url('/fonts/rawengulkultralight-webfont.ttf') format('truetype'), url('/fonts/rawengulkultralight-webfont.svg#webfontJd0JdkiZ') format('svg'); font-weight: normal; font-style: normal; } .doc-body h1 .name {height: 82px; line-height: 82px;}