@import url(styleinlines.css); /* Start of basic set of tags for article */ BODY, body {font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; margin : 0; font-weight : normal; font-size : 70%;} /* For 'textarea', 'input' and 'select' tags the font family is not inherited from the tag and so has to be re-stated. */ TEXTAREA, textarea, INPUT, input, SELECT, select {font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color : #333333;} INPUT, input, SELECT, select { font-size: 90%; } TEXTAREA, textarea{font-size : 100%;} P, p{margin: 0 0 1em 0;} OL, ol, P, p, UL, ul{color : #333333;} OL, ol,UL, ul{ margin-left:20px; } TH, th { color : #333333; background-color : #ddecf1; font-weight : bold; padding : 5px; text-align:left; } /* End of basic set of tags for article */ /* Banner style */ .banner { background: url(../../images/banner_right.gif) no-repeat right; } .bannersmall { background : url(../../images/strategypartners/common/banner_right_small.jpg) no-repeat right; } /* Start of miscellaneous styles for article */ .toptable{width : 100%;} .backstyle{color : #FFFFFF; font-weight : bold; background-color : #00758f; padding : 5px;} .textnorm{color : #333333; font-weight : normal;} .textbold{color : #333333; font-weight : bold;} .imagetitle {color: #9e1b2d; font-size : 90%; font-weight : bold; background-color : #ddecf1; padding : 2px 13px 5px 5px; } .downloadDesc { padding : 5px 0px 0px 0px; } .date{color : #FFFFFF; font-size : 95%; font-weight : normal; } .searchhead{background-color:#ffffff; color : #8b8b8b; font-weight : bold; padding-right : 5px;} .articlemargin { padding-left : 8px; border-left: 1px dashed #CCCCCC; } .footeraddress{color : #DDECF1;} /* End of miscellaneous styles for article */ /* Start of navigation link sets. The defaults look similar to each other, so at first glance this separation appears unnecessary, but a site design has potential for any of the elements within each link to change independantly from one another. It makes the link styles easier to manage. */ /* Start of general links */ A:link, a:link, A:visited, a:visited, A:active, a:active, A:focus, a:focus {color : #333333; font-weight : bold; text-decoration : none;} a.astandardlink:link, a.astandardlink:visited, a.astandardlink:active, a.astandardlink:hover, a.astandardlink:focus, a.aboldlink:link, a.aboldlink:visited, a.aboldlink:active, a.aboldlink:hover, a.aboldlink:focus, a.inlinelink:link, a.inlinelink:visited, a.inlinelink:active, a.inlinelink:hover, a.inlinelink:focus, a.asitemaplink:link, a.asitemaplink:visited, a.asitemaplink:active, a.asitemaplink:hover, a.asitemaplink:focus, a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active, a.bottomlinks:hover, a.bottomlinks:focus {color : #333333; font-weight : normal; text-decoration : none;} a.aboldlink:link, a.aboldlink:visited, a.aboldlink:active, a.aboldlink:hover, a.aboldlink:focus { font-weight : bold; text-decoration:underline; border-bottom: 2px; border-color:#ffffff; } a.aboldlinklist:link, a.aboldlinklist:visited, a.aboldlinklist:active, a.aboldlinklist:hover, a.aboldlinklist:focus { font-weight : bold; color: #ffffff; margin-top: 5px ; } .listlinkbgrnd { background: url(../../images/corner_right_off.gif) no-repeat #00758F right top; color: #ffffff; font-weight:bold; padding: 2px; margin-bottom : 2px; } .listlinkcell { width : 50%; vertical-align : top; } .listlinkbox { border: 1px dashed #cccccc; padding : 2px; margin : 0; } .listlinkcontent { background-color: #ddecf1; padding : 4px; } a.aboldlinklower:link, a.aboldlinklower:visited, a.aboldlinklower:active, a.aboldlinklower:hover, a.aboldlinklower:focus { font-weight : bold; text-decoration:underline; } A:hover, a:hover{text-decoration : none;} a.bottomlinks:hover, a.astandardlink:hover, a.aboldlink:hover, a.inlinelink:hover, a.asitemaplink:hover, a.aboldlinklist:hover {text-decoration : underline;} a.aunderlinedlink:link, a.aunderlinedlink:visited, a.aunderlinedlink:active, a.aunderlinedlink:hover, a.aunderlinedlink:focus { color : #333333; font-weight : normal; text-decoration : underline; } /* End of general links */ /* Start of home page specific links */ a.ahomelink:link, a.ahomelink:visited, a.ahomelink:active, a.ahomelink:hover, a.ahomelink:focus { color : #333333; font-weight : normal; text-decoration : none; } a.ahomelink:hover { color : #9E1B2D; text-decoration : none; } /* End of home page specific links */ /* Start of Print Page links */ a.printpage:link, a.printpage:visited, a.printpage:active, a.printpage:hover, a.printpage:focus { color : #666666; font-weight : bold; text-decoration : none; } a.printpage:hover { text-decoration : underline; } .printicon { background: no-repeat url(../../images/strategypartners/common/icon_print.gif); padding-left: 20px; } /* End of Print Page links */ /* Start of utilities navigation */ .utilspipe, a.autilnav:link, a.autilnav:visited, a.autilnav:active, a.autilnav:hover, a.autilnav:focus, a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:hover, a.autilnavs:focus {color : #666666; font-weight : normal; text-decoration : none;} a.autilnav:hover, a.autilnavs:hover{text-decoration : underline;} /* End of utilities navigation */ /* Start of first level navigation */ .topnav { background-color : #00758F; vertical-align : middle; } .topnavs { background : #DDECF1 url(../../images/strategypartners/common/topnav_bg_on.gif) repeat-x; } a.atopnav:link, a.atopnav:visited, a.atopnav:active, a.atopnav:hover, a.atopnav:focus { color : #FFFFFF; font-weight : bold; text-decoration : none; } a.atopnavs:link, a.atopnavs:visited, a.atopnavs:active, a.atopnavs:hover, a.atopnavs:focus { color : #9E1B2D; font-weight : bold; text-decoration :none; } a.atopnavs:hover, a.atopnav:hover { text-decoration : underline; } /* End of first level navigation */ /* Start of second level navigation*/ .secnav { background-color: #DDECF1; padding : 4px; } .secnavpipe, a.asecnav:link, a.asecnav:visited, a.asecnav:active, a.asecnav:hover, a.asecnav:focus, a.asecnavs:link, a.asecnavs:visited, a.asecnavs:active, a.asecnavs:hover, a.asecnavs:focus {color : #FFFFFF; font-weight : bold; text-decoration : none;} a.asecnavs:hover, a.asecnav:hover{text-decoration : underline;} /* End of second level navigation */ /* Start of left-hand tree navigation (third level and below). */ .lhscol1 { width: 180px; background-color : #DDECF1; border-left : 3px solid #FFFFFF; border-right : 3px solid #FFFFFF; } .lhscol2 { width: 180px; background-color : #DDECF1; border-left : 3px solid #FFFFFF; border-right : 3px solid #FFFFFF; border-bottom : 3px solid #FFFFFF; } .introqa { font-weight:bold; color:#333333; } .treenav1,.treenav1s,.treenav3, .treenav3s,.treenav4, .treenav4s,.treenav5, .treenav5s { padding : 3px 2px 0 10px; background-color: #00758f; border-bottom: solid #ffffff 1px; border-left: solid #ffffff 1px; border-right: solid #ffffff 1px; } .treenav2,.treenav2s { padding : 3px 3px 0 10px; background-color: #ffffff; border-top: dashed #cccccc 1px; } a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:hover, a.atreenav1:focus, a.atreenav3:link, a.atreenav3:visited, a.atreenav3:active, a.atreenav3:hover, a.atreenav3:focus, a.atreenav4:link, a.atreenav4:visited, a.atreenav4:active, a.atreenav4:hover, a.atreenav4:focus, a.atreenav5:link, a.atreenav5:visited, a.atreenav5:active, a.atreenav5:hover, a.atreenav5:focus {color : #ffffff; font-weight : normal; text-decoration : none;} a.atreenav1s:visited, a.atreenav1s:active {color : #ffffff; font-weight : bold; text-decoration : none; } a.atreenav1s:link,a.atreenav2s:link,a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus, a.atreenav3s:link, a.atreenav3s:visited, a.atreenav3s:active, a.atreenav3s:hover, a.atreenav3s:focus, a.atreenav4s:link, a.atreenav4s:visited, a.atreenav4s:active, a.atreenav4s:hover, a.atreenav4s:focus, a.atreenav5s:link, a.atreenav5s:visited, a.atreenav5s:active, a.atreenav5s:hover, a.atreenav5s:focus {color : #ffffff; font-weight : bold; text-decoration : none;} a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:focus {color : #00758f; font-weight : normal; text-decoration : none;} a.atreenav2:hover {color : #9e1b2d; font-weight : normal; text-decoration : none;} /* End of left-hand tree navigation (third level and below). */ /* Start of 'breadcrumb trail' navigation */ .pathpipe, .pathname{color : #00758f;} .pathname{font-weight : bold;} a.pathnav:link, a.pathnav:visited, a.pathnav:active, a.pathnav:hover, a.pathnav:focus {color: #00758F; font-weight : normal; text-decoration : none;} a.pathnavs:link, a.pathnavs:visited, a.pathnavs:active, a.pathnavs:hover, a.pathnavs:focus {color: #00758F; font-weight : bold; text-decoration : none;} a.pathnavs:hover, a.pathnav:hover{text-decoration : underline;} /* End of 'breadcrumb trail' navigation */ /* Start of left-hand side news items block */ .lhsNewsTitle { font-size: 90%; color : #FFFFFF; font-weight : bold; padding : 2px 1px 2px 4px; background: url(../../images/corner_right_off.gif) no-repeat #00758F right top; border-top: solid 3px #ffffff; border-bottom: solid 3px #ffffff; } .lhsNewsItem { padding : 10px 10px 10px 10px; border-bottom : 3px solid #FFFFFF; } /* Start of left-hand side news items block */ /* Start of right-hand side navigation block */ .rhsbox { background-color : #ffffff; float : right; width : 215px; padding : 10px 1px 0px 10px; text-align: left; } .rhssearchbox { padding : 0px 0px 5px 0px; text-align : center; } .rhstitle { font-size: 90%; color : #FFFFFF; font-weight : bold; text-transform : capitalize; padding : 2px 1px 2px 4px; background: url(../../images/corner_right_off.gif) no-repeat #00758F right top; border-top: solid 3px #ffffff; border-bottom: solid 3px #ffffff; text-align: left; } .rhscontactbox { margin : 5px 0px 5px 0px; padding : 0px 2px 2px 2px; border: dashed 1px #cccccc; } .rhslinkicon{background : url(../../images/strategypartners/common/page.gif) no-repeat; padding: 3px 5px 3px 25px; text-align: left;} a.arhslink:link, a.arhslink:visited, a.arhslink:active, a.arhslink:hover, a.arhslink:focus, a.arhslinkmedia:link, a.arhslinkmedia:visited, a.arhslinkmedia:active, a.arhslinkmedia:hover, a.arhslinkmedia:focus {color : #333333; font-weight : bold; text-decoration : none;} a.arhslinkmedia:hover, a.arhslink:hover{text-decoration : underline;} /* End of right-hand side navigation block */ /* Start of Related Sites specific styles */ .relatedSitesBox { padding : 3px 0px 1px 0px; background-color : #FFFFFF; } .relatedSite { padding : 3px 0px 3px 0px; } .rhsRelatedSitesBox { padding : 0px 5px 0px 5px; } .arelatedSite { display : inline; vertical-align : middle; padding : 0px 6px 0px 0px; } /* End of Related Sites specific styles */ /* Start of home page section */ .otherarticle { background: url(../../images/bullet.gif) no-repeat left; padding : 5px 0px 1px 17px; } /* End of home page section */ /* Start of A to Z section */ .atozbox { background-color: #ddecf1; padding : 5px 5px 5px 5px; margin : 0px 3px 3px 0px; } .atozboxs { background-color: #9e1b2d; padding : 5px 5px 5px 5px; margin : 0px 3px 3px 0px; } a.aatozlink, a.aatozlink:link, a.aatozlink:active, a.aatozlink:visited , a.aatozlink:hover, a.aatozlink:focus { color : #00758f; font-weight : bold; text-decoration : none; } a.aatozlinks, a.aatozlinks:link, a.aatozlinks:active, a.aatozlinks:visited , a.aatozlinks:hover, a.aatozlinks:focus { color : #FFFFFF; font-weight : bold; text-decoration : none; } .atozheadstyle { font-weight : bold; background-color : #ddecf1; padding : 2px; border-top : solid #FFFFFF 8px; } .atozheadtext, a.aatozheadlink:link, a.aatozheadlink:visited, a.aatozheadlink:active, a.aatozheadlink:hover, a.aatozheadlink:focus {color : #333333; font-weight : bold; text-decoration : none;} a.aatozlink:hover, a.aatozlinks:hover, a.aatozheadlink:hover {text-decoration : underline;} .atozcontacts{float : right; width : 215px; background-color : #ffffff;} .atozconhead{background-color : #EBCCEB;} /* End of A to Z section */ /* Start of FAQ section */ .faqintro, .faqtext{color : #333333; padding : 0 5px 0 0; text-decoration : none;} .faqintro{font-weight : bold;} a.afaqlink:link, a.afaqlink:visited, a.afaqlink:active, a.afaqlink:hover, a.afaqlink:focus, a.afaqboldlink:link, a.afaqboldlink:visited, a.afaqboldlink:active, a.afaqboldlink:hover, a.afaqboldlink:focus {color : #333333; font-weight : normal; text-decoration : none;} a.afaqboldlink:link, a.afaqboldlink:visited, a.afaqboldlink:active, a.afaqboldlink:hover, a.afaqboldlink:focus {font-weight : bold;} a.afaqboldlink:hover, a.afaqlink:hover{text-decoration : underline;} /* End of FAQ section */ /*download bgrnd class added*/ .downbgrnd{ background-color: #ddecf1; padding : 10px 10px 5px 10px; border : 3px solid #FFFFFF; } /* Start of forum section */ .forumtitle {color: #003399; margin: 0 0 1em 0; font-size : 145%; font-weight : bold; padding : 4px;} .forumsearch{float : right; padding-right : 10px;} .forumsearchhead {color : #333333; font-weight : bold; padding-right : 5px;} .forumhead {color : #333333; font-weight : bold; padding : 5px; border : solid 2px #FFFFFF; background-color: #DDECF1;padding: 3px;} .forumtext, .forumbold{color : #333333; font-weight : normal;} .forumbold{font-weight : bold;} .forumband1, .forummessband1{background-color : #ddecf1; border : solid 2px #FFFFFF;padding: 5px;} .forumband2, .forummessband2{background-color : #ddecf1; border : solid 2px #FFFFFF;padding: 5px;} /* End of forum section */ .faqbgrnd{ background-color:#ddecf1; border-bottom: thick; border-color: #ffffff; padding:3px; margin:3px; } /* Start of contact section (not 'related' or 'A to Z')*/ .contactnorm { padding : 8px 5px 10px 10px; text-decoration : none; font-weight:bold; color:#333333; padding-bottom:5px; background: url(../../images/bullet.gif) no-repeat; background-position: left; } .contactnormdes, .contactbold, .contacttel, .contactfax{padding : 0 5px 0 0; text-decoration : none;} .contactbold{font-weight : bold;} .contacttel{padding-left : 5px;} .contactfax{padding-left : 1px;} .contactposl{padding : 10px 10px 10px 0; float : left;} .contactposr{float : right; padding : 10px 10px 10px 0;} a.acontactlink:link, a.acontactlink:visited, a.acontactlink:active, a.acontactlink:hover, a.acontactlink:focus {color : #333333; font-weight : bold; text-decoration : underline;} a.acontactlink:hover {text-decoration : underline;} a.acontactemaillink:link, a.acontactemaillink:visited, a.acontactemaillink:active, a.acontactemaillink:hover, a.acontactemaillink:focus, a.acontactweblink:link, a.acontactweblink:visited, a.acontactweblink:active, a.acontactweblink:hover, a.acontactweblink:focus {color : #333333; font-weight : bold; text-decoration : none; } a.acontactweblink:hover, a.acontactemaillink:hover{text-decoration : underline;} /* End of contact section */ /* Start of form section */ .formattachment{font-weight : bold;} /* End of form section */ /* Start of calendar section */ .caltoday { border : 4px outset #ffffff; } .caltodays { border : 4px solid #00758f; } .calbold { padding : 0 5px 0 0; text-decoration : none; text-align : center; } .calnorm { text-align : center; padding : 0 5px 0 0; text-decoration : none; } /* End of calendar section */ /**************************************************/ /****** Search block in top navigation bar ********/ .rowhigh, .rowlow { padding : 3px 3px 3px 3px; } .rimage /* place an article image on the right of the article */ { float: right; padding: 0 0 10px 10px; } .limage /* place an article image on the left of the article */ { float: left; padding: 0 10px 10px 0; } .imagesurround { border:solid; background-color: #ffffff; padding : 2px; border-color: #ddecf1; } .imagesurroundsmall { border:solid; background-color: #ffffff; padding : 2px; border-color: #ddecf1; float:left; margin-right:5px; } .footflourish /* decorative bar between the article and the bottom utilities menu */ { padding : 10px 5px 10px 5px; text-align : center; border-top : 1px dashed #CCCCCC; } /* lhscol1 is for full-length colour on lhs nav. lhscol2 is for no colour on lhs nav beyond the bottom of the lhs nav or related poll. (In the code, remove the td class that contains 'lhscol1' for 'no colour' option (see dsp_pageheader.cfm).) */ /**************************************************************************************/ /**************************** Contact block ****************************************/ .contactbox { padding : 5px ; background-color : #ddecf1; } .introsearch, .introevent { padding : 0 5px 0 0; text-decoration : none; } .introsearch, .introcal, .introevent { font-weight : bold; } .contactposl, .contactposr, .homeposl, .homeposr { padding : 10px 10px 10px 0; float : left; } .contactposr, .homeposr { float : right; } /*********************************************************************************************/ /******************************* related polls *******************************************/ .pollbox { margin:0; border: dashed 1px; } .pollquestion, .pollanswer, .polltitle { font-weight : bold; background-color : #ddecf1; padding : 3px 5px 3px 5px; } .pollquestion { font-size : 90%; } .pollanswer { background-color:#ffffff; } .polltitle { font-size:92%; color: #FFFFFF; background: url(../../images/corner_right_off.gif) no-repeat #00758F right top; border-bottom:solid; border:3px; border-color:#ffffff; } /**************** Poll Results (pop-up) ***************/ .showmessgepoll { background-color : #FFFFFF; font-size : 95%; padding : 3px 0 3px 0; font-weight : bold; } .pollquestionheading { padding: 5px 5px 5px 5px; font-weight : bold; background-color : #ddecf1; font-size : 100%; } .closebuttonstrip { background-color : #ffffff; padding: 5px 5px 5px 5px; } /********** Percentage bars **********/ .pollresult1, .pollresult3, .pollresult5, .pollresult2, .pollresult4 { background-color : #DDECF1; color: #FFFFFF; } .pollresult2, .pollresult4 { background-color : #00758f; } /***********************************************************************************************/ /************ Style for generic buttons in a related poll if a graphic is not used *************/ .votebuttons { background-color : #ffffff; border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; padding : 10px 20px 10px 5px; text-align : center; } /************************************************************************************************/ /*************************** Forum section ******************************************************/ .loginhead, .errorhead { padding : 5px 5px 5px 5px; border : solid 2px #FFFFFF; background-color: #00758f; color : #FFFFFF; font-weight : bold; } /*******************************************************************************************/ /******************************** Login section ********************************************/ .loginbandtop { background-color : #ddecf1; border-top : solid 2px #FFFFFF; border-left : solid 2px #FFFFFF; border-right : solid 2px #FFFFFF; padding : 5px 5px 5px 5px; } .loginbandbot { background-color : #ffffff; border-bottom : solid 2px #FFFFFF; border-left : solid 2px #FFFFFF; border-right : solid 2px #FFFFFF; padding : 5px 5px 5px 5px; } .errorhead /* The error text block background colour (eg log on 'hint' text) */ { background-color: #00758F; } /*******************************************************************************************/ /**************** All form buttons that are not graphics ****************/ .btntext { background-color : #DDECF1; color : #9e1b2d; font-weight : bold; text-align : center; border : 0; padding : 3px 3px 3px 3px; } /*******************************************************************************************/ /***************************** Search results stripes **************************************/ .rowhigh { background-color : #ddecf1; margin:3px; padding:8px; } .rowlow { background-color : #ddecf1; margin:3px; padding:8px; } /*************************************************/ a.aartpathlhs1:link, a.aartpathlhs1:visited, a.aartpathlhs1:active, a.aartpathlhs1:hover, a.aartpathlhs1:focus, a.aartpathlhs2:link, a.aartpathlhs2:visited, a.aartpathlhs2:active, a.aartpathlhs2:hover, a.aartpathlhs2:focus, a.aartpathlhs3:link, a.aartpathlhs3:visited, a.aartpathlhs3:active, a.aartpathlhs3:hover, a.aartpathlhs3:focus, a.aartpathlhs4:link, a.aartpathlhs4:visited, a.aartpathlhs4:active, a.aartpathlhs4:hover, a.aartpathlhs4:focus, a.aartpathlhs5:link, a.aartpathlhs5:visited, a.aartpathlhs5:active, a.aartpathlhs5:hover, a.aartpathlhs5:focus { color : #ffffff; font-weight : bold; text-decoration : none; } .artpathlhs1, .artpathlhs2, .artpathlhs3, .artpathlhs4, .artpathlhs5 { padding : 2px 2px 3px 10px; border-left : #ffffff solid 1px; border-right : #ffffff solid 1px; border-bottom : #ffffff solid 1px; background : #9e1b2d url(../../images/strategypartners/common/pancakerightarrow.gif) no-repeat right; } .hidebullet{list-style-image: none;}