/* ---------------------------------------------------------------------------------- Master CSS by: John Ryan Acoba User Interface Designer ---------------------------------------------------------------------------------- */ /* ------------------------------ Reset ------------------------------ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body {line-height: 1;} ol, ul {list-style: none; padding:10px 0;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} /* ------------------------------ Global ------------------------------ */ @charset "utf-8"; * {margin: 0; padding: 0;} html {background:#000;} /* body {background: #000; border-left: 1px solid #363533; border-right: 1px solid #363533; font: normal 0.9em/1.5em Arial, Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif; color: #fff; margin: 0 auto; padding:inherit; width: 957px !important; min-width: 960px !important; position: relative !important; width:957px; position: relative !important;} */ body {font: normal 0.9em/1.5em Arial, Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif; color: #fff; margin: 0 auto; padding: 0; width: 960px !important; min-width: 962px !important; background: #000 !important;} #a-container {background: #000 !important; border-left: 1px solid #363533; border-right: 1px solid #363533; margin: 0 auto; padding: 0; width: 957px !important; min-width: 960px !important;} #b-container {background: #1a171b !important; border-left: 1px solid #363533; border-right: 1px solid #363533; margin: 0 auto; padding-bottom: 10px; width: 957px !important; min-width: 960px !important;} #corporateHomebar .clear { margin: 0; padding: 0; clear: both; height: 0; overflow: hidden; } /* ------------------------------ Header Content ------------------------------ */ /* .header { height: 137px; display: block; clear: both;} */ .header img {display: none;} .header .cup_block a {width: 175px; height: 50px; float: left; margin: 16px 0 0 20px; padding: 0;} .header .page_branding h1 a {width: 470px; height: 100px; float: right; text-indent: -999em; margin: 15px 20px; padding: 0;} #a-header {background:url(../images/header.png) 0 0 !important; no-repeat; height: 137px; display:block; clear: both; width:957px;} #b-header {background:url(../images/sprites.png) 0 0 !important; no-repeat; height: 137px; display:block; clear: both;} /*FOR STRATEGIC HRM*/ #c-header {background:url(../images/sprites.png) 0 -587px !important; no-repeat; height: 137px; display:block; clear: both;} /*FOR STRATEGIC MANAGEMENT*/ #d-header {background:url(../images/sprites.png) 0 -1169px !important; no-repeat; height: 137px; display:block; clear: both;} /* ------------------------------ Main Content ------------------------------ */ div.icons-container { /* padding-top:25px; padding-bottom:25px; padding-right:50px; */ padding-left:20px; position:fixed !important; } .maincontent { width:957px;} .maincontent .info-container { width:430px; margin:0 auto;} .maincontent .info-container p { margin-bottom:15px;} .maincontent .info-container .skyblueText { color:#1aacdf; font-weight:bold;} .maincontent .info-container .whiteText { color:#fff; font-weight:bold;} .maincontent .l-sidebar { background:url(../images/Sprite_Table.jpg) 0 0 no-repeat; width:220px; height:304px; float:left; padding:10px; margin-left:29px; margin-top:10px; position:absolute;} .maincontent .r-sidebar { background:url(../images/Sprite_Table.jpg) 0 0 no-repeat; width:220px; height:304px; float:right; padding:10px; margin-right:15px; margin-top:10px;} .maincontent .l-sidebar h2, .maincontent .r-sidebar h2 { color:#1aacdf; font-size:13px; } .maincontent .r-sidebar p { font-size:100%; padding-right:inherit;} /* new style for r-sidebar text content */ .maincontent .l-sidebar a, .maincontent .r-sidebar a { color:#fff; text-decoration:underline;} .maincontent .l-sidebar a:hover, .maincontent .r-sidebar a:hover { color:#1aacdf; text-decoration:underline; } .maincontent .icons-container{ float:left; width:400px;} .maincontent .icons-container ul li { text-indent:-99999px;} .maincontent .icons-container ul li { display:inline; float: left;} .maincontent .icons-container ul li .is-icon { background:url(../images/Sprite_Icon-Hover.jpg) -9px -5px no-repeat; width:90px; height:90px; display:block; margin:5px; } /*very good*/ .maincontent .icons-container ul li .sfm-icon { background:url(../images/Sprite_Icon-Hover.jpg) -109px -5px no-repeat; width:90px; height:90px; display:block; margin:5px; } /*very good*/ .maincontent .icons-container ul li .a-icon { background:url(../images/Sprite_Icon-Hover.jpg) -207px -5px no-repeat; width:90px; height:90px; display:block; margin:5px; } /*very good*/ .maincontent .icons-container ul li .sh-icon { background:url(../images/Sprite_Icon-Hover.jpg) -308px -5px no-repeat; width:90px; height:90px; display:block; margin:5px; } /*very good*/ /*.maincontent .icons-container ul li .bethics-icon { background:url(../images/sprite.jpg) -238px -111x no-repeat; width:85px; height:85px; display:block; margin:5px;} */ .maincontent .icons-container ul li .bethics-icon { background:url(../images/Sprite_Icon-Hover.jpg) -9px -214px no-repeat; width:90px; height:90px; display:block; margin:5px;} .maincontent .icons-container ul li .beco-icon { background:url(../images/Sprite_Icon-Hover.jpg) -109px -214px no-repeat; width:90px; height:90px; display:block; margin:5px;} .maincontent .icons-container ul li .ib-icon { background:url(../images/Sprite_Icon-Hover.jpg) -207px -214px no-repeat; width:90px; height:90px; display:block; margin:5px;} .maincontent .icons-container ul li .l-icon { background:url(../images/Sprite_Icon-Hover.jpg) -309px -214px no-repeat; width:90px; height:90px; display:block; margin:5px;} .maincontent .icons-container ul li .sm-icon { background:url(../images/Sprite_Icon-Hover.jpg) -9px -410px no-repeat; width:90px; height:90px; display:block; margin:5px; } .maincontent .icons-container ul li .cg-icon { background:url(../images/Sprite_Icon-Hover.jpg) -109px -410px no-repeat; width:90px; height:90px; display:block; margin:5px;} .maincontent .icons-container ul li .om-icon { background:url(../images/Sprite_Icon-Hover.jpg) -207px -410px no-repeat; width:90px; height:90px; display:block; margin:5px;} .maincontent .icons-container ul li .e-icon { background:url(../images/Sprite_Icon-Hover.jpg) -309px -410px no-repeat; width:90px; height:90px; display:block; margin:5px;} /* ------------------------------ Button Hover ------------------------------ */ /* #is-icon a:hover{background: url('../images/sprite-hover.png') -238 -220px;} */ /*very good*/ /* #sfm-icon a:hover{background: url('../images/sprite-hover.png') -338px -114px;} */ /*very good*/ #a-icon a:hover{background: url('../images/Sprite_Icon-Hover.jpg') -617px -111px;} /*very good*/ #sh-icon a:hover{background: url('../images/Sprite_Icon-Hover.jpg') -308px -111px;} /*very good*/ /* #bethics-icon a:hover{background: url('../images/sprite-hover.png') -238 -111px;} */ /*very good*/ /* #beco-icon a:hover{background: url('../images/sprite-hover.png') -338px -309px;} */ /*very good*/ /* #ib-icon a:hover{background: url('../images/sprite-hover.png') -91px -111x;} */ /*very good*/ /* #l-icon a:hover{background: url('../images/sprite-hover.png') -539px -309px;} */ /*very good*/ /* #sm-icon a:hover{background: url('../images/Sprite_Icon-Hover.jpg') -10px -515px;} */ /*very good*/ /* #cg-icon a:hover{background: url('../images/sprite-hover.png') -338px -516px;} */ /*very good*/ /* #om-icon a:hover{background: url('../images/sprite-hover.png') -438px -516px;} */ /*very good*/ /* #e-icon a:hover{background: url('../images/sprite-hover.png') -538px -516px;} */ /*very good*/ /* ------------------------------ Footer Content ------------------------------ */ .footer {background: #363533; font-size: 80%; color: #fff; /*margin: 25px 0 0 0; */ padding: 0; display: block; clear: both;} .footer div {margin: 0 auto; padding: 0; overflow: hidden; min-width: 960px !important;} .footer ul {margin: 0; padding: 13px 10px; float: left; width: 60%;} .footer ul li {list-style-type: none; display: inline;} .footer ul li a {color: #fff; text-decoration: none;} .footer ul li a:hover {text-decoration: underline;} .footer span.cup_shield {background: url(../images/cup_footer.png) no-repeat; width: 169px; height: 35px; float: right; margin: 7px 25px ; padding: 0;} .footer img {display: none;} /* -------------------------------------- corporateHomebar Andrew Maison, Feb 2011 -------------------------------------- */ #corporateHomebar { margin: 0; padding: 5px 0 4px 0; background: #fff; width: 100%; line-height: normal !important; font-weight: 700 !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 11px !important; /* note: you may need to modify the font size as it will inherit any size specified on your website's element */ min-width: 960px; position: static;} #corporateHomebar a:link, #corporateHomebar a:visited { color: #666 !important; font-weight: 700 !important; text-decoration: none !important;} #corporateHomebar a:hover, #corporateHomebar a:active { color: #3399cc !important; font-weight: 700 !important; text-decoration: underline !important;} #corporateHomebar .clear { margin: 0; padding: 0; clear: both; height: 0; overflow: hidden; } /* -------------------------------------- corporateHomebar portal homepage link -------------------------------------- */ #corporateHomebarPortalLink {float: left; } #corporateHomebarPortalLink a:link, #corporateHomebarPortalLink a:visited { padding: 0 0 0 25px; background: url(../images/corporateHomeIcon.gif) 8px 0 no-repeat; display: block;} #corporateHomebarPortalLink a:hover, #corporateHomebarPortalLink a:active { background: url(../images/corporateHomeIconHover.gif) 8px 0 no-repeat; display: block;} /* -------------------------------------- utilities -------------------------------------- */ #corporateHomebarTools {float: right; } #corporateHomebarTools #utilities { float: left; } #corporateHomebarTools #utilities ul, #corporateHomebarTools #utilities ul li {float: left; list-style: none; margin: 0; padding: 0;} #corporateHomebarTools #utilities ul li { margin: 0; padding: 0 7px; border-right: 1px solid #ccc; } #corporateHomebarTools #utilities ul li a:link, #corporateHomebarTools #utilities ul li a:visited { display: block; float: left;} #corporateHomebarTools #utilities ul li a:hover, #corporateHomebarTools #utilities ul li a:active { } #corporateHomebarTools #utilities ul li.utilityMyBasket a:link, #corporateHomebarTools #utilities ul li.utilityMyBasket a:visited { background: url(../images/corporateBasketIcon.gif) no-repeat 100% 50% ; padding-right: 24px;} #corporateHomebarTools #utilities ul li.utilityMyBasket a:hover, #corporateHomebarTools #utilities ul li.utilityMyBasket a:active { background: url(../images/corporateBasketIconHover.gif) no-repeat 100% 50%; padding-right: 24px;} /* -------------------------------------- corporateHomebar - country select -------------------------------------- */ #corporateHomebarTools #countrySelect { margin: 0 10px 0 5px; padding: 0px 0 0px 5px; float: left; } #corporateHomebarTools #countrySelect ul { list-style: none; margin: 0; padding: 0;} #corporateHomebarTools #countrySelect ul li { margin: 0 0 0 3px; display: inline; } #corporateHomebarTools #countrySelect ul li a:link, #corporateHomebarTools #countrySelect ul li a:visited { padding: 0 0 0 3px; color: #666;} /*a.a-link a:hover{background: url('../images/Sprite_Icon-Hover.jpg') -617px -111px;} a.sh-link a:hover{background: url('../images/Sprite_Icon-Hover.jpg') -308px -111px;} */ /* style of left side */ .item {width:215px;} .item a{text-align:left;display:block;text-decoration:underline;} .fake a{text-align:left;display:block;text-decoration:underline; color:#fff;} /*.item a:hover {color:#fff!important}*/ /*TEXT2 Hover from button effect*/ /* #id2 a { color:#FFF;} #id2 a:hover,#fakeDiv2 a { color:#1aacdf;} */ #id3 a { color:#FFF;} #id3 a:hover,#fakeDiv3 a { color:#1aacdf; background:url(../images/table-sprite.png) -10px -20px no-repeat;} #id4 a {color:#FFF;} #id4 a:hover,#fakeDiv4 a {color:#1aacdf; background:url(../images/table-sprite.png) -10px -40px no-repeat;} #id9 a {color:#FFF;} #id9 a:hover,#fakeDiv9 a {color:#1aacdf; background:url(../images/table-sprite.png) -10px -78px no-repeat;} /* #id5 a { color:green } #id5 a:hover,#fakeDiv3 a { background:green} */ #id6 a {color:#FFF;} #id6 a:hover,#fakeDiv6 a {color:#1aacdf;} /*right side div and links styling*/ /*PRE-HOVER of button*/ #rightDiv {background:#000; position:absolute;left:250px;top:0;height:300px;width:400px; float:left; } /* border:1px solid #fff; */ /* #rightDiv .is-icon { background:url(../images/Icons/a-icon.png) no-repeat;position:absolute;left:0;top:0;width:100px;height:100px;cursor:pointer } #rightDiv .sfm-icon { background:url(../images/Icons/sh-icon.png) no-repeat;position:absolute;left:0;top:0;width:100px;height:100px;cursor:pointer } */ #rightDiv .is-icon { background:url(../images/icons-sprite.png) -0px -0px no-repeat;position:absolute;left:0;top:0;width:100px;height:100px;cursor:pointer; } #rightDiv .sfm-icon { background:url(../images/icons-sprite.png) -100px -0px no-repeat;position:absolute;left:0;top:0;width:100px;height:100px;cursor:pointer; } #rightDiv .a-icon { background:url(../images/icons-sprite.png) -200px -0px no-repeat;position:absolute;left:0;top:0;width:100px;height:100px;cursor:pointer; } #rightDiv .sh-icon { background:url(../images/icons-sprite.png) -300px -0px no-repeat;position:absolute;left:0;top:0;width:100px;height:100px;cursor:pointer; } #rightDiv .bethics-icon { background:url(../images/icons-sprite.png) -0px -207px no-repeat;position:absolute;left:0;top:0;width:100px;height:100px;cursor:pointer; } #rightDiv .beco-icon { background: url(../images/icons-sprite.png) -100px -207px no-repeat; position: absolute; left: -1px; top: 0; width: 100px; height: 100px;cursor: pointer; } #rightDiv .ib-icon { background:url(../images/icons-sprite.png) -200px -207px no-repeat; position:absolute; left:0; top:0; width:100px; height:100px; cursor:pointer; } #rightDiv .l-icon { background:url(../images/icons-sprite.png) -300px -207px no-repeat; position:absolute; left:0; top:0; width:100px; height:100px; cursor:pointer; } #rightDiv .sm-icon { background:url(../images/icons-sprite.png) -0px -400px no-repeat; position:absolute; left:0; top:0; width:100px; height:100px; cursor:pointer; } #rightDiv .cg-icon { background:url(../images/icons-sprite.png) -100px -400px no-repeat; position:absolute; left:0; top:0; width:100px; height:100px; cursor:pointer; } #rightDiv .om-icon { background:url(../images/icons-sprite.png) -200px -400px no-repeat; position:absolute; left:0; top:0; width:100px; height:100px; cursor:pointer; } #rightDiv .e-icon { background:url(../images/icons-sprite.png) -300px -400px no-repeat; position:absolute; left:0; top:0; width:100px; height:100px; cursor:pointer; } /*right side region links positioning*/ #rightDiv a#id1match { left:0px;top:0px } #rightDiv a#id2match { left:100px;top:0px } #rightDiv a#id3match { left:200px;top:0px } #rightDiv a#id4match { left:300px;top:0px } #rightDiv a#id5match { left:0px;top:100px } #rightDiv a#id6match { left:100px;top:100px } #rightDiv a#id7match { left:200px;top:100px } #rightDiv a#id8match { left:300px;top:100px } #rightDiv a#id9match { left:0px;top:200px } #rightDiv a#id10match { left:100px;top:200px } #rightDiv a#id11match { left:200px;top:200px } #rightDiv a#id12match { left:300px;top:200px } /* #rightDiv a#id5match { left:100px;top:100px } */ /*left link hover right side change*/ /* #id3:hover ~ #rightDiv a#id3match { background:url(../images/Icons/a-icon-hover.png) no-repeat;} */ /* #id1:hover ~ #rightDiv a#id1match { background:url(../images/icons-sprite.png) -0px -4px no-repeat; } #id2:hover ~ #rightDiv a#id2match { background:url(../images/icons-sprite.png) -107px -4px no-repeat;} */ #id3:hover ~ #rightDiv a#id3match { background:url(../images/icons-sprite.png) -200px -104px no-repeat; } #id4:hover ~ #rightDiv a#id4match { background:url(../images/icons-sprite.png) -300px -104px no-repeat; } /* #id5:hover ~ #rightDiv a#id5match { background:url(../images/icons-sprite.png) -20px -200px no-repeat; } */ /* #id6:hover ~ #rightDiv a#id6match { background:url(../images/icons-sprite.png) -20px -200px no-repeat; } */ /* #id7:hover ~ #rightDiv a#id7match { background:url(../images/icons-sprite.png) -20px -200px no-repeat; } */ /* #id8:hover ~ #rightDiv a#id8match { background:url(../images/icons-sprite.png) -20px -200px no-repeat; } */ /* #id5:hover ~ #rightDiv a#id5match { background:green } */ #id9:hover ~ #rightDiv a#id9match { background:url(../images/icons-sprite.png) 0px -506px no-repeat; } /*right link hover left side change*/ /*Text on the left table*/ .fake {position:absolute;left:-9999px;top:0} #id1match:hover {background:url(../images/icons-sprite.png) -0 px -0px no-repeat;} /* #id1match:hover ~ #fakeDiv1 {left:-241px;top:30px; } */ #id2match:hover {background:url(../images/icons-sprite.png) -100px -0px no-repeat;} /* #id2match:hover ~ #fakeDiv2 {left:-241px;top:-100px; } */ #id3match:hover {background:url(../images/icons-sprite.png) -200px -104px no-repeat;} #id3match:hover ~ #fakeDiv3 {left:-240px;top:31px; } #id4match:hover {background:url(../images/icons-sprite.png) -301px -104px no-repeat;} #id4match:hover ~ #fakeDiv4 {left:-240px;top:53px} #id5match:hover {background:url(../images/icons-sprite.png) -0px -207px no-repeat;} /* #id5match:hover ~ #fakeDiv5 {left:-241px;top:51px} */ #id6match:hover {background:url(../images/icons-sprite.png) -100px -207px no-repeat;} /* #id6match:hover ~ #fakeDiv6 {left:-241px;top:51px} */ #id7match:hover {background:url(../images/icons-sprite.png) -200px -207px no-repeat;} /* #id7match:hover ~ #fakeDiv7 {left:-241px;top:51px} */ #id8match:hover {background:url(../images/icons-sprite.png) -300px -207px no-repeat;} /* #id8match:hover ~ #fakeDiv8 {left:-241px;top:51px} */ #id9match:hover {background:url(../images/icons-sprite.png) -0px -506px no-repeat;} #id9match:hover ~ #fakeDiv9 {left:-240px;top:75px} /* #id10match:hover {background:url(../images/icons-sprite.png) -300px -200px no-repeat;} */ /* #id10match:hover ~ #fakeDiv10 {left:-241px;top:51px} */ /* #id11match:hover {background:url(../images/icons-sprite.png) -300px -200px no-repeat;} */ /* #id11match:hover ~ #fakeDiv11 {left:-241px;top:51px} */ /* #id12match:hover {background:url(../images/icons-sprite.png) -300px -200px no-repeat;} */ /* #id12match:hover ~ #fakeDiv12 {left:-241px;top:51px} */ /* #id5match:hover {background:green} #id5match:hover ~ #fakeDiv5 {left:-100px;top:200px} */ /* ------------------------------ Main Content ------------------------------ */ .content_container {display: block; clear: both; margin: 0 auto; padding: 10px; width:917px; background-color: #1a171b; } .content_container .topborder_container {background: url(../images/sprites.png) 0 -142px no-repeat; height: 30px; display: block; clear: both; } .content_container .bottomborder_container {background: url(../images/sprites.png) 0 -177px no-repeat; height: 30px; display: block; clear: both;} .column_container {background: transparent url(../images/bg_border.jpg) repeat-y; overflow: hidden; height: 100%;} .column_container .left_column {margin: 0; padding: 0 10px; float: left; width: 22%; } .column_container .left_column ul li {list-style-type: none; display: block; margin: 0; padding: 5px 0 5px 5px;} .column_container .left_column ul li h2 a {font-weight: normal; color: #fff; text-decoration: underline;} .column_container .left_column ul li h2 a:hover {text-decoration: none;} .column_container .left_column span {display: none;} .column_container .left_column ul .csi-home h2 a {color:#fecc2a;} .column_container .left_column ul .csi-home h2 a:hover{ text-decoration:none;} .column_container .right_column {margin: 0; padding: 0 10px; float: right; width: 70%;} .column_container .right_column .article {border-top: 1px solid #fbc81f; float: left; width: 60%; margin: 0 6px; padding: 0;} .column_container .right_column .article a {color: #fecc2a; text-decoration: underline;} .column_container .right_column .article a:hover {text-decoration: none;} .column_container .right_column .article h3 {font-size: 125%; font-weight: normal; text-transform: uppercase; color: #fecc2a; margin: 0; padding: 15px 0 0 0;} .column_container .right_column .article h4 {font-size: 100%; font-weight: bold; color: #fecc2a;} .column_container .right_column .article p {margin: 0; padding: 10px 0;} .column_container .right_column .article em {font-weight: bold; font-size: 115%;} .column_container .right_column .article ul li {list-style-type: disc; color: #fecc2a; margin: 0 15px; padding: 0;} .column_container .right_column .article blockquote {color: #fecc2a; font-style: italic; margin: 10px 0; padding: 0;} .column_container .right_column .article span {display: none;} .column_container .right_column .article .download_container ul li {list-style-type: none; color: #fecc2a; margin: 0; padding: 0;} .column_container .right_column .article .recommended_reading_container, .column_container .right_column .article .useful_links_container {font-size: 80%;} .column_container .right_column .article .recommended_reading_container ul {margin: 0; padding: 0;} .column_container .right_column .article .recommended_reading_container ul li {list-style-type: none; color: #fff; margin: 0; padding: 5px 0;} .column_container .right_column .bookjacket_container {float: left; width: 30%;} .column_container .right_column .bookjacket_container .bookjacket a {background: #363533 url(../images/sprites.png) 6px -212px no-repeat; width: 238px; height: 362px; float: left;} .column_container .right_column .bookjacket_container .bookjacket img {display: none;} .column_container .right_column .bookjacket_container .page_button ul {display: block; clear: both;} .column_container .right_column .bookjacket_container .page_button ul li {list-style-type: none; display: block; clear: none; float: none; margin: 0; padding: 0;} .column_container .right_column .bookjacket_container .page_button ul li a {background: url(../images/sprites.png) -286px -222px no-repeat; width: 199px; height: 21px; float: left; font-size: 115%; color: #000; text-align: center; text-decoration: none; margin: 0; padding: 17px 20px;} .column_container .right_column .bookjacket_container .page_button ul li a:hover {background: url(../images/sprites.png) -286px -283px no-repeat;} .column_container .right_column .bookjacket_container .page_button ul li a:focus {background: url(../images/sprites.png) -286px -350px no-repeat;} /*FOR STRATEGIC HRM*/ .content_container .topborder_container_blue {background: url(../images/sprites.png) 0 -728px no-repeat; height: 30px; display: block; clear: both; } .content_container .bottomborder_container_blue {background: url(../images/sprites.png) 0 -763px no-repeat; height: 30px; display: block; clear: both;} .column_container#blue-border {background: transparent url(../images/bg_border_shrm.jpg) repeat-y; overflow: hidden; height: 100%;} .blueText {color: #23abe2 !important;} .column_container .right_column .article#blue-upper-line{border-top:solid 1px #23abe2 !important;} .column_container .right_column .bookjacket_container .bookjacket_shrm a {background: #363533 url(../images/sprites.png) 6px -798px no-repeat; width: 238px; height: 362px; float: left;} .column_container .right_column .bookjacket_container .bookjacket_shrm img {display: none;} .column_container .right_column .bookjacket_container .page_button_shrm ul {display: block; clear: both;} .column_container .right_column .bookjacket_container .page_button_shrm ul li {list-style-type: none; display: block; clear: none; float: none; margin: 0; padding: 0;} .column_container .right_column .bookjacket_container .page_button_shrm ul li a {background: url(../images/sprites.png) -286px -809px no-repeat; width: 199px; height: 21px; float: left; font-size: 115%; color: #000; text-align: center; text-decoration: none; margin: 0; padding: 17px 20px;} .column_container .right_column .bookjacket_container .page_button_shrm ul li a:hover {background: url(../images/sprites.png) -286px -870px no-repeat;} .column_container .right_column .bookjacket_container .page_button_shrm ul li a:focus {background: url(../images/sprites.png) -286px -937px no-repeat;} /*FOR STRATEGIC MANAGEMENT*/ .content_container .topborder_container_orange {background: url(../images/sprites.png) 0 -1311px no-repeat; height: 30px; display: block; clear: both; } .content_container .bottomborder_container_orange {background: url(../images/sprites.png) 0 -1346px no-repeat; height: 30px; display: block; clear: both;} .column_container#orange-border {background: transparent url(../images/bg_border_management.jpg) repeat-y; overflow: hidden; height: 100%;} .orangeText {color: #e95e24 !important;} .column_container .right_column .article#orange-upper-line{border-top:solid 1px #e95e24 !important;} .column_container .right_column .bookjacket_container .bookjacket_management a {background: #363533 url(../images/sprites.png) 6px -1381px no-repeat; width: 238px; height: 362px; float: left;} .column_container .right_column .bookjacket_container .bookjacket_management img {display: none;} .column_container .right_column .bookjacket_container .page_button_management ul {display: block; clear: both;} .column_container .right_column .bookjacket_container .page_button_management ul li {list-style-type: none; display: block; clear: none; float: none; margin: 0; padding: 0;} .column_container .right_column .bookjacket_container .page_button_management ul li a {background: url(../images/sprites.png) -286px -1391px no-repeat; width: 199px; height: 21px; float: left; font-size: 115%; color: #000; text-align: center; text-decoration: none; margin: 0; padding: 17px 20px;} .column_container .right_column .bookjacket_container .page_button_management ul li a:hover {background: url(../images/sprites.png) -286px -1452px no-repeat;} .column_container .right_column .bookjacket_container .page_button_management ul li a:focus {background: url(../images/sprites.png) -286px -1518px no-repeat;}