w.al@charset "utf-8"; /* CSS Document */ /*------------------------------------*\ NAV \*------------------------------------*/ #nav{ float:left; width:100%; margin-bottom:0px; color: #393230; font-weight: bold; height: 12px; } #nav li{ float:left; margin-right:0px; position:relative; display:block; } #nav li.firsttopli { margin-left: 0px; } #nav li a{ display:block; padding:5px; color:#fff; text-decoration:none; } #nav li a:hover{ background: #DB1338; text-decoration:underline; } /*--- DROPDOWN ---*/ #nav ul{ z-index: 99999; background: #F9F8F8; border-bottom: 3px solid #CCCCCC; border-right: 2px solid #CCCCCC; position:absolute; margin-top: 20px; left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 3px 5px 5px #9f9f9f, -3px 5px 5px #9f9f9f, -3px 1px 5px #9f9f9f, 3px 1px 5px #9f9f9f; -webkit-box-shadow: 3px 5px 5px #9f9f9f, -3px 5px 5px #9f9f9f, -3px 1px 5px #9f9f9f, -3px 1px 5px #9f9f9f; box-shadow: 3px 5px 5px #9f9f9f, -3px 5px 5px #9f9f9f, -3px 1px 5px #9f9f9f, 3px 1px 5px #9f9f9f; } #nav ul li{ padding-top:9px; /* Introducing a padding between the li and the a give the illusion spaced items */ padding-bottom: 1px; padding-left: 6px; float:none; border-bottom: 1px solid #CCCCCC; margin-right: 0px; margin-left: 0px; } #nav ul a{ white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ display:block; font-size: 85%; } #nav li:hover ul{ /* Display the dropdown on hover */ left:0; /* Bring back on-screen when needed */ } #nav li:hover a{ /* Set styles for top level when dropdown is hovered */ text-decoration:underline; background: #F9F8F8; } #nav li.drop_selected a{ /* Set styles for top level when dropdown is hovered */ text-decoration:none; background: url("../images/backgrounds/menu-item.png") repeat-x scroll top center transparent; color: #fff; border-top:1px solid #DB4630; border-left:1px solid #DB4630; border-right:1px solid #DB4630; border-top-color:#F0696D; } #nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */ padding: 6px 12px 1px 9px; text-decoration:none; background: url("../images/backgrounds/secondary-menu-bullet.gif") no-repeat scroll transparent; background-position: 1px 12px; font-size: 85%; font-weight: normal; clear: right; min-width: 220px; color: #000; border: none; } #nav li:hover ul li { /* Set styles for dropdown when items are hovered */ border-left: 6px solid #cccccc; height: 26px; } #nav li:hover ul li:hover{ /* Set styles for dropdown when items are hovered */ border-left: 6px solid #DB1338; } #nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */ text-decoration:underline; } li {list-style:none;} html{color:#000;background:#f2f2f2 url(../images/backgrounds/html-bg.png) repeat-y top center; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,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{font-style:normal;font-weight:normal;} 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:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} #main-block { width:990px; margin:0 auto; } #main-hd-background { width:990px; height:82px; float:left; background:#d91336 url(../images/backgrounds/main-hd-background.jpg) repeat-x top center; } #main-hd-top-left { width:236px; height:82px; float:left; padding:0 0 0 5px; } #main-hd-top-right { width:744px; height:82px; float:left; padding:0 5px 0 0; } #main-login { height:40px; display:inline; float:right; margin:15px 0 0; } #main-login p { height:40px; float:right; font-size:85%; color:#EEE; border-right:1px solid #fff; padding:0 20px 0 0; } #main-login p span { display:block; } #main-login p span.login-as { padding:0 0 2px; } #main-login strong { color:#fff; font-weight:bold; } #main-login a { color:#fff; } #main-flags { width:744px; float:left; text-align:right; padding:8px 0 0 0; } #main-flags ul li { display:inline; padding:0 0 0 2px; } #main-flags ul li img { border:1px solid #920C24; } #main-local { width:auto; float:right; display:inline; padding:0 20px 0 10px; margin:15px 0 0 } #main-local label { width:150px; display:block; font-size:85%; font-weight:bold; color:#FFFFFF; padding:0 0 2px; } #main-local select { width:150px; height:21px; line-height:21px; background:#fff; border:1px solid #999; } #main-local #submit-form { float:left; } #main-local p { font-size:85%; font-weight:bold; color:#FFFFFF; padding:0 0 2px; } #main-local li { float:left; } #main-local li.element_submit_button { width:auto; float:left; padding:0 0 0 3px; } #main-local li.element_submit_button input { width:auto; height:21px; background:none; padding:0px 4px 2px 2px; } #main-search { width:auto; float:right; display:inline; border-left:1px solid #fff; padding:0 0 0 10px; margin:15px 0 0; } #main-search p { font-size:85%; font-weight:bold; color:#FFFFFF; padding:0 0 2px; } #main-search label { display:none; } #main-search li input { width:165px; height:18px; border:0; background:transparent url(../images/backgrounds/main-search-input.png) no-repeat top left; padding:1px 4px 2px 2px; } #main-search li { width:169px; float:left; } #main-search li.element_submit_button { width:auto; float:left; padding:0 0 0 3px; } #main-search li.element_submit_button input { width:auto; height:21px; background:none; padding:0px 4px 2px 2px; } /* breadcrumb */ #main-breadcrumb { width:990px; float:left; padding:2px 0 0 5px; } #main-breadcrumb li { width:auto; float:left; font-size:85%; font-weight:bold; background:transparent url(../images/backgrounds/main-breadcrumb-li.png) no-repeat 100% 5px; padding:1px 10px 1px 4px; } #main-breadcrumb li a { color:#DA1437; text-decoration:none; } #main-breadcrumb li a:hover { color:#DA1437; text-decoration:underline; } #main-breadcrumb li.first-child { padding-left:0; } #main-breadcrumb li.last-child { background-image:none; padding-right:0; } /* last-child */ /* navigation */ #main-navigation-background { position: relative; z-index: 9999; width:990px; height:30px; float:left; background:#ffffff url(../images/backgrounds/main-navigation-background.jpg) repeat-x top center; padding:3px 0 0 0; } #main-navigation li { width:auto; height:19px; float:left; background:transparent url(../images/backgrounds/main-navigation-divider.png) no-repeat bottom left; padding:1px 6px 1px 8px; } #nav ul>li { width:auto; height:19px; float:left; background:transparent url(../xximages/backgrounds/main-navigation-divider.png) no-repeat bottom left; padding:1px 6px 1px 4px; } #main-navigation li.nav-child-0 { background:none; padding:1px 6px; } #main-navigation li a { height:12px; float:left; display:block; overflow:hidden; font-size:85%; font-weight:bold; text-decoration:none; color:#393230; padding:3px 4px 4px 4px; } #main-navigation li a:hover { text-decoration:underline; } #main-navigation li.selected a { color:#fff; background:transparent url(../images/backgrounds/menu-item.png) repeat-x top center; border:1px solid #DB4630; border-top-color:#F0696D; padding:2px 5px 3px; } /* body */ #main-bd-top { width:990px; float:left; padding:20px 0 0 0; } #main-bd-top-left { width:691px; height:281px; float:left; } #main-bd-top-right { width:279px; float:right; padding:0 0 0 16px; } #main-bd-top-right h1, #main-bd-top-right h2, #main-bd-top-right h3, #main-bd-top-right h4, #main-bd-top-right p, #main-bd-top-right ul { padding-left:4px; } #main-bd-top-right h1 { font-size:123.1%; font-weight:bold; border-bottom:1px solid #999; padding:0 0 5px 4px; margin:0 0 10px; } #main-bd-top-right em{ font-style: italic; } #main-bd-top-right h4 { font-size:110%; font-weight:bold; padding:0 2px 5px; } #main-bd-top-right strong { font-weight:bold; } #main-bd-top-right p, #main-bd-top-right li { font-size:85%; padding-bottom:10px; } #main-bd-top-right li { font-weight:bold; background:transparent url(../images/icons/red-bullet.png) no-repeat 2px 3px; padding:0 0 10px 15px; margin:0; } #main-bd-bottom { width:990px; float:left; padding:25px 0 0 0; } #left-col { width:175px; min-height:10px; height:auto !important; height:10px; float:left; padding:10px 9px 0 0; } #middle-col { width:493px; float:left; overflow:hidden; padding:10px 9px 0 0; } #middle-right-col { width:797px; float:left; padding:10px 9px 0 0; } #left-col .navigation { width:175px; float:left; border-top:1px solid #cfcbcb; border-bottom:1px solid #cfcbcb; background:transparent url(../images/backgrounds/secondary-menu-off.gif) repeat-y top left; } #left-col .navigation h3 { width:175px; float:left; font-size:108%; font-weight:bold; color:#fff; border-top:1px solid #e3dfdf; background:transparent url(../images/backgrounds/secondary-menu-heading.gif) repeat-y top left; padding:0; margin:0; } #left-col .navigation h3 a { width:156px; display:block; color:#fff; text-decoration:none; padding:6px 3px 6px 16px; } #left-col .navigation h3 a:hover { text-decoration:underline; } #left-col .navigation li { width:162px; float:left; font-size:85%; border-top:1px solid #e3dfdf; padding:6px 3px 6px 10px; } #left-col .navigation li a { width:152px; display:block; color:#6B6868; font-weight:normal; text-decoration:none; background:transparent url(../images/backgrounds/secondary-menu-bullet.gif) no-repeat 1px 5px; padding:0 0 0 10px; } #left-col .navigation li a:hover { text-decoration:underline; } #left-col .navigation li.selected { background:transparent url(../images/backgrounds/secondary-menu-on.gif) repeat-y top left; } #left-col .navigation li.selected a { text-decoration:underline; color:#433F40; background:transparent url(../images/backgrounds/secondary-menu-on-bullet.gif) no-repeat 1px 5px; } #left-col .navigation li ul.navigation-tertiary { width:152px; float:left; border-top:0; border-bottom:0; background:none; padding:2px 0; } #left-col .navigation li ul.navigation-tertiary li { width:139px; float:left; font-size:100%; border-top:0; padding:6px 3px 0px 10px; } #left-col .navigation li ul.navigation-tertiary li a { width:129px; display:block; color:#6B6868; font-weight:normal; text-decoration:none; background:transparent url(../images/backgrounds/secondary-menu-bullet.gif) no-repeat 1px 5px; padding:0 0 0 10px; } #left-col .navigation li ul.navigation-tertiary li a:hover { text-decoration:underline; } #left-col .navigation li ul.navigation-tertiary li.selected { background:none; } #left-col .navigation li ul.navigation-tertiary li.selected a { text-decoration:underline; color:#433F40; background:transparent url(../images/backgrounds/secondary-menu-on-bullet.gif) no-repeat 1px 5px; } #solutions-diagram { padding-top:10px; } #right-col { width:302px; min-height:10px; height:auto !important; height:10px; float:left; padding:10px 0 0 0; } #preview #right-col { width:302px; min-height:10px; height:auto !important; height:10px; float:left; padding:10px; } /* news */ #paginator { top:5px; left:300px; width:191px; text-align:right; float:right; margin-top:-27px; } #middle-col #paginator { left:300px; } #middle-left-col #paginator { left:605px; } #paginator .paginationControl { float:right; } #paginator p { width:auto !important; float:left; padding:0 !important; } #paginator p a { font-weight:normal; text-decoration:none; color:#857F78; padding:0 2px; } #paginator p span.selected { font-weight:normal; text-decoration:none; color:#fff; background:#DA1437; padding:0 2px; } #paginator p#previous-button a, #paginator p#next-button a { width:7px; height:11px; display:block; text-decoration:none; margin:2px 0 0; } #paginator p#previous-button a { background:transparent url(../images/icons/previous.png) no-repeat top center; margin-right:5px; } #paginator p#next-button a { background:transparent url(../images/icons/next.png) no-repeat top center; margin-left:5px; } /* news detail */ .news-article { width:100%; float:left; border-bottom:none; } #middle-col .content .news-article h2 { width:491px; float:left; font-size:100%; font-weight:bold; padding:3px 2px;} #middle-col .content .news-article h3 { width:491px; font-size:100%; font-weight:bold; padding: 0 0 5px 0;} #middle-col .content .news-article h4 { font-size:92%; font-weight:bold; } #middle-col .content .news-article div.date { float:left; width:491px; padding:0 0 8px; } #middle-col .content .news-article div.date h4 { display:inline; font-size:92%; font-weight:bold; color:#fff; background-color:#969494; padding:1px 4px;} .news-article-details { width:100%; float:left; } .news-article .news-article-details img { margin:0 15px 10px 0; } #middle-col .content #view-all { float:right; margin-top:-31px; left:420px; font-size:100%; } #middle-col .content #view-all a { width:auto; float:right; font-size:85%; font-weight:bold; font-style:italic; text-decoration:none; color:#fff; background:#DA1437 url(../images/backgrounds/link-button.png) no-repeat 100% 0px; padding:1px 20px 2px 7px; } /* news list */ #news-list { width:100%; float:left; } #news-list .news-article { width:100%; float:left; border-bottom:1px solid #c5c0bf; padding:10px 0 10px; margin:0; } #news-list .news-article h3 { width:491px; float:left; font-size:92%; font-weight:bold; padding:0 2px 4px;} #middle-col .content #news-list .news-article div.date { float:left; width:491px; padding:0 0 4px; } #middle-col .content #news-list .news-article div.date span { display:inline; font-size:92%; font-weight:bold; color:#fff; background-color:#969494; padding:1px 4px;} div.date span { display:inline; font-size:92%; font-weight:bold; color:#fff; background-color:#969494; padding:1px 4px;} #news-list .news-article .news-article-content { width:485px; float:left; padding:7px 5px; } #news-list .news-article .news-article-icon { width:70px; height:55px; float:left; padding:0 8px 0 0; } #news-list .news-article .news-article-icon img { border:1px solid #cccacb; } #news-list .news-article .news-article-intro { width:407px; float:left; } #news-list .news-article .news-article-intro p { width:407px; font-size:85%; padding:0; } #news-list .news-article .read-more { font-size:100%; } #news-list .news-article .read-more a { width:154px; float:left; font-size:92%; font-weight:bold; font-style:italic; text-decoration:none; color:#fff; background:#DA1437 url(../images/backgrounds/link-button.png) no-repeat 100% 2px; padding:3px 20px 3px 7px; } /* management list */ #management-list { width:100%; float:left; } #management-list .management-item { width:100%; float:left; border-bottom:1px solid #c5c0bf; padding:0 0 10px; margin:0 0 10px; } #middle-col .content #management-list .management-item h3 { width:491px; float:left; font-size:92%; font-weight:bold; padding:0 2px 2px;} #middle-col .content #management-list .management-item h4 { width:491px; float:left; font-size:92%; font-weight:bold; color:#DA1437; padding:0 2px 4px;} #management-list .management-item .management-item-content { width:485px; float:left; } #management-list .management-item .management-item-photograph { width:83px; height:auto; float:left; padding:2px 8px 0 0; } #management-list .management-item .management-item-photograph img { border:1px solid #cccacb; } #management-list .management-item .management-item-content { width:394px; float:left; } #management-list .management-item .management-item-content p { width:394px; font-size:85%; padding:0; } /* gallery */ .gallery-list { width:100%; float:left; background-color:#babdbd; padding:8px 0; margin:0 0 14px; } #middle-col .content ul.gallery { width:100%; float:left; border-bottom:1px dashed #737474; border-top:1px dashed #737474; background-color:#cfcbcb; } #middle-col .content ul.gallery li { width:118px; float:left; list-style:none; background:none; padding:0 5px 0 0; margin:0; } #middle-col .content ul.gallery li p { float:left; width:auto; padding:0; margin:0; } #middle-col .content ul.gallery li p.logo a { float:left; width:118px; height:75px; overflow:hidden; } #middle-col .content ul.gallery li p.logo img { border:1px solid #D1CDCC; } #middle-col .content ul.gallery li.col-1 { padding-left:5px; } #middle-col .content ul.gallery li.row-1 { padding-top:14px; padding-bottom:10px; } #middle-col .content ul.gallery li.col-4 { padding-right:0; } #middle-col .content ul.gallery li.row-2 { padding-bottom:14px; } #middle-col .content ul.gallery li .read-more { font-size:100%; } #middle-col .content ul.gallery li .read-more a { width:91px; float:left; font-size:92%; font-weight:bold; font-style:italic; text-decoration:none; color:#fff; background:#DA1437 url(../images/backgrounds/link-button.png) no-repeat 100% 2px; padding:3px 20px 3px 7px; } /* resources */ #middle-col .tabbed { width:493px; /* width:302px; */ float:left; display:none; } #middle-col .tabbed ul.tabs { width:493px; float:left; background:transparent url(/images/backgrounds/tabs-list-large.png) no-repeat bottom left; padding-bottom:4px; } #middle-col .tabbed ul.tabs li { width:auto; float:left; height:22px; /* min-width:20px; width:auto !important; width:20px; */ background:transparent url(/images/backgrounds/tabs-right.png) no-repeat top right; } #middle-col .tabbed ul.tabs li.selected { background:transparent url(/images/backgrounds/tabs-right-selected.png) no-repeat top right; } #middle-col .tabbed ul.tabs li span { width:auto; float:left; height:22px; /* min-width:20px; width:auto !important; width:20px; */ display:block; cursor:pointer; font-size:92%; font-weight:bold; text-decoration:none; background:transparent url(/images/backgrounds/tabs-left.png) no-repeat top left; padding:5px 10px; } #middle-col .tabbed ul.tabs li.selected span { background:transparent url(/images/backgrounds/tabs-left-selected.png) no-repeat top left; } #middle-col .tabbed .tab-content { width:493px; float:left; overflow:hidden; background:transparent url(/images/backgrounds/tabs-ft-large.png) no-repeat bottom left; padding:10px 0 0; } #middle-col .tabbed .tab-content-outer { width:493px; float:left; background:transparent url(/images/backgrounds/tab-content-large.png) repeat-y top left; } #middle-col .tabbed .panel-bd { width:493px; float:left; padding:0px; } #middle-col .tabbed p.txt { font-size:85%; padding:0 0 10px;} #middle-col .tabbed p.url { font-size:92%; } #middle-col .tabbed .tab-content ul { width:100%; float:left; } #middle-col .tabbed .tab-content ul li { width:162px; float:left; border-right:1px solid #c5c08f; } #middle-col .tabbed .tab-content ul li h3 { width:122px; float:left; font-weight:bold; padding:0 2px 8px; } #middle-col .tabbed .tab-content ul li p.image { width:107px; float:left; border:1px solid #cfcbca; padding:5px; } #middle-col .tabbed .tab-content ul li p { width:122px; float:left; font-size:92%; padding:0 2px 0; } #middle-col .tabbed .tab-content ul li p.link { width:122px; float:left; font-weight:bold; padding:5px 2px 0; } #middle-col .tabbed .tab-content ul li p.link a { font-size:92%; color:#666; } #middle-col .tabbed .tab-content ul li div.resource { width:126px; float:left; overflow:hidden; border-bottom:1px solid #c5c08f; padding:0 8px; margin:0 10px; } #middle-col .tabbed .tab-content ul li div.resource-hd { width:126px; float:left; height:24px; overflow:hidden; } #middle-col .tabbed .tab-content ul li div.resource-bd { width:126px; float:left; /* height:95px; */ overflow:hidden; } #middle-col .tabbed .tab-content ul li div.resource-ft { width:126px; float:left; height:20px; overflow:hidden; } #middle-col .tabbed .tab-content ul li.nth-child-2, #middle-col .tabbed .tab-content ul li.nth-child-5 { border-right:none; } #middle-col .tabbed .tab-content ul li.nth-child-0 div.resource, #middle-col .tabbed .tab-content ul li.nth-child-1 div.resource, #middle-col .tabbed .tab-content ul li.nth-child-2 div.resource { padding-bottom:10px; } #middle-col .tabbed .tab-content ul li.nth-child-3 div.resource, #middle-col .tabbed .tab-content ul li.nth-child-4 div.resource, #middle-col .tabbed .tab-content ul li.nth-child-5 div.resource { border-bottom:none; padding-top:10px } #middle-col .tabbed .tab-content table { width:100%; float:left; } #middle-col .tabbed .tab-content table td { width:162px; border-right:1px solid #c5c08f; vertical-align:top; } #middle-col .tabbed .tab-content table td h3 { width:122px; float:left; font-weight:bold; padding:0 2px 8px; } #middle-col .tabbed .tab-content table td p.image { width:107px; float:left; border:1px solid #cfcbca; padding:5px; } #middle-col .tabbed .tab-content table td p { width:122px; float:left; font-size:92%; padding:0 2px 0; } #middle-col .tabbed .tab-content table td p.link { width:122px; float:left; font-weight:bold; padding:5px 2px 0; } #middle-col .tabbed .tab-content table td p.link a { font-size:92%; color:#666; } #middle-col .tabbed .tab-content table td div.resource { width:126px; float:left; overflow:hidden; border-bottom:1px solid #c5c08f; padding:0 8px; margin:0 10px; } #middle-col .tabbed .tab-content table td div.resource-hd { width:126px; float:left; height:24px; overflow:hidden; } #middle-col .tabbed .tab-content table td div.resource-bd { width:126px; float:left; min-height:120px; height:auto !important; height:95px; overflow:hidden; } #middle-col .tabbed .tab-content table td div.resource-ft { width:126px; float:left; height:20px; overflow:hidden; } #middle-col .tabbed .tab-content table td.nth-child-2, #middle-col .tabbed .tab-content table td.nth-child-5 { border-right:none; } #middle-col .tabbed .tab-content table td.nth-child-0 div.resource, #middle-col .tabbed .tab-content table td.nth-child-1 div.resource, #middle-col .tabbed .tab-content table td.nth-child-2 div.resource { padding-bottom:10px; } #middle-col .tabbed .tab-content table td.nth-child-3 div.resource, #middle-col .tabbed .tab-content table td.nth-child-4 div.resource, #middle-col .tabbed .tab-content table td.nth-child-5 div.resource { border-bottom:none; padding-top:10px } #video-player { width:300px; height:285px; float:left; /*border:1px solid #C5C08F;*/ padding:0; margin:8px 95px 10px; } /* resources details */ #middle-col .content ul.resources-article-buttons li { float:left; font-size:100%; background:none; padding:20px 9px 0; } #middle-col .content ul.resources-article-buttons li a { position:relative; width:80px; height:47px; float:left; display:block; font-size:108%; text-decoration:none; color:#000; padding:10px 62px 0px 10px; } #middle-col .content ul.resources-article-buttons li a span.locked { position:absolute; top:7px; left:137px; width:9px; height:14px; display:block; background:transparent url(../images/icons/padlock.gif) no-repeat top left; } #middle-col .content ul.resources-article-buttons li.first-child { padding-left:0; } #middle-col .content ul.resources-article-buttons li.last-child { padding-right:0; } #middle-col .content ul.resources-article-buttons li.download a { background:transparent url(../images/buttons/resource-download.png) no-repeat top left; } #middle-col .content ul.resources-article-buttons li.email a { background:transparent url(../images/buttons/resource-send.png) no-repeat top left; } #middle-col .content .resources-article-details { float:left; width:100%; padding-bottom:20px; border-bottom:1px solid #c5c08f; padding:8px 0 0; } #middle-col .content .resources-article-details img { padding:0 8px 5px 0; } /* search results */ .content .result-overview { width:100%; float:left; border-bottom:1px solid #C5C0BF; padding:4px 0; } .content .result-overview p { font-size:92%; font-weight:bold; padding-top:0; } .content .results .list-item { width:100%; float:left; padding:10px 0 12px; border-bottom:1px solid #C5C0BF; } .content .results .list-item h3, .content .results .list-item p { padding:0 2px 4px; } .content .results .list-item h3 { font-size:92%; font-weight:bold; } .content .results .list-item h3 a { text-decoration:none; } .content .results .list-item p.read-more { font-size:92%; padding:0 2px; } /* latest news panel */ #latest-news .ui-widget { font-size:1em; } #latest-news .ui-helper-reset { line-height:normal; } #latest-news .ui-icon { display:none; } #latest-news .ui-accordian { cursor:auto; margin-top:1px; position:static; } #latest-news { width:340px; float:left; display:block; padding:0 11px 0 0; } #latest-news h3 { height:20px; overflow:hidden; font-size:123.1%; font-weight:bold; padding:0 0 3px; } #latest-news .accordion { height:203px; overflow:hidden; display:none; } #latest-news .article-heading { position:relative; width:340px; height:22px; overflow:hidden; border-bottom:1px solid #C5C0BF; padding:4px 0 2px; } #latest-news .article-content { width:340px; height:70px; overflow:hidden; border-bottom:1px solid #C5C0BF; padding:8px 0 8px; } #latest-news .article-content-left { width:76px; float:left; } #latest-news .article-content-right { width:262px; float:left; } #latest-news p.date { width:54px; height:15px; float:left; font-size:92%; text-align:center; font-weight:bold; color:#fff; background:#969494; padding:1px 0 0 0; } #latest-news h4 { width:248px; height:14px; float:right; font-size:92%; font-weight:bold; border-left: 1px solid #000; padding:0 0 0 5px; margin:1px 0 1px 8px; } #latest-news p.image { width:68px; height:44px; float:left; padding:0 8px 0 0; } #latest-news p.image img { border:1px solid #C5C0BF; } #latest-news p.overview { width:261px; float:left; font-size:85%; } #latest-news p.read-more { width:60px; height:14px; float:left; background:#DA1437 url(../images/backgrounds/link-button.png) no-repeat right top; margin:5px 0px; padding:2px 5px; } #latest-news p.read-more a { font-size:92%; font-style:italic; color:#fff; text-decoration:none; } #latest-news span.control { width:22px; height:22px; float:right; display:block; background:transparent url(../images/icons/accordion-close.png) no-repeat 0 0; } #latest-news .selected span.control { background:transparent url(../images/icons/accordion-open.png) no-repeat 0 0; } #latest-news .more-news { width:340px; float:left; padding:3px 0; border-bottom:1px solid #C5C0BF; } #latest-news .more-news a { float:left; font-size:92%; font-weight:bold; font-style:italic; text-decoration:none; color:#fff; background:#DA1437 url(../images/backgrounds/link-button.png) no-repeat right top; padding:2px 20px 2px 4px; } /* home panels */ #panel-list .panel { width:195px; height:251px; float:left; margin:0 12px 0 0; } #panel-list .last-child { margin:0; } #panel-list .grey { color:#000; background-color:#DCD9DA; } #panel-list .panel-content { padding:8px 7px; } #panel-list .panel-content p.image img { border:1px solid #fff; } #panel-list h3 { font-size:123.1%; font-weight:bold; padding:0 2px 6px; } #panel-list p.image { width:181px; overflow:hidden; padding:0 0 6px; } #panel-list li, #panel-list p { font-size:85%; padding:0 2px 6px; } #panel-list .solutions { width:225px; } #panel-list .solutions p.image { width:211px; } /* scroll box */ #scrolling-box { width:189px; height:97px; float:left; background:transparent url(../images/backgrounds/scrolling-box.png) repeat-x top center; padding:5px 10px; } #scroll-up { width:13px; height:10px; float:left; overflow:hidden; background:transparent url(../images/backgrounds/scroll-up-on.png) no-repeat top center; padding:0px 78px; } #scroll-up.disabled { background:transparent url(../images/backgrounds/scroll-up-off.png) no-repeat top center; } #scroll-down { width:13px; height:10px; float:left; background:transparent url(../images/backgrounds/scroll-down-on.png) no-repeat bottom center; padding:0px 78px; margin:5px 0 0; } #scroll-down.disabled { background:transparent url(../images/backgrounds/scroll-down-off.png) no-repeat bottom center; } #scrollbox { position:relative; float:left; overflow:hidden; visible:hidden; height: 55px; width: 189px; padding:4px 0 3px; } #scrollbox .links { position:absolute; width:189px; float:left; } /* carousel */ #carousel { position:relative; float:left; height:281px; width:691px; } #carousel-display { position:absolute; top:0; left:0; } #carousel-display li { position:absolute; top:0; left:0; width:563px; height:281px; overflow:hidden; background-color:#8D9194; z-index:1; } #carousel-display li.selected { position:absolute; top:0; left:0; z-index:2; } #carousel-controls { position:absolute; top:0; left:542px; z-index:3; } #carousel-controls li { width:128px; height:56px; float:left; background:transparent url(../images/backgrounds/carousel-item.png) no-repeat right top; padding:0 0 0 21px; } #carousel-controls #p3 { padding: 0 0 1px 21px; } #carousel-controls li .control-panel { cursor:pointer; } #carousel-controls li.selected { background:transparent url(../images/backgrounds/carousel-item-selected.png) no-repeat right top; } #carousel-controls li h3 { font-size:108%; font-weight:bold; padding:3px 2px 0 4px; } #carousel-controls li p { font-size:85%; display:block; padding:1px 2px 0 5px;} #carousel-controls li.selected h3, #carousel-controls li.selected p { color:#fff; } #carousel .alt-text { width:500px; padding:10px; } #carousel .alt-text p { font-weight:bold; padding:0 0 10px; } #carousel .alt-image-text { position:absolute; top:241px; left:0; width:543px; height:40px; background:transparent url(../images/backgrounds/alt-image-text.png) repeat right top; padding:5px 10px; } #carousel .alt-image-text p { font-weight:bold; font-size:85%; } #carousel .alt-image-text p a { color:#DA1437; text-decoration:underline; } #carousel .alt-image-text p a:hover { text-decoration:none; } /* forms */ #middle-col ul#ContactForm li { width:100%; float:left; font-size:100%; background:none; padding:0 0 8px; margin:0; } #middle-col ul#ContactForm li label.element_heading { width:150px; float:left; font-size:92%; font-weight:bold; } #middle-col ul#ContactForm li input, #middle-col ul#ContactForm li select, #middle-col ul#ContactForm li textarea { width:330px; float:right; margin:0 5px; } #middle-col ul#ContactForm li select { width:334px; } /* #middle-col ul#ContactForm li input, #middle-col ul#ContactForm li select, #middle-col ul#ContactForm li textarea { width:333px; float:right; margin:0 5px; } */ #middle-col ul#ContactForm li.element_submit_button { padding:0 0 8px 150px; } #middle-col ul#ContactForm li.element_submit_button input { width:auto; float:left; } #middle-col ul#ContactForm li.checkbox { width:345px; padding:10px 0 18px 150px; } #middle-col ul#ContactForm li label.element_heading_checkbox { width:317px; display:block; font-size:92%; float:right; } #middle-col ul#ContactForm li.checkbox input { width:15px; display:block; float:left; } #middle-col ul#ContactForm li textarea.short { height:100px; } #middle-col ul#ContactForm li textarea.tall { height:200px; } #middle-col ul#LoginForm { width:100%; float:left; padding:8px 0 0 3px; } #middle-col ul#LoginForm li { width:100%; float:left; font-size:100%; background:none; padding:0; margin:0; } #middle-col ul#LoginForm li label.element_heading { width:80px; float:left; font-size:92%; font-weight:bold; } #middle-col ul#LoginForm li input { width:153px; float:left; margin:0 5px 8px; } #middle-col ul#LoginForm li.element_submit_button { padding:0 0 8px 80px; } #middle-col ul#LoginForm li.element_submit_button input { width:auto; float:left; } #middle-col ul#SignupForm li { width:100%; float:left; font-size:100%; background:none; padding:0 0 8px; margin:0; } #middle-col ul#SignupForm li label.element_heading { width:80px; float:left; font-size:92%; font-weight:bold; } #middle-col ul#SignupForm li input { width:153px; float:left; margin:0 5px; } #middle-col ul#SignupForm li.element_submit_button { padding:0 0 8px 80px; } #middle-col ul#SignupForm li.element_submit_button input { width:auto; float:left; } #middle-col ul#SignupForm li.checkbox { width:345px; padding:10px 0 18px 150px; } #middle-col ul#SignupForm ul.errors, #middle-col ul#ContactForm ul.errors { float:left; width:339px; padding:3px 0 0 156px; } #middle-col ul#SignupForm li.checkbox ul.errors , #middle-col ul#ContactForm li.checkbox ul.errors { float:left; width:339px; padding:3px 0 0 27px; } #middle-col ul#SignupForm ul.errors li, #middle-col ul#ContactForm ul.errors li { font-weight:bold; font-size:85%; color:#DB1338;} #middle-col ul#ContactForm li div.recaptcha { width:333px; float:right; margin:0 5px; } /* panels */ #right-col .panel { width:302px; float:left; padding:0 0 10px; } #right-col .years { border-top:1px solid #C5C0BF; border-bottom:1px solid #C5C0BF; padding:10px 0; margin:24px 0 10px; } #right-col .years .panel-hd { width:302px; height:24px; float:left; background:transparent url(../images/backgrounds/years-panel-hd.png) no-repeat bottom center; } #right-col .years .panel-hd h3 { width:272px; height:19px; font-size:92%; font-weight:bold; padding:5px 15px 0; } #right-col .years .panel-bd { width:302px; height:16px; float:left; background:transparent url(../images/backgrounds/years-panel-bd.png) no-repeat top center; } #right-col .years .panel-bd p { width:278px; font-size:77%; padding:3px 12px; } #right-col .years .panel-bd p a { color:#000; font-weight:normal; text-decoration:none; border:1px solid #fff; padding:0 2px; } #right-col .years .panel-bd p span.selected { color:#fff; background:transparent url(../images/backgrounds/news-archive-year-selected.png) repeat-x top center; font-weight:bold; text-decoration:none; border:1px solid #DB4630; border-top-color:#F0696D; padding:0 2px; } #right-col .years .panel-ft { width:302px; height:5px; float:left; background:transparent url(../images/backgrounds/years-panel-ft.png) no-repeat top center; } #right-col .content .panel-hd { width:302px; height:4px; float:left; background:transparent url(/images/backgrounds/content-panel-hd.png) no-repeat top left; } #right-col .content .panel-bd { width:290px; float:left; background:transparent url(/images/backgrounds/tab-content.png) repeat-y top center; padding:5px 6px; } #right-col .content .panel-bd h3 { font-weight:bold; font-size:131%; color:#fff; background-color:#969494; padding:2px 3px; margin:0 0 5px; } #right-col .content .panel-bd p { font-size:85%; padding:2px 3px 8px; } #right-col .content .panel-bd img { float:left; border:1px solid #969494; margin:0 5px; } #right-col .content .panel-bd p.link { padding:2px 3px 0; } #right-col .content .panel-ft { width:302px; height:6px; float:left; overflow:hidden; background:transparent url(/images/backgrounds/tabs-ft.png) repeat-y top center; } #right-col .grey { border-top:#c9ccdd; } #right-col .grey .panel-bd { width:292px; float:left; background:#c3c6c7 url(/images/backgrounds/grey-panel.png) no-repeat bottom center; padding:5px 5px; } #right-col .grey .panel-bd h3 { width:290px; float:left; font-size:116%; font-weight:bold; padding:10px 2px 5px; } #right-col .grey .panel-bd p.link { width:292px; height:21px; float:left; overflow:hidden; background:#585656 url(../images/backgrounds/link-button-grey.png) no-repeat top right; } #right-col .grey .panel-bd p.link a { width:286px; height:18px; display:block; color:#fff; font-weight:bold; text-decoration:none; padding:2px 3px; } #right-col .grey .panel-bd p.txt { width:290px; float:left; font-size:85%; font-weight:normal; padding:5px 2px 10px; } #right-col .item { padding-bottom:15px; } #right-col .item p.date { width:54px; height:15px; float:left; font-size:92%; text-align:center; font-weight:bold; color:#fff; background:#969494; padding:1px 0 0 0; } #right-col .item h4 { width:235px; min-height:14px; height:auto!important; height:14px; float:right; font-size:92%; font-weight:bold; border-left: 1px solid #000; padding:0 0 0 5px; margin:1px 0 1px 7px; } #right-col .item h3 { width:302px; height:21px; float:left; font-weight:bold; font-size:123.1%; border-bottom:1px solid #c5c0bf; padding:0 0 3px; margin:0 0 8px; } #right-col .item .item-hd { width:302px; float:left; } #right-col .item .item-bd { width:302px; float:left; } #right-col .item .item-icon { width:70px; height:55px; float:left; padding:5px 8px 0 0; } #right-col .item .item-icon img { border:1px solid #C5C0BF; } #right-col .item .item-text { width:224px; float:left; padding:5px 0 6px 0; } #right-col .item .item-text p { font-size:85%; } #right-col .item .read-more { width:224px; float:right; padding:3px 0 0; } #right-col .item .read-more a { width:194px; float:left; font-size:92%; font-weight:bold; font-style:italic; text-decoration:none; color:#fff; background:#DA1437 url(../images/backgrounds/link-button.png) no-repeat right top; padding:2px 20px 2px 4px; } #right-col .item .quote-text { min-height:36px; font-weight:bold; font-style:italic; height:auto !important; height:36px; } #right-col .item .quote-by { width:216px; float:right; background-color:#da1437; padding:2px 4px; } #right-col .item .quote-by p { font-size:85%; color:#fff; font-weight:bold; } #right-col .item .quote-by p strong { color:#c0babc } #right-col .list { padding-bottom:10px; } #right-col .list .item-full { width:302px; float:left; border-bottom:1px solid #c5c0bf; padding:0 0 5px; } #right-col .list .item-list { width:302px; float:left; border-bottom:1px solid #c5c0bf; padding:5px 0 5px; } #right-col .list p.date { width:54px; height:15px; float:left; font-size:92%; text-align:center; font-weight:bold; color:#fff; background:#969494; padding:1px 0 0 0; } #right-col .list h4 { width:235px; min-height:14px; height:auto!important; height:14px; float:right; font-size:92%; font-weight:bold; border-left: 1px solid #000; padding:0 0 0 5px; margin:1px 0 1px 7px; } #right-col .list .item-list h4 { width:200px; float:left; } #right-col .list .item-list .read-more-arrow { width:18px; height:18px; float:right; overflow:hidden; } #right-col .list h3 { width:302px; height:24px; float:left; font-weight:bold; font-size:123.1%; border-bottom:1px solid #c5c0bf; padding:0 0 3px; margin:0 0 8px; } #right-col .list .item-hd { width:302px; float:left; } #right-col .list .item-hd .item-hd-left { width:284px; float:left; padding:1px 0 0 0; } #right-col .list .item-hd .item-hd-right { width:18px; float:left; } #right-col .list .item-bd { width:302px; float:left; } #right-col .list .item-bd .item-bd-left { width:78px; float:left; } #right-col .list .item-bd .item-bd-right { width:224px; float:left; } #right-col .list .read-more { width:68px; float:left; padding:5px 0 0; } #right-col .list .read-more a { width:46px; float:left; font-size:92%; font-weight:bold; font-style:italic; text-decoration:none; color:#fff; background:#DA1437 url(../images/backgrounds/link-button.png) no-repeat right top; padding:2px 20px 2px 4px; } #right-col .list .item-icon { width:70px; height:55px; float:left; padding:5px 8px 0 0; } #right-col .list .item-icon img { border:1px solid #C5C0BF; } #right-col .list .item-text { width:224px; float:left; padding:5px 0 6px 0; } #right-col .list .item-text p { font-size:85%; } #right-col .list .view-more { width:102px; float:right; padding:5px 0 0; } #right-col .list .view-more a { width:78px; float:left; font-size:92%; font-weight:bold; font-style:italic; text-decoration:none; color:#fff; background:#DA1437 url(../images/backgrounds/link-button.png) no-repeat right top; padding:2px 20px 2px 4px; } #right-col .search #SearchResources label { display:none; } #right-col .search p { font-size:85%; } #right-col .search #SearchResources li { width:auto; float:left; margin-top:5px;} #right-col .search #SearchResources li input#resources_keywords { width:160px; margin-right:3px;} #right-col .search #SearchResources li select#resources_category { width:135px; } #right-col .search #SearchResources li.element_submit_button { width:302px; float:left; } #right-col .search #SearchResources li.element_submit_button input { width:auto; float:right; } #right-col .search #LoginForm li { width:302px; float:left; margin-top:5px;} #right-col .search #LoginForm li label { font-size:92%; font-weight:bold; } #right-col .search #LoginForm li label { width:80px; float:left; } #right-col .search #LoginForm li input { width:215px; float:right; } #right-col .search #LoginForm li.element_submit_button { width:302px; float:left; } #right-col .search #LoginForm li.element_submit_button input { width:auto; float:right; } /* tabbed panel */ #right-col .tabbed { width:302px; float:left; display:none; } #right-col .tabbed ul.tabs { width:302px; float:left; background:transparent url(/images/backgrounds/tabs-list.png) no-repeat bottom left; padding-bottom:4px; } #right-col .tabbed ul.tabs li { width:auto; float:left; height:22px; min-width:20px; width:auto !important; width:20px; background:transparent url(/images/backgrounds/tabs-right.png) no-repeat top right; } #right-col .tabbed ul.tabs li.selected { background:transparent url(/images/backgrounds/tabs-right-selected.png) no-repeat top right; } #right-col .tabbed ul.tabs li span { width:auto; float:left; height:22px; min-width:20px; width:auto !important; width:20px; display:block; cursor:pointer; font-size:92%; font-weight:bold; text-decoration:none; background:transparent url(/images/backgrounds/tabs-left.png) no-repeat top left; padding:5px 10px; } #right-col .tabbed ul.tabs li.selected span { background:transparent url(/images/backgrounds/tabs-left-selected.png) no-repeat top left; } #right-col .tabbed .tab-content { width:302px; float:left; overflow:hidden; background:transparent url(/images/backgrounds/tab-content.png) repeat-y top center; } #right-col .tabbed .panel-bd { width:282px; float:left; padding:5px 10px; } #right-col .tabbed p.txt { font-size:85%; padding:0 0 10px;} #right-col .tabbed p.url { font-size:92%; } #right-col .tabbed .panel-ft { width:302px; height:6px; float:left; overflow:hidden; background:transparent url(/images/backgrounds/tabs-ft.png) repeat-y top center; } /* bookmarks */ #bookmark-container { display:none; cursor:pointer; } /* #bookmarks { background:transparent url('../images/plus.gif') no-repeat top left; padding:0 0 0 9px; } */ #bookmarks-box { position:absolute; background-color:#fff; padding:10px; border:2px solid #D91336; display:none; } #bookmarks-box h4 { font-size:108%; font-weight:bold; color:#000; padding:0 0 4px; } #bookmarks-box h3 { font-size:108%; font-weight:bold; color:#000; padding:0 0 4px; } #bookmarks-box a { font-weight:bold; color:#D91336; text-decoration:none; } #bookmarks-box a:hover { text-decoration:underline; } #bookmarks-box li { margin:0 0 0 28px; padding:0 0 4px; } #bookmarks-box .bookmark-node-1 { list-style-image:url(../images/icons/delicious.png); } #bookmarks-box .bookmark-node-2 { list-style-image:url(../images/icons/digg.png); } #bookmarks-box .bookmark-node-3 { list-style-image:url(../images/icons/reddit.png); } #bookmarks-box .bookmark-node-4 { list-style-image:url(../images/icons/stumble.png); } #bookmarks-box .bookmark-node-5 { list-style-image:url(../images/icons/facebook.png); } #bookmarks-box .bookmark-node-6 { list-style-image:url(../images/icons/twitter.png); } /* sitemap */ #middle-col .content .site-map { padding:5px 0 0 0; } #middle-col .content .site-map li li { font-size:100%; } /* footer */ #main-ft { width:990px; float:left; margin:25px 0 0; padding:7px 0 0; } #main-ft-hd { width:990px; float:left; padding:7px 0 0; } #main-ft-hd ul { float:right; } #main-ft-hd ul li { display:inline; font-weight:bold; background-color:transparent; background-repeat:no-repeat; background-position:2px 0; } #main-ft-hd ul li.share { background-image:url(../images/icons/share.png); padding:0 0 0 20px; } #main-ft-hd ul li.print { background-image:url(../images/icons/print.png); padding:0 0 0 25px; } #main-ft-hd ul li.email { background-image:url(../images/icons/email.png); padding:0 0 0 25px; } #main-ft-hd ul li.member { background-image:url(../images/icons/member.png); padding:0 0 0 25px; } #main-ft-bd { width:990px; float:left; border-top:1px solid #C5C0BF; margin:15px 0 0; padding:7px 0 0; } #main-ft p, #main-ft li { font-size:85%; color:#7E7E7E; padding:0 5px; } #main-ft a { color:#7E7E7E; text-decoration:none; } #main-ft a:hover { text-decoration:underline; } #main-ft-right, #main-ft-left { width:495px; float:left; } #main-ft-right { text-align:right; } #bookmarks:hover { cursor:pointer } div.cms-content h3 { font-weight: bold; padding: 0 2px 14px; }