/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 11, 2012 */ @font-face { font-family: 'Open Sans'; src: url('/Themes/1/Default/Css/opensans-extrabold-webfont.eot'); src: url('/Themes/1/Default/Css/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('/Themes/1/Default/Css/opensans-extrabold-webfont.woff') format('woff'), url('/Themes/1/Default/Css/opensans-extrabold-webfont.ttf') format('truetype'), url('/Themes/1/Default/Css/opensans-extrabold-webfont.svg#OpenSansExtrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('/Themes/1/Default/Css/opensans-extrabolditalic-webfont.eot'); src: url('/Themes/1/Default/Css/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/Themes/1/Default/Css/opensans-extrabolditalic-webfont.woff') format('woff'), url('/Themes/1/Default/Css/opensans-extrabolditalic-webfont.ttf') format('truetype'), url('/Themes/1/Default/Css/opensans-extrabolditalic-webfont.svg#OpenSansExtraboldItalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('opensans-extrabold-webfont.eot'); src: url('opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-extrabold-webfont.woff') format('woff'), url('opensans-extrabold-webfont.ttf') format('truetype'), url('opensans-extrabold-webfont.svg#OpenSansExtrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('opensans-extrabolditalic-webfont.eot'); src: url('opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-extrabolditalic-webfont.woff') format('woff'), url('opensans-extrabolditalic-webfont.ttf') format('truetype'), url('opensans-extrabolditalic-webfont.svg#OpenSansExtraboldItalic') format('svg'); font-weight: normal; font-style: italic; } #container:before, #container:after, #footer_container:before, #footer_container:after, #menu:before, #menu:after, .carousel_box:before, .carousel_box:after, .carousel .scroll_box ul li .txt:before, .carousel .scroll_box ul li .txt:after, .carousel .scroll_box ul li .txt .left:before, .carousel .scroll_box ul li .txt .left:after, .carousel .scroll_box ul li .txt .right:before, .carousel .scroll_box ul li .txt .right:after { content:" "; display:block; height:0; visibility:hidden; } #container:after, #footer_container:after, #menu:after, .carousel_box:after, .carousel .scroll_box ul li .txt .left:after, .carousel .scroll_box ul li .txt .right:after, .carousel .scroll_box ul li .txt:after { clear:both; } body { background:url(../Media/bg0.jpg) repeat left top; } #container { display:block; margin:0 auto; padding:0px 0px 20px 0px; text-align:center; } .wrapper { display:block; clear:both; width:955px; margin:0 auto; text-align:left; } #footer_container { display:block; background:url(../Media/bg_footer.jpg) repeat-x left top; height:300px; } #container .wrapper { padding:8px 0px 0px 0px; } #header { font:normal 12px "Open Sans", Arial, sans-serif; color:#000; display:block; position:relative; z-index:10; } .header_left { display:inline-block; width:330px; padding:0; margin:0; vertical-align:top; } .header_left .logo { display:block; clear:both; } .header_left .moto { float:left; background-color:#ffcd00; padding:3px 5px; color:#77705f; margin-top:3px; font-size:10px } .header_right { display:inline-block; width:620px; padding:15px 0px 0px 0px; margin:0; } .header_right .left { float:left; width:415px; padding-right:3px; padding-left:57px; } .header_right .topLink { float:left; padding:29px 0px 0px 0px; margin:0; } .header_right .topLink ul { display:block; clear:both; overflow:hidden; padding:0; margin:0; list-style:none outside; } .header_right .topLink ul li { float:left; padding:6px 8px; margin:0px 3px 0px 0px; background-color:#fff; list-style:none outside; border-bottom:2px solid #eee; } .header_right .topLink ul li a { font-size:12px; color:#8b9dc7; text-decoration:none; } .header_right .topLink ul li a:hover { color:#6b7eaa; } .header_right .selectLang { float:right; width:170px; height:30px; margin-top:29px; font-family:Arial, Helvetica, sans-serif; position:relative; background-color:#fff; border-bottom:2px solid #eee; } .header_right .selectLang select { background-color:#fff; font:normal Arial, Helvetica, sans-serif; color:#8c8c8c; padding:0; border:0 none; height:auto; line-height:1; margin:6px 0 0 4px; width:162px; } .header_right .newsletterBox { float:left; background:url(../Media/bg_newsletter.jpg) repeat left top; padding:5px; margin-top:13px; width:405px; position:relative; } .header_right .newsletterBox .txt { display:inline-block; font-size:12px; color:#77705f; vertical-align:middle; width:207px; } .header_right .newsletterBox input.inputNewsL { display:inline-block; vertical-align:middle; width:131px; background-color:#fff; border:0; line-height:29px; border-bottom:1px solid #dddbd2; font:12px Arial, Helvetica, sans-serif; color:#8c8c8c; height:29px; padding:0px 5px 0px 5px; margin:0px 7px 0px 5px; } .header_right .newsletterBox input.buttonOk { display:inline-block; vertical-align:middle; background-color:#ffce00; border:0; line-height:21px; border-bottom:1px solid #ffe88c; font:15px "Open Sans", Arial, Helvetica, sans-serif; color:#77705f; height:29px; padding:4px 3px; } .header_right .right { float:right; padding:0; margin:0; width:145px; } .header_right .right .hide_box { display:block; clear:both; background:url(../Media/bg_hide.png) no-repeat left top; width:100px; height:76px; padding:45px 11px 0px 36px; } .header_right .right .hide_box a { display:block; clear:both; overflow:hidden; font-size:15px; color:#77705f; background:url(../Media/img_close.png) no-repeat right top; text-align:center; padding:6px 26px 6px 5px; } #menu { display:block; clear:both; overflow:visible; margin-top:8px; background:#1a3e8c url(../Media/bg_menu.jpg) repeat-x left bottom; } #menu ul { display:block; padding:0; margin:0; list-style:none outside; } #menu ul li { display:inline-block; padding:0; margin:0px 0px 0px 0px; list-style:none outside; font-size:15px; position:relative; } #menu ul li a { display:inline-block; color:#fff; border-left:1px solid #8a9ccd; padding:10px 10px ; vertical-align:middle; font-size:14px; } #menu > ul > li > a { letter-spacing:-1px; } #menu ul li a:hover { text-decoration:none; border-left:1px solid #7289c5; } #menu ul li:hover { background:#6179b1 url(../Media/bg_menu_over.jpg) repeat-x left bottom; } #menu ul li a.active {display:inline-block; background:#6179b1 url(../Media/bg_menu_over.jpg) repeat-x left bottom; text-decoration:none; border-left:1px solid #7289c5; margin-left:-2px; } #menu ul li:first-child a { border:0; } #menu ul li ul { display:none; width:169px; position:absolute; left:-4px; top:40px; z-index:9999; padding:0px 4px 10px 4px; margin:0; background:url(../Media/bg_sub.png) no-repeat left bottom; text-align:left; } #menu ul li ul li { display:block; float:none; width:169px; padding:0px; margin:0px; border-bottom:1px solid #d1dbff; border-left:0; background-color:#fff; } #menu ul li ul li a { display:block; font:normal 11px Arial, Helvetica, sans-serif; color:#515151; padding:17px 30px 14px 15px; margin:0; border:0; } #menu ul li ul li a:hover { display:block; color:#ed1c24; background:#e7ecff;border:0;color:#515151; } #menu ul li ul li a.active { display:block; color:#ed1c24; background:#e7ecff;border:0; padding:0;color:#515151; } #menu ul li ul li.parent { } #menu ul li ul li.parent a { background:#fff url(../Media/arrowDown.png) no-repeat 139px 17px; } #menu ul li ul li.parent a:hover { background:#e7ecff url(../Media/arrowDown.png) no-repeat 139px 17px; } #menu ul li ul li.parent.active { } #menu ul li ul li.parent.active a { background:#e7ecff url(../Media/arrowUP.png) no-repeat 139px 17px; } #menu ul li ul li ul { background:#f4f6ff none; padding:17px 15px 14px 15px; width:139px; margin:0; display:block; position:relative; left:auto; top:auto; } #menu ul li ul li ul li { border:none; padding:0; margin:0; border:0; width:auto; background:none; } #menu ul li ul li ul li a { background:none; font:normal 11px Arial, Helvetica, sans-serif; color:#4d4d4d; border:0; background:none; padding:3px 0px; } #menu ul li ul li.parent ul { background:#f4f6ff none; padding:15px 15px 14px 15px; width:139px; margin:0; display:block; position:relative; left:auto; top:auto; text-align:right; } #menu ul li ul li.parent ul li { border:none; padding:0; margin:0; border:0; width:auto; background:none; } #menu ul li ul li.parent ul li a { background:none; font:normal 12px Arial, Helvetica, sans-serif; color:#515151; border:0; background:none; padding:3px 0px; } #menu ul li ul li.parent.active ul { background:#f4f6ff none; padding:17px 15px 14px 15px; width:139px; margin:0; display:block; position:relative; left:auto; top:auto; } #menu ul li ul li.parent.active ul li { border:none; padding:0; margin:0; border:0; width:auto; background:none; } #menu ul li ul li.parent.active ul li a { background:none; font:normal 12px Arial, Helvetica, sans-serif; color:#515151; border:0; background:none; padding:3px 0px; } #menu ul li:hover ul { display:block; } #menu ul li.hover ul { display:block; } #main_cont { display:block; padding:0; margin:0; position:relative; z-index:1; } #col_left { float:left; padding:10px 0px 0px 0px; margin:0; width:630px; } #col_right { float:right; padding:20px 0px 0px 0px; margin:0; width:310px; } .carousel_box { display:block; background:url(../Media/carousel_top.png) no-repeat left top; padding:10px 0px 0px 0px; margin:0; } .carousel_box .main { display:block; background-color:#fff; padding:0; margin:0; } .carousel_box .btm { display:block; clear:both; overflow:hidden; background:url(../Media/carousel_bottom.png) no-repeat left top; padding:0px 0px 10px 0px; margin:0; } .carousel { display:block; position:relative; padding:15px 31px 15px 31px; } .carousel .arrow_left { position:absolute; left:1px; top:170px; z-index:500; width:31px; height:32px; } .carousel .arrow_left a { display:block; clear:both; overflow:hidden; width:31px; height:32px; background:url(../Media/arrow_left.png) no-repeat left top; } .carousel .arrow_left a.inactive { display:block; clear:both; overflow:hidden; width:31px; height:32px; background:none; } .carousel .arrow_right { position:absolute; right:0px; top:170px; z-index:500; width:31px; height:32px; } .carousel .arrow_right a { display:block; clear:both; overflow:hidden; width:31px; height:32px; background:url(../Media/arrow_right.png) no-repeat left top; } .carousel .arrow_right a.inactive { display:block; clear:both; overflow:hidden; width:31px; height:32px; background:none; } .carousel .scroll_box { display:block; clear:both; overflow:hidden; position:relative; width:570px; height:346px; } .carousel .scroll_box ul { display:block; padding:0; margin:0; position:relative; } .carousel .scroll_box ul li { float:left; padding:0; margin:0; width:570px; height:346px; list-style:none outside; } .carousel .scroll_box ul li a { text-decoration:none; } .carousel .scroll_box ul li .image { display:block; position:relative; padding:0; margin:0; } .carousel .scroll_box ul li .image img { display:block; padding:0; margin:0; } .carousel .scroll_box ul li .image .play { position:absolute; display:block; width:86px; height:87px; background:url(../Media/img_play.png) no-repeat left top; top:70px; left:247px; } .carousel .scroll_box ul li .image .play a { display:block; width:86px; height:87px; } .carousel .scroll_box ul li .image .text { position:absolute; display:block; width:539px; padding:7px 15px ; bottom:0; left:0; background:url(../Media/bg_title.png) repeat left top; z-index:300; font:normal 21px Arial, Helvetica, sans-serif; color:#fff; } .carousel .scroll_box ul li .image .text h2 { font:bold 28px Arial, Helvetica, sans-serif; color:#fff; font-style:normal; padding:0; margin:0; } .carousel .scroll_box ul li .image .text a h2 { color:#fff;} .carousel .scroll_box ul li .image .text p { padding:0; margin-bottom:0; } .carousel .scroll_box ul li .image .text a p { color:#fff; } .carousel .scroll_box ul li .txt { display:block; clear:both; overflow:hidden; position:relative; padding:0; background:url(../Media/bg1.jpg) repeat left top; padding:10px 15px; margin:1px 0px 0px 0px; } .carousel .scroll_box ul li .txt .left { float:left; width:390px; padding:0; margin:0; font:normal 13px Arial, Helvetica, sans-serif; color:#383f4d; } .carousel .scroll_box ul li .txt .left p { margin-bottom:0; } .carousel .scroll_box ul li .txt .right { float:right; width:145px; } .carousel .scroll_box ul li .txt .right a.more { position:absolute; right:10px; bottom:15px; background-color:#ffd218; border-bottom:2px solid #fceba5; border-right:2px solid #fceba5; font:normal 12px "Open Sans", Arial, sans-serif; color:#78715f; padding:5px 7px;} .carousel .scroll_box ul li .txt .right a.more:link, .carousel .scroll_box ul li .txt .right a.more:visited { color:#78715f; } .carousel .pager { display:block; text-align:center; margin:5px auto 0px auto; } .carousel .pager ul { padding:0; margin:0; } .carousel .pager ul li { display:inline-block; width:14px; height:14px; padding:0; margin:0; list-style:none outside; } .carousel .pager ul li a { float:left; width:14px; height:14px; padding:0; margin:0; background:url(../Media/circle.png) no-repeat left top; font-size:0px; } .carousel .pager ul li a:hover { background:url(../Media/circle_over.png) no-repeat left top; } .carousel .pager ul li a.active { background:url(../Media/circle_over.png) no-repeat left top; } .carousel_box.noArrow { } .carousel_box.noArrow .carousel .arrow_left { display:none; } .carousel_box.noArrow .carousel .arrow_right { display:none; } .carousel_box.noArrow .carousel .pager { display:none; } .carousel .scroll_box ul li .txt.txt_buttons { } .carousel .scroll_box ul li .txt.txt_buttons .left { float:left; width:540px; padding:0; margin:0; } .carousel .scroll_box ul li .txt.txt_buttons .left h3 { font:normal 13px "Open Sans", Arial, Helvetica, sans-serif; color:#383f4d; } .carousel .scroll_box ul li .txt.txt_buttons .left .buttons { display:block; margin:0; padding:0; } .carousel .scroll_box ul li .txt.txt_buttons .left .buttons a.button { float:left; background:url(../Media/button1.gif) no-repeat right bottom; font:normal 11px "Open Sans", Arial, Helvetica, sans-serif; color:#78715f; margin-right:9px; padding:6px 12px; } .carousel .scroll_box ul li .txt.txt_buttons .left .buttons a.button:hover { background:url(../Media/button1_over.gif) no-repeat right bottom; } .campaign { display:block; clear:both; overflow:hidden; margin-left:-4px; padding-top:10px; } .campaign .main { display:block; clear:both; overflow:hidden; background:url(../Media/bg_campaign.png) no-repeat left top; padding:10px 0px; } .campaign .btm { display:block; clear:both; overflow:hidden; background:url(../Media/carousel_bottom.png) no-repeat left top; padding:0px 0px 10px 0px; margin:0; } .campaign .main h2 { display:block; margin:0 auto; text-align:center; } .campaign .main h2 span { display:inline-block; background:url(../Media/blueTitle.png) no-repeat right top; font:normal 17px "Open Sans", Arial, Helvetica, sans-serif; color:#fff; padding:5px 10px 13px 10px; } .campaign .main .carousel { display:block; position:relative; padding:17px 10px 0px 30px; } .campaign .main .carousel .arrow_left { position:absolute; left:65px; top:133px; z-index:500; width:31px; height:32px; } .campaign .main .carousel .arrow_right { position:absolute; right:58px; top:133px; z-index:500; width:31px; height:32px; } .campaign .main .carousel .scroll_box { display:block; clear:both; overflow:hidden; width:427px; height:261px; margin:0px 48px 0px 78px; padding-bottom:11px; } .campaign .main .carousel .scroll_box ul { display:block; padding:0; margin:0; } .campaign .main .carousel .scroll_box ul li { float:left; padding:0; margin:0; width:427px; height:261px; list-style:none outside; } .campaign .main .carousel .scroll_box ul li .image .play { top:82px; left:172px; } .campaign .main .carousel .txt { display:block; clear:both; overflow:hidden; position:relative; padding:0; margin:0; background:none; padding:20px 15px 15px 15px; margin:10px 0px 0px 0px; } .campaign .main .carousel .txt .left { float:left; width:395px; padding:0; margin:0; font:normal 13px Arial, Helvetica, sans-serif; color:#383f4d; } .campaign .main .carousel .txt .left h3 { font:normal 20px Arial, Helvetica, sans-serif; color:#002b87; } .campaign .main .carousel .txt .left p { margin-bottom:0; } .campaign .main .carousel .txt .right { float:right; width:145px; } .campaign .main .carousel .txt .right a.more { position:absolute; right:10px; bottom:7px; background-color:#ffd218; border-bottom:2px solid #fceba5; border-right:2px solid #fceba5; font:normal 12px "Open Sans", Arial, sans-serif; color:#78715f; padding:5px 7px; cursor:pointer; } .campaign .main .carousel .pager { margin-top:20px; } .campaign .main .carousel .pager ul li a { background:url(../Media/circle2.png) no-repeat left top; } .campaign .main .carousel .pager ul li a:hover { background:url(../Media/circle2_over.png) no-repeat left top; } .campaign .main .carousel .pager ul li a.active { background:url(../Media/circle2_over.png) no-repeat left top; } .white_box { display:block; clear:both; overflow:hidden; padding:10px 0px 0px 0px; } .white_box .main { display:block; clear:both; overflow:hidden; background-color:#fff; padding:10px; position:relative; } .white_box .btm { display:block; clear:both; overflow:hidden; background:url(../Media/carousel_bottom.png) no-repeat left top; padding:0px 0px 10px 0px; margin:0; } .white_box .main h2 { display:block; margin:0; position:absolute; top:0; left:0; z-index:100; } .white_box .main h2 span { display:inline-block; background:url(../Media/blueTitle.png) no-repeat right top; font:normal 17px "Open Sans", Arial, Helvetica, sans-serif; color:#fff; padding:5px 10px 13px 10px; } .white_box .main .gri_in { padding:30px 10px 10px 10px; float:left; background:url(../Media/bg1.jpg) repeat left top; width:350px; margin:0; } .white_box .main .gri_in a.more { float:right; background-color:#ffd218; border-bottom:2px solid #fceba5; border-right:2px solid #fceba5; font:normal 12px "Open Sans", Arial, sans-serif; color:#78715f; padding:5px 7px; cursor:pointer;} .white_box .main .gri_in a.more:link, .white_box .main .gri_in a.more:visited { color:#78715f; } .white_box .main .logo_s { float:right; text-align:center; width:230px; } .white_box .main .logo_s img { display:inline-block; vertical-align:middle; text-align:center; margin-top:20px } .yellow_buuble { display:block; clear:both; overflow:hidden; background:url(../Media/bubble_top.png) no-repeat left top; padding:47px 0px 0px 0px; position:relative; margin-bottom:15px; } .yellow_buuble .main { float:left; background:url(../Media/bubble_bottom.png) no-repeat left bottom; min-height:355px; width:310px; padding-bottom:10px; } .yellow_buuble .main h2 { float:left; width:290px; padding:0; font:normal 23px "Open Sans", Arial, Helvetica, sans-serif; color:#fff; text-shadow:2px 2px 2px #f1bb01; margin-top:-20px; margin-left:20px; letter-spacing:-1px; } .yellow_buuble .main p.info { float:left; width:228px; background:url(../Media/arrow_y.png) no-repeat 255px bottom; padding:0 50px 0 23px; margin-top:-13px; color:#fff; font:normal 13px Arial, Helvetica, sans-serif; text-shadow:2px 2px 2px #f1bb01; min-height:26px; } .yellow_buuble .main p { padding:20px 26px; margin:0px 0px 10px 0px } .yellow_buuble .main a.more { float:right; margin:0px 35px 0px 0px; background-color:#ffe88c; border-bottom:2px solid #e9bc00; border-right:2px solid #e9bc00; font:normal 12px "Open Sans", Arial, sans-serif; color:#78715f; padding:5px 7px; cursor:pointer; } .yellow_buuble .main a.more:link, .yellow_buuble .main a.more:visited { color:#78715f; } .callus_1 { display:block; clear:both; background:url(../Media/box1_bottom.png) no-repeat left bottom; padding:0px 0px 5px 0px; margin:0px 0px 5px 17px; width:269px; } .callus_1 .main0 { display:block; background:url(../Media/box1_top.png) no-repeat left top; padding:5px 0px 0px 26px; position:relative; min-height:50px; } .callus_1 .main0 .arrow { position:absolute; top:17px; left:-10px; background:url(../Media/arrow.png) no-repeat left top; width:26px; height:26px; z-index:100; } .callus_1 .main0 .txt { display:inline-block; vertical-align:top; font:normal 15px "Open Sans", Arial, Helvetica, sans-serif; color:#1a3e8c; padding:3px 0px; vertical-align:middle; } .callus_1 .main0 .txt a { color:#1a3e8c; font:13px Arial, Helvetica, sans-serif; } .callus_1 .main0 .icon { display:inline-block; vertical-align:middle; text-align:right; } .callus_2 { display:block; clear:both; background:url(../Media/box2_bottom.png) no-repeat left bottom; padding:0px 0px 5px 0px; margin:0px 0px 5px 17px; width:269px; } .callus_2 .main0 { display:block; background:url(../Media/box2_top.png) no-repeat left top; padding:5px 0px 0px 26px; position:relative; min-height:50px; } .callus_2 .main0 .arrow { position:absolute; top:17px; left:-10px; background:url(../Media/arrow.png) no-repeat left top; width:26px; height:26px; z-index:100; } .callus_2 .main0 .txt { display:inline-block; vertical-align:top; font:normal 15px "Open Sans", Arial, Helvetica, sans-serif; color:#1a3e8c; padding:3px 0px; vertical-align:middle; } .callus_2 .main0 .txt a { color:#1a3e8c; font:13px Arial, Helvetica, sans-serif; } .callus_2 .main0 .txt a:hover { text-decoration:underline; } .callus_2 .main0 .icon { display:inline-block; vertical-align:top; text-align:right; padding-top:5px; } .callus_2 .main0 .txt.font15, .callus_1 .main0 .txt.font15 { font-size:15px; } .callus_2 .main0 .txt.no1, .callus_1 .main0 .txt.no1 { width:90px; } .callus_1 .main0 .txt.no2, .callus_2 .main0 .txt.no2 { width:120px; } .callus_2 .main0 .txt.no3, .callus_2 .main0 .txt.no4, .callus_1 .main0 .txt.no3, .callus_1 .main0 .txt.no4 { width:175px; font-size:15px;} .white_box.right { display:block; clear:both; overflow:hidden; padding:0px 0px 15px 0px; } .white_box.right .main { display:block; clear:both; overflow:hidden; background-color:#fff; padding:15px; position:relative; } .white_box.right .btm { display:block; clear:both; overflow:hidden; background:url(../Media/bottomR.png) no-repeat center top; padding:0px 0px 10px 0px; margin:0; } .white_box.right .main .icon { position:absolute; right:1px; top:1px; z-index:100; } .white_box.right .gri_in { line-height:15px; padding:30px 5px 5px 5px; width:270px; } .white_box.right .gri_in h3 { font:bold 15px Arial, Helvetica, sans-serif; color:#002b87; display:block; clear:both; margin-bottom:15px; width:220px; } .white_box.right .gri_in img { float:left; display:inline; margin-right:10px; border:1px solid #c6d2ee; } .white_box.right .gri_in p { margin-bottom:5px; } .white_box.right .gri_in .bottom { display:block; clear:both; overflow:hidden; background:url(../Media/digiB_bottom.png) no-repeat left bottom; padding-top:60px; padding-bottom:10px; margin:0px 0px 0px -5px; width:280px; } .white_box.right .main .gri_in a.more { margin-right:10px; margin-bottom:5px; margin-top:10px; cursor:pointer; } .white_box.right.bigImg { } .white_box.right.bigImg .main img { margin:0 0; display:block; } .white_box.right.bigImg .main .gri_in { padding:10px 10px 10px 10px; float:none; display:block; clear:both; overflow:hidden; background:url(../Media/bg1.jpg) repeat left top; width:260px; margin:0; } .white_box.right.bigImg .main .gri_in h3 { font:normal 20px Arial, Helvetica, sans-serif; color:#002b87; display:block; clear:both; width:230px; } .white_box.right.digiB { padding-bottom:0; } .white_box.right.digiB .main .gri_in { padding-bottom:0; } .white_box.right.digiB .gri_in .bottom a.more { margin-bottom:0; margin-bottom:0; } .banner-right { padding-bottom:35px; } .banner-right img { margin-top:5px; } .banner-right a:first-child img { margin-top:0; } .line_top { float:left; width:100%; padding:6px 0px 0px 0px } .line_top .list { float:left; width:600px; padding-top:16px; } .line_top .list ul { display:block; padding:0; margin:0; } .line_top .list ul li { float:left; list-style:none outside; padding:0; color:#485f97; font:normal 14px "Open Sans" } .line_top .list ul li a { float:left; list-style:none outside; padding:0; margin:0px 10px; font:normal 14px "Open Sans", Arial, Helvetica, sans-serif; color:#485f97; } .line_top .list ul li:first-child a { margin-left:0; } .line_top .social_bottom { float:right; width:300px; text-align:right } .line_top .social_bottom a { display:inline-block; margin:0px 2px; } .line_main { float:left; width:100%; padding:20px 0px ; } .line_main ul { display:block; padding:0; margin:0; } .line_main ul li { float:left; padding:0px 15px; margin:0; list-style:none outside; border-left:2px solid #eef0f9; min-height:130px; } .line_main ul li.second { border-left:2px solid #eef0f9; padding:0px 14px; } .line_main ul li:first-child { padding-left:0px; border-left:0px; } .line_main ul li:first-child img { margin-right:0; margin-top:0;} .line_main ul li h3 { display:block; font:normal 15px "Open Sans", Arial, Helvetica, sans-serif; color:#8b9dc7; } .line_main ul li p { font:normal 13px Arial, Helvetica, sans-serif; color:#485f97; padding-top:10px; display:inline-block; vertical-align:middle; } .line_main ul li img { display:inline-block; margin-right:10px; vertical-align:middle; margin-top:10px } .line_main ul li .white_list { display:block; clear:both; overflow:hidden; background-color:#f2f4fb; padding:5px 5px 7px 5px; } .line_main ul li .white_list ul { } .line_main ul li .white_list ul li { border:0; padding:0; margin:0px 15px; font:normal 12px Arial, Helvetica, sans-serif; color:#485f97; float:none; display:inline-block; vertical-align:top; min-height:20px; } .line_main ul li .white_list ul li:first-child img { text-align:center; margin-bottom:6px; margin-right:0; margin-top:7px; vertical-align:top} .line_main ul li .white_list ul li a { color:#485f97; text-align:center; display:block; } .line_main ul li .white_list ul li a img { text-align:center; margin-bottom:3px; margin-right:0; vertical-align:top} .bottom_line { float:left; width:100%; margin:7px 0px 0px 0px } .bottom_line .left { float:left; font-size:13px; color:#fff; } .bottom_line .left img { display:inline-block; vertical-align:middle; padding-bottom:5px; margin-right:30px; } .bottom_line .right { float:right; padding-top:15px } /*------------- Pop ups ----------------------------*/ .pop_reading_list { position:fixed; right:-160px; top:240px; width:197px; padding:38px 0 0 0; z-index:9999; background:url(../Media/right_box.png) no-repeat left top; } .pop_reading_list .plaisio .title { margin:0; padding:0px; float:left; width:37px; text-align:center; } .pop_reading_list .plaisio { padding:5px 10px 40px 6px; display:block; width:181px; background:url(../Media/right_box_bottom.png) no-repeat left bottom; min-height:150px; } .pop_reading_list .intro { font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif; color:#fff; padding:0px 0px 0px 7px; width:135px; float:left } .pop_reading_list .intro p { margin:0em 0 1.5em 0; } /*.pop_reading_list:hover { right:0; cursor:pointer }*/ .pop_reading_list a.more { float:left; background-color:#ffd218; border-bottom:2px solid #fceba5; border-right:2px solid #fceba5; font:normal 10px "Open Sans", Arial, sans-serif; color:#78715f; padding:5px 7px; cursor:pointer; } .pop_reading_list a.more:link, .pop_reading_list a.more:visited { color:#78715f; } .breadcrumb { display:block; clear:both; overflow:hidden; padding:20px 0px 0px 0px; } .breadcrumb ul { display:block; clear:both; overflow:hidden; padding:0; margin:0; } .breadcrumb ul li { float:left; padding:0px 10px 0px 17px; background:url(../Media/arrow1.gif) no-repeat left center; list-style:none outside; font:normal 11px Arial, Helvetica, sans-serif; color:#1a3e8c; } .breadcrumb ul li:first-child { padding:0px 10px 0px 0px; background:none; } .breadcrumb ul li a { color:#7b7b7b; } .content_box { display:block; background:url(../Media/carousel_top.png) no-repeat left top; padding:10px 0px 0px 0px; margin:0; } .content_box .main { display:block; clear:both; overflow:hidden; background-color:#fff; padding:0; margin:0; } .content_box .btm { display:block; clear:both; overflow:hidden; background:url(../Media/carousel_bottom.png) no-repeat left top; padding:0px 0px 11px 0px; margin:0; } .content_box h1 { display:block; margin:0 auto; text-align:left; } .content_box h1 span { display:inline-block; background:url(../Media/gri_title.jpg) repeat left top; font:normal 25px "Open Sans", Arial, Helvetica, sans-serif; color:#77705f; padding:10px 15px; } .content_box .content { display:block; padding:20px 20px; } .content_box .content .date { background:url(../Media/date_l_2.png) no-repeat left top; } #menu_right { display:block; padding:0px 0px 11px 0px; margin:0; border-top:1px solid #a0afd0; background:url(../Media/bottomR.png) no-repeat left bottom; margin-bottom:15px; } #menu_right ul { padding:0; margin:0; background-color:#fff; border-top:4px solid #6179b1; } #menu_right ul li { padding:0; margin:0; border-top:1px solid #edece6; list-style:none outside; } #menu_right ul li:first-child { border-top:0px solid #edece6; } #menu_right ul li a { padding:10px 10px 10px 23px; margin:0; display:block; color:#525252; font:normal 13px Arial, Helvetica, sans-serif; text-decoration:none; background:none; } #menu_right ul li a:hover { background:#edece6 url(../Media/arrow2.gif) no-repeat 10px 13px; display:block; } #menu_right ul li.active { } #menu_right ul li.active a { background:#6179b1 url(../Media/arrow2_over.gif) no-repeat 10px 13px; display:block; color:#fff; } #menu_right ul li.active a:hover { background:#6179b1 url(../Media/arrow2_over.gif) no-repeat 10px 13px; display:block; } #menu_right ul li.parent { } #menu_right ul li.parent a { background:none; display:block; } #menu_right ul li.parent a:hover { background:#edece6 url(../Media/arrow2.gif) no-repeat 10px 13px; display:block; } #menu_right ul li.parent.active a { background:#6179b1 url(../Media/arrow2_over.gif) no-repeat 10px 13px; display:block; color:#fff; } #menu_right ul li ul { border-top:0px; } #menu_right ul li ul li { border-top:0px; padding:0px; margin:0 } #menu_right ul li ul li a { background-image:none; font-size:11px; display:block; padding:7px 10px 7px 23px } #menu_right ul li.parent ul { border-top:0px; padding-bottom:10px; } #menu_right ul li.parent ul li { border-top:0px; padding:0px; } #menu_right ul li.parent ul li a { background-image:none; padding:7px 10px 7px 23px; display:block; } #menu_right ul li.parent ul li a:hover { background:#edece6 url(../Media/arrow2.gif) no-repeat 10px 8px; text-decoration:none; display:block; } #menu_right ul li.parent ul li.active a { background:#6179b1 url(../Media/arrow2_over.gif) no-repeat 10px 8px; display:block; color:#fff } #menu_right ul li.parent ul li.active a:hover { background:#6179b1 url(../Media/arrow2_over.gif) no-repeat 10px 8px; display:block; color:#fff } #menu_right ul li.parent.active { background:#6179b1 url(../Media/arrow2_over.gif) no-repeat 10px 8px; color:#525252; } #menu_right ul li.parent.active ul { border-top:0px; padding-bottom:10px; } #menu_right ul li.parent.active ul li { border-top:0px; padding:0px; } #menu_right ul li.parent.active ul li a { background:none; padding:7px 10px 7px 23px; display:block; color:#525252 } #menu_right ul li.parent.active ul li a:hover { background:#edece6 url(../Media/arrow2.gif) no-repeat 10px 8px; text-decoration:none; display:block; } #menu_right ul li.parent.active ul li.active a { background:#6179b1 url(../Media/arrow2_over.gif) no-repeat 10px 8px; display:block; color:#fff } #menu_right ul li.parent.active ul li.active a:hover { background:#6179b1 url(../Media/arrow2_over.gif) no-repeat 10px 8px; display:block; color:#fff } .white_box.right .gri_in .list_1 { display:block; padding:0px 3px; margin:-5px 0px 0px 0px;} .white_box.right .gri_in .list_1 ul { padding:0; margin:0; } .white_box.right .gri_in .list_1 ul li { padding:5px 0px; margin:0; list-style:none outside; border-top:1px solid #d1dbff; } .white_box.right .gri_in .list_1 ul li:first-child { border-top:0; } .white_box.right .gri_in .list_1 ul li h3.title { font:normal 18px "Open Sans", Arial, Helvetica, sans-serif; color:#002b87; display:block; clear:both; margin-bottom:5px; } .white_box.right .gri_in a.more2 { margin-right:10px; margin-bottom:5px; margin-top:10px; cursor:pointer; display:block; font:normal 12px Arial, Helvetica, sans-serif; color:#638dee; text-align:right } .date { background:url(../Media/radio_l.png) no-repeat left top; clear:both; display:block; overflow:hidden; margin-bottom:5px; padding-left:4px; } .date span { float:left; background:url(../Media/radio_r.png) no-repeat right top; padding:3px 10px 3px 6px; font:bold 12px Arial, Helvetica, sans-serif; color:#77705f; } .bottom_content { display:block; clear:both; overflow:hidden; background:url(../Media/bg_3.png) repeat left top; padding:15px 5px 10px 20px; margin:10px; font:normal 13px "Open Sans", Arial, Helvetica, sans-serif; } .bottom_content .left { float:left; } .bottom_content .left .fcb { float:left; margin:0px 10px 0px 0px } .bottom_content .left .twt { float:left; } .bottom_content .right { float:right; color:#485f97; } .bottom_content .right a { display:inline-block; margin:0px 10px; color:#8b9bc0; } .bottom_content .right a:hover { display:inline-block; margin:0px 10px; color:#485f97; text-decoration:none } .bottom_content .right a.print { background:url(../Media/iconPrint.png) no-repeat right top; padding-right:25px; } .bottom_content .right a.print:hover { background:url(../Media/iconPrint_over.png) no-repeat right top; } .bottom_content .right a.top0 { background:url(../Media/arrowUp0.png) no-repeat right center; padding-right:25px; } .bottom_content .right a.top0:hover { background:url(../Media/arrowUp0_over.png) no-repeat right center; } .news_list { display:block; clear:both; overflow:hidden; padding:17px 17px 0px 17px; } .news_list .list_n { display:block; clear:both; overflow:hidden; padding-bottom:20px; } .news_list .list_n h2 { font:normal 18px "Open Sans", Arial, Helvetica, sans-serif; color:#002b87; display:block; clear:both; margin-bottom:10px; } .news_list .list_n ul { padding:0; margin:0px 0px 5px 0px; display:block; clear:both; overflow:hidden; border-bottom:1px solid #f2f1ef; } .news_list .list_n ul li { padding:0px 0px 15px 0px; margin:0; display:block; clear:both; overflow:hidden; list-style:none outside; } .news_list .list_n .date { background:url(../Media/date_l_2.png) no-repeat left top; } .news_list .list_n ul li h3 { font:bold 15px Arial, Helvetica, sans-serif; color:#002b87; display:block; clear:both; margin-bottom:15px; } .news_list .list_n ul li img { float:left; display:inline; margin-right:10px; border:1px solid #f2f1ef; } .news_list .list_n ul li p { margin-bottom:5px; } .news_list .list_n ul li a.more { float:right; background-color:#ffeb9c; border-bottom:2px solid #ffe470; border-right:2px solid #ffe470; font:normal 12px "Open Sans", Arial, sans-serif; color:#77705f; padding:3px 5px; cursor:pointer;} .news_list .list_n ul li a.more:link, .news_list .list_n ul li a.more:visited { color:#352e1d; } .news_list .list_n a.more2 { float:right; padding:5px 7px; background-color:#ffe88c; border-bottom:2px solid #e9bc00; border-right:2px solid #e9bc00; font:normal 13px "Open Sans", Arial, sans-serif; color:#78715f; cursor:pointer;} .news_list .list_n a.more2:link, .news_list .list_n a.more2:visited { color:#78715f; } .news_list .list_n ul.noBorder { border-bottom:0px; } .select_box { float:right; clear:both; margin-bottom:20px; } .select_box .dd { position:relative; margin-right:10px; border-bottom:2px solid #eee; } .select_box .dd .ddTitle { height:25px; } .select_box .dd .ddChild { top:25px; } .select_box .dd .ddChild a { height:26px; line-height:25px; display:block; padding:0; text-decoration:none; color:#8c8c8c; overflow:hidden; white-space:nowrap; cursor:pointer; border-bottom:1px solid #d1dbff; text-indent:6px; } .select_box .dd .ddTitle .ddTitleText { line-height:25px; } .select_box .dd .ddTitle .ddTitleText .ddTitleText { text-indent:6px; } .select_box select { background-color:#fff; color:#8c8c8c; border:0 none; margin:6px 10px 0 4px; width:162px; } .select_box input.ok { display:inline-block; padding:3px 5px; font:normal 15px "Open Sans", Arial, Helvetica, sans-serif; color:#fff; background-color:#96a8cc; margin-bottom:2px solid #798db7; } .paging { display:block; clear:both; overflow:hidden; text-align:center; padding-bottom:20px; } .paging span { display:inline-block;font:normal 20px "Open Sans", Arial, Helvetica, sans-serif; color:#d6daee; line-height:20px; vertical-align:bottom; } .paging a { display:inline-block; background-color:#e9ecf9; font:normal 11px Arial, Helvetica, sans-serif; color:#8c8c8c ; padding:3px 4px; margin:0px 1px 0px 0px; text-decoration:none; vertical-align:middle; min-width:12px } .paging a:hover { background-color:#7e98d6; color:#fefefe; } .paging a.active { background-color:#7e98d6; color:#fefefe; } .paging a.left_arrow { display:inline-block; background:url(../Media/arrowP_left.png) no-repeat left top; width:12px; height:14px; padding:0; margin-right:4px } .paging a.right_arrow { display:inline-block; background:url(../Media/arrowP_right.png) no-repeat left top; width:12px; height:14px; padding:0; } .paging a.right_arrow:hover , .paging a.left_arrow:hover { background-color:none; } .button_back { float:right; } .button_back a { display:block; clear:both; overflow:hidden; background:url(../Media/arrowP_left_over.png) no-repeat left center; padding:0px 0px 0px 15px; font:normal 13px "Open Sans", Arial, Helvetica, sans-serif; color:#8b9bc0; margin-right:20px; text-decoration:none; } .button_back a:hover { background-image:url(../Media/arrowP_left_over2.png); color:#485f97; } .content_box.w950 { display:block; background:url(../Media/top_w950.png) no-repeat left top; padding:11px 0px 0px 0px; margin:0; } .content_box.w950 .main { display:block; clear:both; overflow:hidden; background-color:#fff; padding:0; margin:0; } .content_box.w950 .btm { display:block; clear:both; overflow:hidden; background:url(../Media/bottom_w950.png) no-repeat left top; padding:0px 0px 12px 0px; margin:0; } .contctForm { display:block; padding:40px 30px 40px 20px; clear:both; overflow:hidden; } .contctForm .left { float:left; width:470px; } .contctForm .right { float:right; width:380px; font:normal 13px Arial, Helvetica, sans-serif; color:#383f4d; } .contctForm .left fieldset { display:block; clear:both; overflow:hidden; padding:0; margin:0; border:0; } .contctForm .left .row { display:block; padding:0px 0px 25px 0px; position:relative; } .contctForm .left .row label { display:inline-block; font:normal 12px Arial, Helvetica, sans-serif; color:#1a3e8c; width:85px; vertical-align:top; padding-top:7px; } .contctForm .left .row span.input { display:inline-block; background:url(../Media/bg_4.jpg) repeat-x left top; height:25px; width:370px; padding:3px 5px; vertical-align:middle; } .contctForm .left .row span.input input { border:0; background:transparent; font:normal 12px Arial, Helvetica, sans-serif; color:#1a3e8c; width:380px; line-height:25px; } .contctForm .left .row span.input.error { border:1px solid #F00; background:url(../Media/bg_4.jpg) repeat-x left top; height:23px; width:368px; padding:3px 5px; } .contctForm .left .row span.input.error input { color:#F00; } .contctForm .left .row span.textarea { display:inline-block; background:#f7f8fc url(../Media/bg_4.jpg) repeat-x left bottom; height:140px; width:370px; padding:3px 5px; vertical-align:middle; } .contctForm .left .row span.textarea textarea { border:0; background:transparent; font:normal 12px Arial, Helvetica, sans-serif; color:#1a3e8c; width:380px;height:140px; } .contctForm .left .row p.captcha { display:block; padding-left:85px; } .contctForm .left .row p.captcha img { display:inline-block; vertical-align:middle; } .contctForm .left .row p.captcha a.reload { display:inline-block; vertical-align:middle; } .contctForm .left input.send_button { float:right; background-color:#ffce06; border-bottom:2px solid #ffeea9; font:normal 17px "Open Sans", Arial, Helvetica, sans-serif; color:#77705f; padding:5px 10px; margin-top:20px; } .contctForm .errorBox { position:absolute; bottom: 5px; left:87px; padding:0px 0px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif; color:#F00; z-index:100; } .contctForm p.error_txt { position:absolute; bottom: -5px; left:87px; padding:0px 0px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif; color:#F00; z-index:100; } .contctForm .span.error-msg { position:absolute; bottom: -5px; left:87px; padding:0px 0px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif; color:#F00; z-index:100;} .contctForm .right h2 { display:block; font:normal 15px "Open Sans", Arial, Helvetica, sans-serif; color:#1a3e8c; margin-bottom:15px; } .contctForm .right img { float:left; margin:5px 10px 0px 0px; } .contctForm .right hr { background-color:#ededee; height:1px; padding:0; margin:20px 0px; border:0; } .contctForm .right p.info { font:normal 15px/23px "Open Sans", Arial, Helvetica, sans-serif; color:#6c88cb; margin-top:10px;} .contctForm .right p.info em { color:#1a3e8c; font-style:normal; margin-right:5px; } .newsletterBox .errorMsg { background: url(../Media/error.png) no-repeat scroll left 2px transparent; position:absolute; bottom:-23px; left:0; z-index:100; color: #ff0000; display: block; font: bold 13px Arial,Helvetica,sans-serif; overflow: hidden; padding-left: 20px; line-height:20px; } .newsletterBox .okMsg { background: url(../Media/okMsg.png) no-repeat scroll left 4px transparent; position:absolute; bottom:-23px; left:0; z-index:100; color: #FFCD00; display: block; font:bold 13px Arial,Helvetica,sans-serif; overflow: hidden; padding-left: 20px; line-height:22px; } #main_cont.msm404 { display:block; padding:0; margin:0; position:relative; z-index:1; min-height:650px; } .content_box.msm404 { display:block; background:url(../Media/img404.png) no-repeat left top; padding:285px 0px 0px 250px; margin:0; position:absolute; left:-80px; top:0; z-index:200; width:951px; min-height:330px; } .content_box.msm404 p { font:normal 22px "Open Sans", Arial, Helvetica, sans-serif; color:#383f4d; } .content_box.msm404 .font24 { font-size:24px; font-weight:bold; } .content_box.msm404 ul { display:block; margin:20px 0px 0px 0px; padding:0; } .content_box.msm404 ul li { display:block; clear:both; overflow:hidden; font:bold 15px "Open Sans", Arial, Helvetica, sans-serif; color:#ffcd00; padding:0; margin:0px 0px 5px 0px; list-style:none; } .content_box.msm404 ul li a { color:#1a3e8c; margin-left:5px; } ul.sitemap { display:block; clear:both; overflow:hidden; margin:20px 20px; padding:0px 0px 30px 0px; } ul.sitemap li { display:block; clear:both; overflow:hidden; font:bold 16px "Open Sans", Arial, Helvetica, sans-serif; color:#1a3e8c; border-top:1px solid #ccc; padding:10px 0px 0px 0px; margin:0px 0px 10px 0px; list-style:none; } ul.sitemap li:first-child { border-top:0px; } ul.sitemap li a { color:#1a3e8c; } ul.sitemap li a:hover { color:#1a3e8c; text-decoration:none; } ul.sitemap li ul { display:block; margin:10px 0px 0px 30px; padding:0; } ul.sitemap li ul li { display:block; clear:both; overflow:hidden; font:normal 14px Arial, Helvetica, sans-serif; color:#383f4d; border-top:0; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; list-style:none; } ul.sitemap li ul li a { color:#383f4d; display:block; background:url(../Media/arrow_s1.gif) no-repeat left 4px; padding-left:10px; } ul.sitemap li ul li a:hover { color:#1a3e8c; } ul.sitemap li ul li a:visited { text-decoration:none } ul.sitemap li ul li ul { display:block; margin:10px 0px 0px 30px; padding:0; } ul.sitemap li ul li ul li { display:block; clear:both; overflow:hidden; font:normal 12px Arial, Helvetica, sans-serif; color:#383f4d; border-top:0; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; list-style:none; } ul.sitemap li ul li ul li a { color:#383f4d; display:block; background:url(../Media/arrow_s2.gif) no-repeat left 5px; padding-left:10px; } ul.sitemap li ul li ul li a:hover { color:#6179b1; background:url(../Media/arrow_s2_over.gif) no-repeat left 5px; padding-left:10px; } ul.sitemap li ul li ul li a:visited { text-decoration:none } /* Digital library */ .content_box.nobg { background:none; } .content_box.nobg .bottom_content { margin:0; } .library_list { display:inline-block; padding:30px 0; width:100%; } .library_list .row { display:inline-block; margin:10px 0; width:100%; } .library_list .row ul { margin:0; padding:0; width:100%; } .library_list .row ul li { display:block; position:relative; float:left; list-style:none outside; margin:0 0 0 22px; padding:12px 12px 18px 12px; background:#fff url(../Media/library-item_shadow.png) no-repeat left bottom; width:170px; } .library_list .row ul li:first-child { margin-left:0; } .library_list .row ul li a { background-color:#f6f8ff; color:#383f4d; text-decoration:none; display:block; position:relative; } .library_list .row ul li a:hover .overlay { display:block; } .library_list .row ul li span { display:block; } .library_list .row ul li .img-wrap { width:170px; height:95px; line-height:95px; position:relative; overflow:hidden; text-align:center; white-space:nowrap; } .library_list .row ul li .img-wrap img { max-width:170px; max-height:95px; vertical-align:middle; } .library_list .row ul li .txt { color:#383f4d; font:bold 13px/1.3 Arial, Helvetica, sans-serif; padding:10px 10px 35px 10px; } .library_list .row ul li .category { background:#e7ecff; color:#6179b1; font:bold 11px/1 Arial, Helvetica, sans-serif; padding:8px 10px; text-align:right; position:absolute; right:0; bottom:0; left:0; } .library_list .row ul li .overlay { background:url(../Media/library-item_overlay.png); position:absolute; top:-12px; right:-12px; bottom:-13px; left:-12px; display:none; } .library_list .row ul li .icon { background-position:0 0; background-repeat:no-repeat; position:absolute; top:23px; left:58px; display:none; width:52px; height:52px; } .library_index .row ul { font-size:0; text-align:center; } .library_index .row ul li { display:inline-block; float:none; vertical-align:top; background:#fff url(../Media/library-item_shadow.png) no-repeat left bottom; width:170px; margin:0; } .library_index .row ul li + li { margin:0 22px; } .library_index .row ul li + li + li { margin:0; } .library_index .row ul li a { background-color:transparent; position:static; } .library_index .row ul li img { background-color:#f6f8ff; position:absolute; bottom:18px; left:12px; display:block; width:170px; height:134px; } .library_index .row ul li:hover img { background-color:#e7ecff; } .library_index .row ul li .item_category { color:#1a3e8c; font:bold 22px/1.1 "Open Sans", Arial, Helvetica, sans-serif; text-align:center; margin-bottom:0; padding-bottom:140px; } .library_photos .row ul li .icon { background-image:url(../Media/library-item_zoom.png); } .library_photos .row ul li .category { background:#e7ecff url(../Media/library-item_mini-icon_photos.png) no-repeat 96% center; padding-right:30px; } .library_videos .row ul li .icon { background-image:url(../Media/library-item_play.png); } .library_videos .row ul li .category { background:#e7ecff url(../Media/library-item_mini-icon_videos.png) no-repeat 96% center; padding-right:28px; } .library_photos .row ul li a:hover .icon, .library_videos .row ul li a:hover .icon { display:block; } /* Deliverables */ table.deliverables { margin:20px 0; width:100%; } table.deliverables td { font-size:1.083em; line-height:1.2; padding:8px; text-align:left; vertical-align:top; } table.deliverables td a { color:#383f4d; display:inline-block; min-height:14px; padding-right:0px; width:85%; background-position:right center; background-repeat:no-repeat; } table.deliverables th { color:#1a3e8c; font:normal 18px/1 "Open Sans", Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:8px; text-align:left; vertical-align:top; white-space:nowrap; } table.deliverables tr.even td { background-color:#eef2fa; } table.deliverables td a.fileLnk img, .delivelableImg {float:right;} /* ---------- DIGITAL LIBRARY 26062012 */ .digital-lybrary-search { float:left; width:100%; padding-bottom:30px; } .digital-lybrary-search .row { float:left; width:100%; padding-bottom:10px; position:relative; } .digital-lybrary-search .row.top { z-index:100; } .digital-lybrary-search .row.bottom { z-index:50; } .digital-lybrary-search .row label { display:block; clear:both; overflow:hidden; font:normal 12px Arial, Helvetica, sans-serif; color:#1a3e8c; margin-bottom:10px; } .digital-lybrary-search .select_box { float:left; clear:none; margin-bottom:20px; margin-left:10px; position:relative; z-index:9999 } .digital-lybrary-search .select_box:first-child { margin-left:0; } .digital-lybrary-search .select_box .dd { position:relative; margin-right:16px; border-bottom:2px solid #eee; } .digital-lybrary-search .select_box .dd .ddTitle { height:27px; background-color:#f7f8fc; } .digital-lybrary-search .select_box .dd .ddChild { top:28px; } .digital-lybrary-search .select_box .dd .ddChild a { height:27px; line-height:27px; display:block; padding:0; text-decoration:none; color:#8c8c8c; overflow:hidden; white-space:nowrap; cursor:pointer; border-bottom:1px solid #d1dbff; text-indent:6px; } .digital-lybrary-search .select_box .dd .ddTitle .ddTitleText { line-height:27px; } .digital-lybrary-search .select_box .dd .ddTitle .ddTitleText .ddTitleText { text-indent:6px; } .digital-lybrary-search .select_box select { background-color:#fff; color:#8c8c8c; border:0 none; margin:6px 10px 0 4px; width:162px; } .digital-lybrary-search .input01 { display:inline-block; background:#f7f8fc none; border: 0 none; border-bottom:2px solid #ebf0fb; color: #7d7d7d; font-size: 12px; width:425px; height:29px; line-height:29px; padding:0px 10px; margin:0px 30px 0px 0px; vertical-align:middle; position:relative; z-index:100 } .digital-lybrary-search .input01 input { width:425px; border:0 none; height:29px; line-height:29px; background:transparent; color: #7d7d7d; font-size: 12px; } .digital-lybrary-search .input01.error { border-bottom:2px solid #fa4646; } .digital-lybrary-search .error_txt { font-size:11px; color:#fa4646; font-style:italic; position:absolute; bottom:-17px; left:0; padding:0; } .digital-lybrary-search input.buttonOk { display:inline-block; vertical-align:middle; background-color:#ffce00; border:0; line-height:34px; border-bottom:2px solid #ffe88c; font:15px "Open Sans", Arial, Helvetica, sans-serif; color:#77705f; height:34px; padding:4px 12px; } .result-txt { display:block; clear:both; overflow:hidden; padding:20px; } .result-txt p { font:normal 15px Arial, Helvetica, sans-serif; color:#1a3e8c; padding-bottom:10px; margin-bottom:0; } .result-txt p em { font-size:20px; font-weight:bold; font-style:normal; } .result-txt .keyword { display:block; clear:both; overflow:hidden; font:normal 13px Arial, Helvetica, sans-serif; color:#838383; padding-bottom:4px; } .result-txt .keyword em { font-weight:bold; color:#6582e9; font-style:normal; } .result-txt .lang { display:block; clear:both; overflow:hidden; font:normal 13px Arial, Helvetica, sans-serif; color:#838383; } .result-txt .lang em { font-weight:bold; color:#1a3e8c; font-style:normal; } .result-box { display:block; clear:both; overflow:hidden; } .result-tabs { float:left; } .result-tabs ul { display:block; clear:both; overflow:hidden; padding:0; margin:0; } .result-tabs ul li { float:left; color:#6179b1; font:15px "Open Sans",Arial,Helvetica,sans-serif; font-weight:700; list-style:none; padding:0; margin:0px 2px 0px 0px; } .result-tabs ul li a { float:left; color:#6179b1; font:15px "Open Sans",Arial,Helvetica,sans-serif; font-weight:700; background-color:#d7def1; text-decoration:none; padding:0px 30px; height:26px; line-height:26px; text-align:center; } .result-tabs ul li a:hover, .result-tabs ul li a.active { float:left; color:#1a3e8c; background-color:#fff; } .result-list { display:block; clear:both; overflow:hidden; background-color:#fff } .result-list ul { padding:0; margin:0px 0px 5px 0px; display:block; clear:both; overflow:hidden; border-bottom:1px solid #f2f1ef; padding:25px 17px 15px 17px; } .result-list ul li { padding:0px 0px 15px 0px; margin:0; display:block; clear:both; overflow:hidden; list-style:none outside; } .result-list .date { background:url(../Media/date_l_2.png) no-repeat left top; } .result-list ul li h3 { font:bold 15px Arial, Helvetica, sans-serif; color:#002b87; display:block; clear:both; margin-bottom:15px; } .result-list ul li .left { float:left; width:470px; } .result-list ul li .right { float:right; width:120px; text-align:right; } .result-list ul li .tags { float:left; width:470px; } .result-list ul li .tags a { float:left; background-color:#ffeb9c; border-bottom:2px solid #ffe470; border-right:2px solid #ffe470; font:normal 11px "Open Sans", Arial, sans-serif; color:#77705f; padding:0px 7px; cursor:pointer; text-decoration:none; margin-right:2px; margin-bottom:2px; height:19px; line-height:19px; } .result-list ul li .tags a:hover, .result-list ul li .tags a:visited { color:#352e1d; } .result-list ul li a.downloadPdf { display:block; clear:both; overflow:hidden; background:url(../Media/pdf.png) no-repeat left top; height:26px; line-height:26px; width:85px; font-size:13px; color:#383f4d; padding:0px 20px 0px 10px; text-align:left; text-decoration:none; } .result-list ul li a.downloadPdf:hover { background:url(../Media/pdf-over.png) no-repeat left top; } .result-list ul li a.viewPhoto { display:block; clear:both; overflow:hidden; background:url(../Media/photo.png) no-repeat left top; height:26px; line-height:26px; width:85px; font-size:13px; color:#383f4d; padding:0px 20px 0px 10px; text-align:left; text-decoration:none; } .result-list ul li a.viewPhoto:hover { background:url(../Media/photo-over.png) no-repeat left top; } .result-list ul li a.viewVideo { display:block; clear:both; overflow:hidden; background:url(../Media/video.png) no-repeat left top; height:26px; line-height:26px; width:85px; font-size:13px; color:#383f4d; padding:0px 20px 0px 10px; text-align:left; text-decoration:none; } .result-list ul li a.viewVideo:hover { background:url(../Media/video-over.png) no-repeat left top; }