/* General ==================================== */ body { font: 1em Arial, sans-serif; } .ir { text-indent: -9999px; } .overflow-visible { overflow: visible; } .relative { position: relative; } #print-logo { display: none; } /* demo version warning message hack */ #dnn_ContentPane .dnnFormMessage.dnnFormWarning { display: none; } /* Icons ==================================== */ #container .ui-icon { position:absolute; top: 50%; margin-top: -8px; width:17px; height:15px; background-image:url(../images/icons-white.png); background-repeat:no-repeat; } #container .ui-icon-menu { background-position: 0 0; } #container .ui-icon-search { background-position: -66px 0; } #container .ui-btn-text { padding-left: 25px; } /* Headers ==================================== */ h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 0 0 0.5em 0; line-height: 1; } h1 { font-size: 2.4em; color: #333333; } h2 { font-size: 1.8em; color: #e67723; } h3 { font-size: 1.4em; color: #333333; } /* Text ==================================== */ p, ul, ol { margin: 0 0 1em 0; padding: 0; font: 1em Arial, sans-serif; color: #484d47; } #content p, #feature p { line-height: 1.5; } #content ol, #content ul { margin-left: 25px; line-height: 1.5; } #content #pagelisting ul { margin: 0; } #content #pagelisting ul li { border-bottom: 1px solid #ccc; margin: 0 0 5px 0; } #content #pagelisting ul li:last-child { border: 0; } /*#content ul li { list-style-type: disc; } #content ol li { list-style-type: decimal; }*/ /* Links ==================================== */ a:link { color: #006699; text-decoration: none; } a:visited { color: #7419c1; } a:hover, a:active { text-decoration: underline; } a.green-btn { display: inline-block; background: #45a238; /* Old browsers */ background: -moz-linear-gradient(top, #45a238 1%, #327629 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#45a238), color-stop(100%,#327629)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #45a238 1%,#327629 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #45a238 1%,#327629 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #45a238 1%,#327629 100%); /* IE10+ */ background: linear-gradient(to bottom, #45a238 1%,#327629 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a238', endColorstr='#327629',GradientType=0 ); /* IE6-9 */ margin-top: 15px; padding: 10px 15px; border: 0; text-shadow: none; color: #fff; border-radius: 4px; } /* Tables ==================================== */ .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; } table.table1 { width: 100%; max-width: 100%; } table.table1 th { font-weight: bold; border-bottom: 2px solid #aaa; } table.table1 td { border-bottom: 1px solid #eee; } table.table1 td, table.table1 th { padding: 5px 10px; text-align: left; vertical-align: top; } /* Images ==================================== */ #content img { max-width: 100%; height: auto; } /* Masthead ==================================== */ /* Header ==================================== */ #top { background: #535353; } #top h1 { } #top h1 a { display: block; width: 100%; height: 100%; } .search-bar { float: right; margin: 15px 0; } .search-bar .gsc-input input.gsc-input { width: 150px !important; padding: 4px 10px 4px 10px !important; border-top-left-radius: 12px; border-bottom-left-radius: 12px; background: #ccc !important; font: 13px Arial, sans-serif !important; transition: width 0.25s; border: 0 !important; float: right; } .search-bar .search-submit { display: none; } /* Google CSE */ .search-bar .gsc-search-box-tools .gsc-search-box td.gsc-input { padding: 0; } .search-bar .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { border: 0; background: none; height: auto; box-shadow: none; } .search-bar .gsib_a { padding: 0;} .search-bar .gsib_b { display: none; } .my-account { float: right; clear: right; margin-right: 10px; } .my-account a { display: block; width: 74px; height: 24px; background: transparent url(../images/my-account.png) no-repeat 0 0; } /* Navigation ==================================== */ #nav { border-top: 1px solid #cda816; } #nav > .row { overflow:visible; } #nav ul { margin: 0; font: 0.9em 'Open Sans', sans-serif; font-weight: 600; line-height: 1; } #nav ul li { display: inline-block; position:relative; } #nav ul li a { display: block; color: #fff; padding: 20px 16px; } #nav ul li.active a { background: #3e3e3e; } #nav ul li:hover > a { color: #3e3e3e; text-decoration: none; background: #fbd542; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZDU0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYTk0MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbd542 0%, #ba9401 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbd542), color-stop(100%,#ba9401)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbd542 0%,#ba9401 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbd542 0%,#ba9401 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbd542 0%,#ba9401 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbd542 0%,#ba9401 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd542', endColorstr='#ba9401',GradientType=0 ); /* IE6-8 */ } #nav ul li:hover ul.subnav { display:block; } #nav ul li ul.subnav { display:none; position:absolute; z-index: 999999999; min-width:300px; height: auto; overflow: visible; border: 1px solid #535353; box-shadow: 3px 3px 10px rgba(0,0,0, .5); background: #535353; } #nav ul li ul.subnav li { display:block; } #nav ul li ul.subnav li a { float:none; padding: 10px 15px; border-bottom: 1px solid #cda816; } @media only screen and (max-width:767px) { } /* Feature ==================================== */ #feature { } #feature .slide { width: 100%; margin: 0 auto; position: relative; background: #e5e5e5; } #feature .slide > img { display: block; width: 100%; height: auto; } #feature .slide .caption { } #feature .slide .caption p { margin: 0; } /* Home Page ==================================== */ #callouts .callout { } #callouts .callout h2 { color: #e67723; margin: 0; font-weight: 600; } #callouts .callout ul { list-style-type: none; margin: 0 0 1em 0; padding: 0; font-size: 90%; } #callouts .callout ul li { border-bottom: 1px solid #e9c0a1; margin: 0; padding: 0; list-style-type: none; } #callouts .callout ul li a { display: block; padding: 8px 20px; } #callouts .callout .my-account { display: block; width: 115px; height: 34px; background: transparent url(../images/my-account-large.png) no-repeat 0 0; margin: 0 0 0 20px; float: none; } #callouts .callout div.open { display: none; } .home #content { background: #fff; } .home #content .grid_4 { } .home #content h3 { margin: 30px 0 20px 0; text-align: center; font-size: 1.6em; color: #404041; font-weight: 600; } #twitter { margin: 20px 0 10px 0; } #twitter .twitter-feed { padding: 10px; background: #666666; border-radius: 5px; } #twitter .twtr-head { } #twitter .twtr-head img { } #twitter .twtr-head a { color: #fff; } #twitter .twtr-content { } #twitter .single-tweet { margin: 10px 0; padding: 5px; background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0, 0.5); } #twitter .single-tweet .image { float: left; } #twitter .single-tweet .text { margin: 0 5px 0 55px; font-size: 90%; } #twitter .single-tweet .info { margin: 10px 0 0 0; font-size: 75%; overflow: hidden; } #twitter .twtr-footer a:link, #twitter .twtr-footer a:visited { float: right; color: #fff; } .newslisting ul { list-style-type: none; margin: 0 0 15px 0 !important; padding: 0; } .newslisting ul li { border-bottom: 1px solid #ccc; padding: 8px 0; } /* Inside Page ==================================== */ #banner p { margin: 0; } #banner p img { width: 100%; height: auto; display: block; } .section #nav-rewrite { display: none; } #sidenav nav ul { margin: 0; list-style-type: none; line-height: 1.2; } #sidenav nav ul li { list-style-type: none; } #sidenav nav ul li a { display: block; padding: 10px 0; } #sidenav nav ul li.active > a { font-weight: bold; } #sidenav nav a:visited { color: #006699; } #sidenav nav ul li ul { display: none; } #sidenav nav ul li.parent.active ul { display: block; padding: 0; } #sidenav nav ul li ul li a, #sidenav nav ul li ul li a { padding: 5px 16px; font-size: 0.9em; } #sidenav nav ul li.parent ul li.active a{ background: transparent url(../images/active-bullet.png) no-repeat 0 center; text-decoration: underline; font-weight: normal; } .intro p { font: 1.2em 'Open Sans', sans-serif; } .content-block { margin: 1em 10% 1em 0; } /* Search Results ==================================== */ .dnnSearchResultItem-Others { display: none; } .dnnSearchBoxPanel .dnnSearchBox { margin-right: 125px; } /* Policy Manual Search Results ==================================== */ .cse .gsc-control-cse, .gsc-control-cse { padding: 0 !important; } .gsc-control-cse .gsc-tabsArea { height: auto; border: 0; border-bottom: 1px solid #ccc; font-size: 110%; } .gsc-control-cse .gsc-tabsArea > div { height: auto !important; margin-bottom: -1px; } .gsc-control-cse .gsc-tabHeader { padding: 0 10px 1px 10px; min-width: 70px; min-height: 30px; line-height: 30px; } .gsc-control-cse .gsc-tabHeader.gsc-tabhInactive{ border: 0; background: transparent; color: #006699; } .gsc-control-cse .gsc-tabHeader.gsc-tabhActive { border: 1px solid #ccc; border-bottom: 1px solid #fff; color: #e67723; } /*.gsc-control-cse .gsc-tabHeader.gsc-tabhActive { border: 1px solid #aaa; }*/ /*.gsc-control-cse .gsc-tabHeader { margin: 0 2px 2px 0; }*/ /*.gsc-control-cse .gs-web-image-box, .gsc-control-cse .gs-promotion-image-box { margin-right: 5px; }*/ /*.gsc-control-cse .gsc-thumbnail-inside,*/ /*.gsc-control-cse .gsc-url-top { padding: 0; }*/ /* Events ==================================== */ #eventPlannerHeaderIcons { display: none; } .eventListViewSearch { margin: 15px 0; padding: 15px; overflow: hidden; background: #f8f8f8; } .eventListViewSearch > .eventListHeader { display: none; } .eventListViewSearch .form-group { display: none; width: 50%; float: left; } .eventListViewSearch .form-group:nth-child(6), .eventListViewSearch .form-group:nth-child(7), .eventListViewSearch .form-group:nth-child(8) { display: block; } .eventListViewSearch .form-group label { font-weight: bold; margin-bottom: 10px; } .eventListViewSearch .form-group input[type=text] { width: 60%; border: 1px solid #ccc; box-shadow: none; padding: 7px; margin-top: 5px; color: #666; } .DnnModule-dtEventPlannerModule .eventPlannerStandardButton { background: #45a238; /* Old browsers */ background: -moz-linear-gradient(top, #45a238 1%, #327629 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#45a238), color-stop(100%,#327629)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #45a238 1%,#327629 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #45a238 1%,#327629 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #45a238 1%,#327629 100%); /* IE10+ */ background: linear-gradient(to bottom, #45a238 1%,#327629 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a238', endColorstr='#327629',GradientType=0 ); /* IE6-9 */ margin-top: 15px; padding: 10px 15px; border: 0; text-shadow: none; color: #fff; } .DnnModule-dtEventPlannerModule .eventPlannerStandardButton:hover { background-position: 0 0; } .DnnModule-dtEventPlannerModule .eventPlannerStandardButton i { display: none; } .DnnModule-dtEventPlannerModule .eventListView { border: 0; } .eventListView .eventTitle { color: #006699; font-size: 18px; } .eventListView .event-dates { overflow: hidden; margin: 5px 0; font-weight: bold; font-size: 14px; } .eventDateLabel {display: none; } .eventListView .event-link { margin: 10px 0 0 0; } .eventListView .event-link {} .event-details-thumb { float: left; width: 200px; } .event-details-info { margin-left: 220px; } .event-details-info .eventTitle { font-size: 1.8em; color: #e67723; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 0 0 0.5em 0; line-height: 1; } .DnnModule-dtEventPlannerModule .signUpToEventHeader { font-size: 1.4em; color: #e67723; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 0 0 0.5em 0; line-height: 1; } .DnnModule-dtEventPlannerModule .signUpToEventLabels { color: #333; } .DnnModule-dtEventPlannerModule .row { margin: 12px 0; display: block; } .DnnModule-dtEventPlannerModule .row .col-sm-3 { width: 30%; float: left; } .DnnModule-dtEventPlannerModule .row .col-sm-3:nth-child(1n) { clear: left; margin-top: 5px; } .DnnModule-dtEventPlannerModule .event-registration-form label { display: block; font-weight: bold; } .DnnModule-dtEventPlannerModule .event-registration-form input[type=text], .DnnModule-dtEventPlannerModule .event-registration-form textarea { width: 65%; border: 1px solid #ccc; box-shadow: none; padding: 7px; margin: 5px 0; color: #666; } .DnnModule-dtEventPlannerModule .signUpToEventSummary { border: 0; background: none; margin: 0; padding: 0; } .DnnModule-dtEventPlannerModule .signUpToEventSummary .row:nth-child(4), .DnnModule-dtEventPlannerModule .signUpToEventSummary .row:nth-child(5), .DnnModule-dtEventPlannerModule .signUpToEventSummary .row:nth-child(6), .DnnModule-dtEventPlannerModule .signUpToEventSummary .row:nth-child(7), .DnnModule-dtEventPlannerModule .signUpToEventSummary .row:nth-child(8) { display: none;} .DnnModule-dtEventPlannerModule .signUpToEventSuccessInfo { border: 0; background: none; margin: 0; padding: 0; width: auto; } /* Form Overrides ==================================== */ .inside .ModActionFormC .bstrap30 .alert-info{ background: none; border: 0; color: #484d47; text-align: left !important; } /* Accordion ==================================== */ .accordion h3 { margin: 10px 0 0 0; padding: 5px 45px 5px 20px; line-height: 1.5; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; position: relative; background: #45a238; /* Old browsers */ background: -moz-linear-gradient(top, #45a238 1%, #327629 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#45a238), color-stop(100%,#327629)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #45a238 1%,#327629 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #45a238 1%,#327629 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #45a238 1%,#327629 100%); /* IE10+ */ background: linear-gradient(to bottom, #45a238 1%,#327629 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a238', endColorstr='#327629',GradientType=0 ); /* IE6-9 */ } .accordion h3.ui-state-active { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; } .accordion h3:hover { background: #2d6a24; /* Old browsers */ background: -moz-linear-gradient(top, #2d6a24 1%, #204f1b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2d6a24), color-stop(100%,#204f1b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2d6a24 1%,#204f1b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2d6a24 1%,#204f1b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2d6a24 1%,#204f1b 100%); /* IE10+ */ background: linear-gradient(to bottom, #2d6a24 1%,#204f1b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d6a24', endColorstr='#204f1b',GradientType=0 ); /* IE6-9 */ } .accordion h3 .ui-icon { right: 20px; background-position: -117px 0; } .accordion h3.ui-state-active .ui-icon { background-position: -166px 0; } .accordion h3:focus { outline: 0; } .accordion div { background: #e6f0e7; padding: 10px 20px; } .accordion div h4 { margin: 10px 0 5px 0; color: #3b8331; font-size: 1.2em; font-weight: bold; } /* Footer ==================================== */ footer { border-top: 1px solid #b2b2b2; background: url(../images/footer-bg.png) repeat 0 0; } footer .footer-top { padding: 30px 0 20px 0; } footer .footer-top .footer-top-left-col {position: absolute; bottom: 0;} footer .footer-top ul.footer-links { float: left; width: 190px; list-style-type: none; margin: 0; padding: 0; } footer .footer-top ul.footer-links li { margin: 10px 0 0; list-style-type: none; } footer .footer-top p { margin: 0; } footer .footer-bottom { padding: 15px 0; background: #666; border-top: 1px solid #efc938; } footer .footer-bottom p { margin: 0; color: #fff; font-size: 0.9em; } footer .twitter-footer { float: right; } footer .footer-top-right-col p { float: left; } footer .footer-logo { text-align:center; margin-bottom: 1em; } /***** Phone (portrait 300px) *****/ @media only screen and (max-width:767px) { /* Tables ==================================== */ /* Header ==================================== */ #top { } #top h1 { width: 278px; height: 28px; margin: 25px auto; } #top h1 a { background: transparent url(../images/wcb-logo-mobile.png) no-repeat 0 0; } .search-bar { display: none; float: none; } .search-bar #dnn_dnnSearch_txtSearch{ width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -mox-box-sizing: border-box; } .search-bar #dnn_dnnSearch_txtSearch:focus{ outline: none; } #mobile-nav { overflow: hidden; border-top: 1px solid #cda816; } #mobile-nav div { float: left; width: 50%; } #mobile-nav a { display: block; padding: 15px 0; text-align: center; color: #fff; position: relative; font: 600 1.1em 'Open Sans', sans-serif; } .menu-btn { } .menu-btn a { border-right: 1px solid #000; } .search-btn { float: right; } /* Feature ==================================== */ #feature .slide .caption { padding: 10px 20px 20px 20px; } #feature .slide .caption p { color: #555; font: 2.0em 'Open Sans', sans-serif; } #feature .slide .caption p+p { font-size: 1.2em; } #feature .slide .image { display: none; } #feature .slide .content { padding: 20px; } /* Home Page ==================================== */ #callouts { border-top: 2px solid #e67723; } #callouts .row { } #callouts .callout { position: relative; padding-bottom: 15px; } #callouts .callout.expanded { height: auto; border-bottom: 1px solid #e9c0a1; } #callouts .callout img.closed { display: block; position: absolute; top: 5px; left: 5px; border-radius: 10px; } #callouts .callout img.open { display: none; } #callouts .callout .headline { width: 150px; height: 60px; margin-left: 100px; padding-top: 5px; padding-bottom: 10px; cursor: pointer; } #callouts .callout h2 { font-size: 1.4em; text-align: left; height: 80px; display: table-cell; vertical-align: middle; line-height: 1.4; cursor: pointer; } #callouts .callout .toggle-icon { display: block; position: absolute; top: 35px; right: 30px; width: 20px; height: 20px; background: transparent url(../images/icons-orange.png) no-repeat 0 0; } #callouts .callout.expanded .toggle-icon{ background-position: -20px 0; } #callouts .callout ul { padding-top: 15px; } #callouts .callout ul li a { padding-left: 40px; } #callouts .callout .my-account { margin: 0 0 0 40px; } #callouts .callout div.open { display: none; } #twitter .twitter-feed { } /* grid hacks */ .home #content .row .grid_4 { padding-left: 10px; padding-right: 10px; } /* Inside Page ==================================== */ .section #nav-rewrite { display: block; } .section #content #sidenav { display: none; } .mobile-section-header, #sidenav h3.nav-title { display: block; background: #e67723; color: #fff; text-align: left; padding: 10px 10px 10px 35px; font: 1em 'Open Sans', sans-serif; } a.mobile-section-header { color: #fff; } a.mobile-section-header:hover { text-decoration: none; } #sidenav h3.nav-title { background: #eb924f; cursor: pointer; margin: 0; } #sidenav h3.nav-title span { display: block; float: right; width: 14px; height: 14px; background: transparent url(../images/icons-white.png) no-repeat -117px 0; margin: 3px 15px 0 0; } #sidenav h3.nav-title.open span { background-position: -166px 0; } #sidenav nav ul { display: none; } #sidenav nav ul li { border-bottom: 1px solid #d9d9d9; } #sidenav nav ul li a { display: block; padding: 10px 45px 10px 35px; min-height: 20px; position: relative; } #sidenav nav ul li a span { display: block; position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #eb924f url(../images/icons-white.png) no-repeat -153px center; text-indent: -9999px; } #sidenav nav ul li a span.btn_closed { background-position: -104px center; } #sidenav nav ul li ul { display: none; } #sidenav nav ul li ul li, #sidenav nav ul li ul li { border: 0; } #sidenav nav ul li ul li a, #sidenav nav ul li ul li a { padding: 5px 50px; } #sidenav nav ul li.parent ul li.active a { background-image: none; } .inside #content article, .section #content article { padding: 0 15px; } .inside #content h1 { margin-top: 10px; } /* Footer ==================================== */ footer .footer-top ul.footer-links { float: none; margin-left: 0; text-align: center; width: auto; } footer .footer-top p { margin: 1.5em 0 0 0; text-align: center; } footer .footer-bottom p { text-align: center; } footer .footer-top .footer-top-left-col { position: static; } footer .footer-top .footer-logo { margin-top: 1em; } footer .footer-top-right-col p { float:none; margin-bottom: 1em;} footer .twitter-footer { display: block; text-align: center; float:none; } } /***** Phone (landscape 420px) *****/ @media only screen and (min-width:480px) and (max-width:767px) { /* Home Page ==================================== */ #feature .slide { max-width: 480px; } /* Home Page ==================================== */ #callouts .callout .headline { width: 300px; } /* grid hacks */ .home #callouts .row { } } /***** Tablet and up *****/ @media only screen and (min-width:768px) { /* Header ==================================== */ #top h1 { width: 324px; height: 33px; float: left; margin: 30px 0; } #top h1 a { background: transparent url(../images/wcb-logo.png) no-repeat 0 0; } .search-bar input.gsc-search-button { margin: 2px 0 0 0 !important; border-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; color: #fff; border: 0; background: #7bae18; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdiYWUxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDYyMTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7bae18 0%, #206218 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bae18), color-stop(100%,#206218)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7bae18 0%,#206218 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7bae18 0%,#206218 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7bae18 0%,#206218 100%); /* IE10+ */ background: linear-gradient(to bottom, #7bae18 0%,#206218 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bae18', endColorstr='#206218',GradientType=0 ); /* IE6-8 */ } .search-bar input.gsc-search-button:focus { outline: none;} .search-bar input.gsc-search-button:hover { background: #7bae18; filter: none; } .search-bar { width: 270px; } /* Feature ==================================== */ #feature .slide .caption { position: absolute; } #feature .slide .caption p { color: #fff; } #feature .slide .image p { margin: 0; } #feature .slide .image p img { display: block; width: 100%; height: auto; } /* Home Page ==================================== */ #callouts { background: #e5e5e5; } #callouts .row { } #callouts .callout { bottom: 20px; position: absolute; border-top: 2px solid #e67723; padding-bottom: 20px; } #callouts .callout.expanded { background: #fff; box-shadow: 0 0 10px #aaa; top: auto; } #callouts .callout img.closed { display: block; position: absolute; top: -40px; } #callouts .callout.expanded img.closed { display: none; } #callouts .callout img.open { display: none; } #callouts .callout.expanded img.open { display: block; height: auto; border-width: 0 2px 2px 2px; border-style: solid; border-color: #e67723; } #callouts .callout h2 { margin-top: 50px; text-align: center; } #callouts .callout.expanded h2 { margin: 10px 0 0 0; } #callouts .callout ul { border-top: 1px solid #e9c0a1; } /* Inside Page ==================================== */ #utility { padding: 10px 0; } #utility .breadcrumbs { float: left; } #utility .breadcrumbs p { font-size: 0.8em; margin: 0; } #utility .sharing { float: right; } #sidenav h3.nav-title { color: #e67723; border-bottom: 2px solid #e67723; font-weight: 600; padding: 10px 16px; margin: 0; } #sidenav nav ul li a span { display: none; } .inside #content article { background: #fff; position: relative; margin: -60px 10px 0 10px; padding: 20px 30px; z-index: 950; } .inside.logged-in #content article { margin-top: 0; z-index: 900; } .blank #content article { background: #fff; position: relative; margin: 10px 10px 0 10px; padding: 20px 30px; z-index: 950; } .section #content { padding-top: 10px; } .content-block { float: left; width: 45%; } .content-block:last-child { margin-right: 0; } /* grid hacks */ #content #sidenav { margin-left: 0; min-height: 1px; } /* Footer ==================================== */ footer .footer-top p { margin: 0; } /* grid hacks */ footer .row, footer .grid_5, footer .grid_7 { overflow: visible; } footer .footer-top .row .grid_5 { float: right; } } /***** Tablet (Smaller than 959px) *****/ @media only screen and (min-width:768px) and (max-width:959px) { /* Navigation ==================================== */ #nav ul { font: 0.8em 'Open Sans', sans-serif; font-weight: 600; line-height: 1; } #nav ul li a { padding: 15px 14px; } /* Feature ==================================== */ #feature { background: #fff; } #feature .slide { width: 768px; } #feature .slide .caption { top: 80px; right: 20px; width: 300px; } #feature .slide .caption p { font: 2.2em 'Open Sans', sans-serif; } #feature .slide .caption p+p { font-size: 1.4em; } #feature .slide .image { width: 250px; float: left; } #feature .slide .content { width: 430px; float: right; padding: 30px 20px 0 0; } /* Home Page ==================================== */ #callouts .row { height: 190px; } #callouts .callout { width: 246px; } #callouts .callout.first { left: 0; } #callouts .callout.middle { left: 261px; } #callouts .callout.last { left: 522px; } #callouts .callout img.closed { left: 79px; } #callouts .callout.expanded img.open{ width: 242px; } #callouts .callout h2 { font-size: 1.5em; } #callouts .callout ul { text-align: center; } /* grid hacks */ .home #content .grid_4 { width: 356px; } .home #content .grid_4:last-child { width: 740px; } /* Inside Page ==================================== */ #sidenav nav ul { padding: 5px 20px; } #sidenav nav ul li a { font-size: 0.9em; } #sidenav nav ul li.parent ul li a { font-size: 0.8em; } .inside #content article { position: inherit; margin: 0; padding: 10px; } /* grid hacks */ #content #sidenav { width: 242px; } /* Footer ==================================== */ /*footer .footer-top p { left: 340px; }*/ /*footer .footer-bottom p { margin-left: 340px; }*/ } /***** 960px *****/ @media only screen and (min-width:960px) { /* Feature ==================================== */ #feature { background: #fff url(../images/feature-bg.jpg) repeat-x center 0; } #feature .slide { width: 960px; } #feature .slide .caption { top: 115px; right: 50px; width: 400px; } #feature .slide .caption p { font: 2.5em 'Open Sans', sans-serif; } #feature .slide .caption p+p { font-size: 1.6em; } #feature .slide .image { width: 312px; float: left; } #feature .slide .content { width: 590px; float: right; padding: 40px 30px 0 0; } /* Home Page ==================================== */ #callouts .row { height: 190px; } #callouts .callout { width: 290px; } #callouts .callout.first { left: 15px; } #callouts .callout.middle { left: 335px; } #callouts .callout.last { left: 655px; } #callouts .callout img.closed { left: 109px; } #callouts .callout.expanded img.open{ width: 286px; } #callouts .callout h2 { font-size: 1.7em; } .home #content { background: #fff url(../images/home-content-bg.png) no-repeat center 0; } .home #content .grid_4 > div { padding: 0 12px; } #twitter .twitter-feed { } /* Inside Page ==================================== */ #sidenav nav ul { padding: 5px 20px; } #banner { min-height: 50px; } /* grid hacks */ #content #sidenav { width: 304px; } } /***** Mobile Nav *****/ @media only screen and (max-width:767px) { #nav { position: absolute; top: 0; overflow:hidden; border: 0; } #nav .row { width:100%; } #nav:not(:target) { z-index: 1; height: 0; } #nav:target .close-btn { display: block; } #nav .close-btn { position: absolute; top: 30px; left: 11px; } #nav .block { position: relative; padding: 0; } #nav ul { padding: 0; background: none; margin-top: 3em; border-top: 1px solid #c6a210; } #nav li { display: block; float: none; position: relative; border-top: 1px solid #555758; background: none; padding: 0; } #nav li:last-child { border-bottom: 1px solid #555758; } /* add arrow poointer to current menu item */ #nav li.is-active:after { z-index: 50; display: block; content: ""; position: absolute; top: 0%; right: -0.03125em; border-top: 15px transparent solid; border-bottom: 15px transparent solid; border-right: 13px #fafafa solid; }/* pointer color */ #nav ul li { display:block; } #nav ul li a { float: none; color: #fff; font-size:1em; line-height:1; padding: 0; } #nav ul li a span { display: block; padding: 20px; background: #727272; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzcyNzI3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #727272 1%, #444444 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#727272), color-stop(100%,#444444)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #727272 1%,#444444 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #727272 1%,#444444 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #727272 1%,#444444 100%); /* IE10+ */ background: linear-gradient(to bottom, #727272 1%,#444444 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#444444',GradientType=0 ); /* IE6-8 */ } #nav ul li.active a span, #nav ul li a:hover span { color:#fff; background: #3c3c3c;} #nav ul li ul { display: none; } #nav ul li ul.subnav { display: none !important; } #nav ul li.is-active ul, #nav ul li.currParent ul { display: block; padding-top: 0; } #nav ul li ul li:last-child { border-bottom: 0; } #nav ul li ul li a span { padding-left: 26px; } .js-ready #nav { height: 100%; width: 70%; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); } .js-ready #nav .block { background: transparent; } .js-ready #nav .close-btn { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .js-ready #nav { left: -70%; } .js-ready #container { left: 0; position: relative; } .js-nav #container { left: 70%; } .csstransforms3d.csstransitions.js-ready #nav { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d.csstransitions.js-ready #container { left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d.csstransitions.js-nav #container { -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); } .csstransforms3d.csstransitions.js-ready #nav .block { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .csstransforms3d.csstransitions.js-nav #nav .block { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* DNN Hacks ==================================== */ #content .row { overflow: visible; } #content .row .grid_4 { overflow: visible; } #content .row .grid_8 { overflow: visible; } #content .row .grid_12 { overflow: visible; } #content #twitter { clear: both; } .Normal, .NormalDisabled, .NormalDeleted { font-size: inherit; font-weight: inherit; } .footer-top .DnnModule { position: inherit; } /* Gradients ==================================== */ .gradient_1 { background: #727272; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzcyNzI3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #727272 1%, #444444 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#727272), color-stop(100%,#444444)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #727272 1%,#444444 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #727272 1%,#444444 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #727272 1%,#444444 100%); /* IE10+ */ background: linear-gradient(to bottom, #727272 1%,#444444 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#444444',GradientType=0 ); /* IE6-8 */ } .gradient_2 { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzcyNzI3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 1%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 1%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 1%,#e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 1%,#e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 1%,#e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */ } .gradient_3 { background: #7bae18; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdiYWUxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDYyMTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7bae18 0%, #206218 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bae18), color-stop(100%,#206218)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7bae18 0%,#206218 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7bae18 0%,#206218 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7bae18 0%,#206218 100%); /* IE10+ */ background: linear-gradient(to bottom, #7bae18 0%,#206218 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bae18', endColorstr='#206218',GradientType=0 ); /* IE6-8 */ } .gradient_4 { background: #e8e8e8; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ }