/******************************************************************************/ /* Liferay */ /******************************************************************************/ /* Global */ a { color: #C80000; text-decoration: none; font-size: 0.8em; } a:hover { text-decoration: underline; font-size: 0.8em; } body { background-color: #FFFFFF; border: 0; margin: 0; padding: 0; text-align: center; font-family: "Franklin Gothic Book",Arial; font-size: 0.7em; /*76%*/ color: #5B5E5C; } body * { } .font-xx-small { font-size: 0.7em; } .font-x-small { font-size: 0.8em; } .font-small { font-size: 0.9em; } .font-large { font-size: 1.1em; } .font-x-large { font-size: 1.3em; } .font-xx-large { font-size: 1.5em; } form { margin: 0; padding: 0; } select { border-color: #CCCCCC; border-style: solid; border-width: 1px; } ul { list-style-type: none; list-style-image: url(/html/themes/sidsa_red/images/custom/bullet.gif); margin: 5px 0 10px 15px; padding: 0; } img { border: 0; margin: 0; padding: 0 } input, button, select { font-size: 0.8em; } textarea { font-size: 0.9em; } .form-button { background-color: #FFFFFF; border-color: #C80000; border-style: solid; border-width: 1px; } .form-button-hover { border-bottom: solid 1px #C80000; border-left: solid 1px #FFFFFF; border-right: solid 1px #C80000; border-top: solid 1px #FFFFFF; } .form-text { border-color: #CCCCCC; border-style: solid; border-width: 1px; } .tree-js-pop-up DIV { background-color: #D3D3D3; border: 2px Outset #FFFFFF; display: none; padding: 4; position: absolute; text-align: left; z-index: 10; } .pop-up-outer { border: 1px solid #383838; background-color: #FFFFFF; } .pop-up-inner { border: 1px solid #747474; } .pop-up-header { background-color: #000000; height: 25px; } .pop-up-title { color: #FFFFFF; font-weight: bold; padding-left: 10px; } .pop-up-close a { color: #FFFFFF; margin-right: 7px; white-space: nowrap; text-decoration: underline; } /* Alpha */ .alpha { background-color: #C80000; } .alpha-neg-alert { color: #FF0000; } .alpha-pos-alert { color: #007F00; } .alpha-separator { background: url(/html/themes/sidsa_red/images/custom/dotted-horizontal.gif) scroll repeat-x; height: 1px; font-size: 0; } A.alpha { background: none; color: #5B5E5C; text-decoration: none; } A.alpha:hover { color: #5B5E5C; text-decoration: underline; } FONT.alpha { background: none; color: #FFFFFF; } /* Beta */ .beta { background-color: #FFFFFF; } .beta-neg-alert { color: #FF0000; } .beta-pos-alert { color: #007F00; } .beta-separator { background: url(/html/themes/sidsa_red/color_schemes/01/portlet_menu_bg_x.gif) repeat-x; height: 1px; font-size: 0; } A.beta { background: none; color: #5B5E5C; text-decoration: none; } A.beta:hover { color: #5B5E5C; text-decoration: underline; } FONT.beta { background: none; color: #C80000; } /* Gamma */ .gamma { background-color: #FFFFFF; } .gamma-gradient { background: url(/html/themes/sidsa_red/color_schemes/01/portlet_bg_x.gif) repeat-x; } .gamma-neg-alert { color: #FF0000; } .gamma-pos-alert { color: #007F00; } .gamma-tab { border-bottom: 1px solid #FFFFFF; margin-left: 0px; margin-top: 0px; margin-bottom: 15px; margin-right: 0px; padding-bottom: 27px; padding-left: 0px; } .gamma-tab ul, .gamma-tab li { background: #F6F6F6; border: 1px solid #CCCCCC; border-bottom: 1px solid #FFFFFF; color: #CCCCCC; display: inline; float: left; line-height: 22px; list-style-type: none; margin-right: 8px; padding: 2px 10px 2px 10px; text-decoration: none; } .gamma-tab ul.current, .gamma-tab li.current { background: #FFFFFF; border: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; color: #5B5E5C; } .gamma-tab li a { color: #777777; } .gamma-tab li.current a { color: #5B5E5C; } .gamma-tab li.toggle { background: none; border: 0px; float: right; margin-right: 0px; padding-right: 0px; } A.gamma { background: none; color: #5B5E5C; text-decoration: none; } A.gamma:hover { color: #5B5E5C; text-decoration: underline; } FONT.gamma { background: none; color: #5B5E5C; } /* Bg */ .bg { background-color: #FFFFFF; } .bg-neg-alert { color: #FF0000; } .bg-pos-alert { color: #007F00; } A.bg { background: none; color: #5B5E5C; text-decoration: none; } A.bg:hover { color: #5B5E5C; text-decoration: underline; } FONT.bg { color: #C80000; } /******************************************************************************/ /* Liferay Layout CSS */ /******************************************************************************/ #layout-outer-side-decoration { margin: 0 auto 0 auto; } #layout-inner-side-decoration { border: 2px solid #C80000; } #layout-box { text-align: center; width: 100%; height: 70px; } #layout-top-banner { background: url(/html/themes/sidsa_red/images/custom/banner-middle.png) scroll repeat-x; position: relative; text-align: left; z-index: 3; } #portal-dock { position: absolute; right: 10px; top: 25px; height: 54px; width: 54px; z-index:10; } #portal-dock-title { text-align: right; height: 25px; position: absolute; right: 10px; top: 0; z-index:20; } .portal-dock-box { cursor: pointer; font-size: 0; height: 54px; padding: 2px; position: absolute; width: 54px; top: 0; left: 0; } .portal-dock-box div { background-color: #FFFFFF; } #layout-top-banner-left { background: url(/html/themes/sidsa_red/images/custom/banner-left.png) scroll no-repeat top left; } #layout-top-banner-right { background: url(/html/themes/sidsa_red/images/custom/banner-right.png) scroll no-repeat top right; height: 100px; } #layout-top-logo { position: absolute; background: url(/html/themes/sidsa_red/images/custom/head.png); height: 194px; top: 10px; } #layout-top-margin { position: absolute; background: url(/html/themes/sidsa_red/images/custom/tab_head.gif) scroll repeat-x; height: 10px; top: 10px; } #layout-company-logo { position: absolute; top: 10px; left: 10px; } #layout-user-menu { text-align: left; padding-left: 10px; position: absolute; top: 10px; left: 220px; } #layout-global-search { position: absolute; right: 20px; top: 40px; } #layout-my-places { position: absolute; right: 20px; top: 43px; z-index: 3; } .layout-my-places { cursor: pointer; border: 1px solid #909090; padding: 2px; } .layout-my-places-arrow { background-color: #909090; padding: 2px; } .layout-my-places-text-size { font-size: 0.9em; } #layout-my-places ul { background-color: #FFFFFF; border: 1px solid #C80000; cursor: pointer; list-style-image: none; position: absolute; text-align: left; right: 0; margin: 0; font-size: 0.9em; } #layout-my-places ul li { padding: 2px; white-space: nowrap; } #nav-tab-container table tr td.layout-nav-tabs-left { background: url(/html/themes/sidsa_red/images/custom/nav-left.png) scroll no-repeat top right; height:20px; } #nav-tab-container-selected table tr td.layout-nav-tabs-left { background: url(/html/themes/sidsa_red/images/custom/nav-left-sel.png) scroll no-repeat top right; height:20px; } #nav-tab-container table tr td.layout-nav-tabs-right { background: url(/html/themes/sidsa_red/images/custom/nav-right.png) scroll no-repeat top right; height:20px; } #nav-tab-container-selected table tr td.layout-nav-tabs-right { background: url(/html/themes/sidsa_red/images/custom/nav-right-sel.png) scroll no-repeat top right; height:20px; } #layout-nav-container a:link { text-decoration: none} #layout-nav-container a:visited { text-decoration: none} #layout-nav-container a:active { text-decoration: none} #layout-nav-container a:hover { text-decoration: none} #layout-nav-container { padding: 0px 110px 0px 360px; position: relative; float:right; top: 6px; } .layout-nav-tabs-box { background: url(/html/themes/sidsa_red/images/custom/nav-bg.png) scroll repeat-x; position: relative; height:20px; width: 300px; } .layout-nav-tabs-box table { height: 20px; } #nav-tab-container-selected table tr td.layout-tab-selected { background: url(/html/themes/sidsa_red/images/custom/nav-selected.png) scroll repeat-x; height:20px; } #nav-tab-container-selected a { color:#FFFFFF; font-family:arial; font-size: 0.7em; font:bold; } #nav-tab-container table tr td.layout-tab-selected { background: url(/html/themes/sidsa_red/images/custom/nav-spacer.png) scroll repeat-x; height:20px; } #nav-tab-container a { color:#CC0000; font-family:arial; font-size: 0.7em; font:bold; } .layout-column-spacer { background: url(/html/themes/sidsa_red/images/custom/column-bevel.png) scroll repeat-y center; height:20px; } .layout-column-spacer div { width: 12px; } #layout-content { margin: 0 3px 0 3px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } #layout-content-box { border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background-color: #ffffff; padding: 10px 0 10px 0; } #layout-content-inner-decoration { padding: 0 5px 0 5px; } #layout-content-container { width: 100%; } /* Column Layout */ .layout-blank-portlet { clear: both; font-size: 0px; } #layout-bottom-container { background: url(/html/themes/sidsa_red/images/custom/bottom-middle.png) scroll repeat-x; color: #858585; position: relative; text-align: left; width: 100%; } #layout-bottom-container a { color: #858585; } #layout-bottom-container span { position: relative; top: 6px; left: 10px; } #layout-bottom-left { background: url(/html/themes/sidsa_red/images/custom/bottom-left.png) scroll no-repeat top left; } #layout-bottom-right { background: url(/html/themes/sidsa_red/images/custom/bottom-right.png) scroll no-repeat top right; height: 26px; } #layout-bottom-container span { margin-left: 3px; } #layout-language-select { position: absolute; z-index: 15; right: 5px; top: 15px; } #layout-language-select A { color: #000000; text-transform: capitalize; } .portal-add-content { background-color: #FFFFFF; border: 3px solid #C80000; padding: 8px; } .portal-tool-tip { background-color: #FFFFCC; border: 1px solid #000000; padding: 2px; font-size: 1.1em; } .layout-column-arrow-up { background-image: url(/html/themes/sidsa_red/images/arrows/arrow-up.png); font-size: 0; position: absolute; height: 48px; width: 40px; } .layout-column-arrow-down { background-image: url(/html/themes/sidsa_red/images/arrows/arrow-down.png); font-size: 0; position: absolute; height: 48px; width: 40px; } #layout-column-0, #layout-column_column-1-0, #layout-column_column-1-1, #layout-column_column-1, #layout-column_column-2, #layout-column_column-3, #layout-column_column-4, #layout-column_column-5, #layout-column_column-2-1, #layout-column_column-2-2, #layout-column_column-2-3, #layout-column_column-4-1, #layout-column_column-4-2, #layout-column_column-4-3 { min-height: 10px; width:100%; } .layout-column-highlight { background: url(/html/themes/sidsa_red/images/common/diagonal-lines.gif) scroll repeat; //width:100%; } /******************************************************************************/ /* Portlet CSS */ /******************************************************************************/ /* Liferay Portlet */ .portlet-dragging-placeholder { background-color: #FFFFFF; } #portlet-place-holder DIV { background-color: #FFFFFF; } .portlet-loading { background: url(/html/themes/sidsa_red/images/progress_bar/loading_animation.gif) no-repeat top left; margin-top: 10px; padding-top: 40px; text-align: left; } .portlet-shadow-tl div { background-image: url(/html/themes/sidsa_red/images/shadow/portlet-tl.png); font-size: 0; height: 16px; width: 16px; } .portlet-shadow-tc { background-image: url(/html/themes/sidsa_red/images/shadow/portlet-t.png); height: 16px; } .portlet-shadow-tr div { background-image: url(/html/themes/sidsa_red/images/shadow/portlet-tr.png); font-size: 0; height: 16px; width: 16px; } .portlet-shadow-ml { background-image: url(/html/themes/sidsa_red/images/shadow/portlet-l.png); width: 16px; } .portlet-shadow-mr { background-image: url(/html/themes/sidsa_red/images/shadow/portlet-r.png); width: 16px; } .portlet-shadow-bl div { background-image: url(/html/themes/sidsa_red/images/shadow/portlet-bl.png); font-size: 0; height: 16px; width: 16px; } .portlet-shadow-bc { background-image: url(/html/themes/sidsa_red/images/shadow/portlet-b.png); background-repeat: repeat-x; vertical-align: bottom; height: 16px; } .portlet-shadow-br div { background-image: url(/html/themes/sidsa_red/images/shadow/portlet-br.png); font-size: 0; height: 16px; width: 16px; } .portlet-container { position: relative; } .portlet-box { } .portlet-content { font-size: 0.8em; padding : 0px 0px 0px 0px; } .portlet-header-bar { height: 30px; position: relative; text-align: left; z-index: 10; } .portlet-title { position: relative; background: url(/html/themes/sidsa_red/images/custom/header-left.png) no-repeat top left; width: 100%; top: 0px; left: 0px; } .portlet-title DIV { background: url(/html/themes/sidsa_red/images/custom/header-right.png) no-repeat top right; } .portlet-title DIV DIV { background: url(/html/themes/sidsa_red/images/custom/header-middle.png) repeat-x; font-size: 0; height: 30px; margin: 0 10px 0 10px; } .portlet-title-text { color: #FFFFFF; font-family: "Franklin Gothic Book",Arial; font-size: 0.7em; /*100%*/ left: 10px; position: absolute; top: 6px; width: 100%; } .portlet-borderless-container { position: relative; //width: 100%; } .portlet-borderless-bar { text-align: left; } .portlet-small-icon-bar { height: 17px; padding: 3px 10px 0 0; position: absolute; right: 0; text-align: right; top: 2px; z-index: 2; width: 70%; } /* Fonts */ .portlet-font { color: #5B5E5C; font-size: 0.7em; } .portlet-font A { color: #5B5E5C; font-size: 0.7em; } .portlet-font-dim { color: #5B5E5C; font-size: 0.7em; } /* Messages */ .portlet-msg-status { color: #000000; font-style: italic; } .portlet-msg-info { color: #000000; } .portlet-msg-error { color: #FF0000; } .portlet-msg-alert { color: #FF0000; font-style: italic; } .portlet-msg-success { color: #007F00; } /* Sections */ .portlet-section-header { background: #FFFFFF; color: #C80000; font-weight: bold; } .portlet-section-header A { color: #C80000; } .portlet-section-body { color: #C80000; background: #FFFFFF; } .portlet-section-body-hover, TR.portlet-section-body:hover { color: #C80000; background: #F5F7BB; } .portlet-section-body A { color: #C80000; } .portlet-section-body-hover A, TR.portlet-section-body:hover A { color: #C80000; } .portlet-section-alternate { color: #C80000; background: #FFFFFF; } .portlet-section-alternate-hover, TR.portlet-section-alternate:hover { color: #C80000; background: #F5F7BB; } .portlet-section-alternate A { color: #C80000; } .portlet-section-alternate-hover A, TR.portlet-section-alternate:hover A { color: #C80000; } .portlet-section-selected { color: #C80000; background: #FFFFFF; } .portlet-section-selected-hover, TR.portlet-section-selected:hover { color: #C80000; background: #F5F7BB; } .portlet-section-selected A { color: #C80000; } .portlet-section-selected-hover A, TR.portlet-section-selected:hover A { color: #C80000; } .portlet-section-subheader { background: #FFFFFF; color: #C80000; padding: 2px; } .portlet-section-footer { color: #C80000; } .portlet-section-text { color: #C80000; } /* Forms */ .portlet-form-label { color: #5B5E5C; font-size: 0.7em; } .portlet-form-input-field { border-color: #CCCCCC; border-style: solid; border-width: 1px; font-size: 0.7em; } .portlet-form-button { background-color: #FFFFFF; border-color: #C80000; border-style: solid; border-width: 1px; } .portlet-icon-label { color: #5B5E5C; } .portlet-dlg-icon-label { color: #5B5E5C; } .portlet-form-field-label { color: #5B5E5C; font-size: 0.7em; } .portlet-form-field { color: #5B5E5C; font-size: 0.7em; } /******************************************************************************/ /* Display Tag Library */ /******************************************************************************/ TR.even { background-color: #FFFFFF; color: #000000; } TR.odd { background-color: #FFFFFF; color: #000000; } .message-board-thread-body A { text-decoration: underline; } /* Root = Horizontal, Secondary = Vertical */ #navmenu-container-spacer { position:relative; height: 30px; } #navmenu-container { position:relative; z-index: 3; } ul#navmenu { margin: 0; border: 0 none; padding: 0; width: 780px; /*For KHTML*/ list-style: none; height: 30px; } ul#navmenu li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 24px; width:130px; } ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 24px; left: 0; } ul#navmenu ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#navmenu ul li { width: 160px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ } /* Root Menu */ ul#navmenu a { border: 1px solid #FFF; border-right-color: #CCC; border-bottom-color: #CCC; padding: 0 6px; float: none; /*For Opera*/ /*float: left; For IE*/ display: block; background: #DF353C; color: #FFFFFF; font: bold 12px/22px "Franklin Gothic Book", Arial, Verdana, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ //width:100%; } /* Root Menu Hover Persistence */ ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: #C80000; color: #FFF; } /* 2nd Menu */ ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; background: #C80000; color: #FFF; } /* 2nd Menu Hover Persistence */ ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background: #999999; /*Antes #CCC*/ color: #FFF; } /* 3rd Menu */ ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { background: #EEE; color: #666; } /* 3rd Menu Hover Persistence */ ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { background: #999999; /*Antes #CCC*/ color: #FFF; } /* 4th Menu */ ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a { background: #EEE; color: #666; } /* 4th Menu Hover */ ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #999999; /*Antes #CCC*/ color: #FFF; } ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 160px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; } ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; } /************ ICNET **********/ /*** NEWS-BANNER-BOX *********/ .news-banner-box1 { position:relative; height:100px; min-width:200px; } .news-banner-box1-border-top { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box1-tl.png) no-repeat top left ; position: absolute; top: 0px; left: 0px; width: 100%; } .news-banner-box1-border-top div { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box1-tr.png) no-repeat bottom right; position: relative; top: 0px; right: 0px; } .news-banner-box1-border-top div div { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box1-background.png) repeat; height: 20px; margin: 0 20px 0 20px; } .news-banner-box1-border-bottom { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box1-bl.png) no-repeat bottom left ; position: absolute; bottom: 0px; left: 0px; width: 100%; } .news-banner-box1-border-bottom div { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box1-br.png) no-repeat bottom right; position: relative; bottom: 0px; right: 0px; } .news-banner-box1-border-bottom div div { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box1-background.png) repeat; height: 20px; margin: 0 20px 0 20px; } .news-banner-box1-title { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box1-title.png) top left repeat-y; position:absolute; top:0; left:20px; width: 60%; height: 20px; margin: 0px 20px 0px 0px; z-index: 10; } .news-banner-box1-title-text { position:absolute; top:2px; left:10px; z-index: 30; } .news-banner-box1-title-text a { color: #C80000; font-family: "Franklin Gothic Book", Arial; font-weight: bold; font-size: 0.7em; } .news-banner-box1-content { position: absolute; top:20px; left:0px; background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box1-background.png) repeat; width: 100%; height:65px; } .news-banner-box1-content-text { position:absolute; top:25px; left:10px; width: 70%; z-index:30; } .news-banner-box1-content-text a { color: #C80000; font-family: "Franklin Gothic Book", Arial; font-size: 0.7em; } .news-banner-box1-readmore-link { position: absolute; bottom:3px; right:25px; z-index: 20; } .news-banner-box1-readmore-link a { color: #FFFFFF; font-family: "Franklin Gothic Book", Arial; font-weight: bold; font-size: 0.7em; } .news-banner-box1-readmore { position:absolute; background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box1-readmore.png) no-repeat bottom right; bottom:0px; right:0px; width: 105px; height:50px; z-index: 10; } .news-banner-icon1 { position: absolute; right:20px; bottom:20px; width: 52px; height:60px; background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-icon1.png) no-repeat bottom right; z-index: 20; } .news-banner-box2 { position:relative; height:100px; min-width:200px; } .news-banner-box2-border-top { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box2-tl.png) no-repeat top left ; position: absolute; top: 0px; left: 0px; width: 100%; } .news-banner-box2-border-top div { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box2-tr.png) no-repeat bottom right; position: relative; top: 0px; right: 0px; } .news-banner-box2-border-top div div { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box2-background.png) repeat; height: 20px; margin: 0 20px 0 20px; } .news-banner-box2-border-bottom { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box2-bl.png) no-repeat bottom left ; position: absolute; bottom: 0px; left: 0px; width: 100%; } .news-banner-box2-border-bottom div { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box2-br.png) no-repeat bottom right; position: relative; bottom: 0px; right: 0px; } .news-banner-box2-border-bottom div div { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box2-background.png) repeat; height: 20px; margin: 0 20px 0 20px; } .news-banner-box2-title { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box2-title.png) top left repeat-y; position:absolute; top:0; left:20px; width: 60%; height: 20px; margin: 0px 20px 0px 0px; z-index: 10; } .news-banner-box2-title-text { position:absolute; top:2px; left:10px; z-index: 30; } .news-banner-box2-title-text a { color: #C80000; font-family: "Franklin Gothic Book", Arial; font-weight: bold; font-size: 0.7em; } .news-banner-box2-content { position: absolute; top:20px; left:0px; background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box2-background.png) repeat; width: 100%; height:65px; } .news-banner-box2-content-text { position:absolute; top:25px; left:10px; width: 70%; z-index:30; } .news-banner-box2-content-text a { color: #C80000; font-family: "Franklin Gothic Book", Arial; font-size: 0.7em; } .news-banner-box2-readmore-link { position: absolute; bottom:3px; right:25px; z-index: 20; } .news-banner-box2-readmore-link a { color: #FFFFFF; font-family: "Franklin Gothic Book", Arial; font-weight: bold; font-size: 0.7em; } .news-banner-box2-readmore { position:absolute; background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box2-readmore.png) no-repeat bottom right; bottom:0px; right:0px; width: 105px; height:50px; z-index: 10; } .news-banner-icon2 { position: absolute; right:20px; bottom:20px; width: 52px; height:60px; background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-icon2.png) no-repeat bottom right; z-index: 20; } .news-banner-box3 { position:relative; height:100px; min-width:200px; } .news-banner-box3-border-top { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box3-tl.png) no-repeat top left ; position: absolute; top: 0px; left: 0px; width: 100%; } .news-banner-box3-border-top div { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box3-tr.png) no-repeat bottom right; position: relative; top: 0px; right: 0px; } .news-banner-box3-border-top div div { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box3-background.png) repeat; height: 20px; margin: 0 20px 0 20px; } .news-banner-box3-border-bottom { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box3-bl.png) no-repeat bottom left ; position: absolute; bottom: 0px; left: 0px; width: 100%; } .news-banner-box3-border-bottom div { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box3-br.png) no-repeat bottom right; position: relative; bottom: 0px; right: 0px; } .news-banner-box3-border-bottom div div { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box3-background.png) repeat; height: 20px; margin: 0 20px 0 20px; } .news-banner-box3-title { background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box3-title.png) top left repeat-y; position:absolute; top:0; left:20px; width: 60%; height: 20px; margin: 0px 20px 0px 0px; z-index: 10; } .news-banner-box3-title-text { position:absolute; top:2px; left:10px; z-index: 30; } .news-banner-box3-title-text a { color: #C80000; font-family: "Franklin Gothic Book", Arial; font-weight: bold; font-size: 0.7em; } .news-banner-box3-content { position: absolute; top:20px; left:0px; background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box3-background.png) repeat; width: 100%; height:65px; } .news-banner-box3-content-text { position:absolute; top:25px; left:10px; width: 70%; z-index:30; } .news-banner-box3-content-text a { color: #C80000; font-family: "Franklin Gothic Book", Arial; font-size: 0.7em; } .news-banner-box3-readmore-link { position: absolute; bottom:3px; right:25px; z-index: 20; } .news-banner-box3-readmore-link a { color: #FFFFFF; font-family: "Franklin Gothic Book", Arial; font-weight: bold; font-size: 0.7em; } .news-banner-box3-readmore { position:absolute; background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-box3-readmore.png) no-repeat bottom right; bottom:0px; right:0px; width: 105px; height:50px; z-index: 10; } .news-banner-icon3 { position: absolute; right:20px; bottom:20px; width: 52px; height:60px; background: url(/html/themes/sidsa_red/images/templates/banner-box/news-banner-icon3.png) no-repeat bottom right; z-index: 20; }