@import url(styleps1.css); @import url(stylepolls.css); @import url(stylecalendar.css); @import url(styleinlines.css); @import url(stylesitemap.css); @import url(stylecommerce.css); @import url(stylehome.css); @import url(stylecolours.css); /* 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, option, OPTION {font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;} TEXTAREA, textarea{font-size : 100%;} OPTION, option, INPUT, input, SELECT, select{font-size : 90%;} P, p{margin: 0 0 1em 0;} TH, th{padding : 5px;} HR, hr {display : none;} /* End of basic set of tags for article */ .doprint{display: none;} /* Start of miscellaneous styles for article */ .toptable{width : 100%;} .backstyle, .searchstyle { font-weight : bold; padding : 5px; clear : left; margin : 2px; } .backstyle{width : 75px; float : left;} .textcontact { padding : 5px; float : left; margin : 2px; font-weight : normal; } .textnorm{font-weight : normal;} .textbold{font-weight : bold;} .imagetitle {font-size : 95%; font-weight : bold; padding : 4px;} .date{font-size : 95%; font-weight : normal; padding : 5px;} .searchhead{font-weight : bold; padding-right : 5px;} .articlemargin{padding-left : 10px;} /* 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 {font-weight : normal; text-decoration : underline;} A:hover, a:hover{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.afaqlink:link, a.afaqlink:visited, a.afaqlink:active, a.afaqlink:hover, a.afaqlink:focus {font-weight : normal; text-decoration : none;} a.aboldlink:link, a.aboldlink:visited, a.aboldlink:active, a.aboldlink:hover, a.aboldlink:focus {font-weight : bold; display : inline;} a.afaqlink:link, a.afaqlink:visited, a.afaqlink:active, a.afaqlink:hover, a.afaqlink:focus {font-weight: bold;} a.astandardlink:hover, a.aboldlink:hover, a.inlinelink:hover, a.afaqlink:hover {text-decoration : underline;} /* End of general links */ /* Block of base code that ALL horizontal navigation links use */ /* Start of utilities navigation */ .utilnavborder{padding : 5px;} 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 { text-align : left; text-decoration : none; } .utilspipe { font-weight : normal; text-decoration : none; padding : 0 5px 0 5px; } a.autilnav:link, a.autilnav:visited, a.autilnav:active, a.autilnav:hover, a.autilnav:focus {font-weight : normal;} a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:hover, a.autilnavs:focus {font-weight : bold;} a.autilnav:hover, a.autilnavs:hover{text-decoration : underline} /* End of utilities navigation */ /* Start of first level navigation */ .topnavbottom{padding-bottom : 5px;} .topnavpipe{display : none;} .dropmenu{margin : 0; padding : 13px 0 0 0;} a.atopnav:link, a.atopnav:visited, a.atopnav:active, a.atopnav:hover, a.atopnav:focus, a.atopnavs:link, a.atopnavs:visited, a.atopnavs:active, a.atopnavs:hover, a.atopnavs:focus { font-size : 90%; font-weight : bold; padding : 5px 10px 5px 10px; text-decoration : none; display : block; float : left; margin-top : 8px; } /* End of first level navigation */ /* Start of bottom navigation */ a.bottomlink:link, a.bottomlink:visited, a.bottomlink:active, a.bottomlink:hover, a.bottomlink:focus, a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active, a.bottomlinks:hover, a.bottomlinks:focus { text-align : left; text-decoration : none; } .bottompipe { font-weight : normal; text-decoration : none; padding : 0 5px 0 5px; } a.bottomlink:link, a.bottomlink:visited, a.bottomlink:active, a.bottomlink:hover, a.bottomlink:focus{font-weight : normal;} a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active, a.bottomlinks:hover, a.bottomlinks:focus {font-weight : bold;} a.bottomlink:hover, a.bottomlinks:hover{text-decoration : underline;} /* End of bottom navigation */ /* Start of left-hand tree navigation (third level and below). */ .lhscol1, .lhscol2{width: 160px;} .treenavborder{border : none;} a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:hover, a.atreenav1:focus, a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:hover, a.atreenav2:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus, a.atreenav1child:link, a.atreenav1child:visited, a.atreenav1child:active, a.atreenav1child:hover, a.atreenav1child:focus, a.atreenav2child:link, a.atreenav2child:visited, a.atreenav2child:active, a.atreenav2child:hover, a.atreenav2child:focus, a.atreenav1schild:link, a.atreenav1schild:visited, a.atreenav1schild:active, a.atreenav1schild:hover, a.atreenav1schild:focus, a.atreenav2schild:link, a.atreenav2schild:visited, a.atreenav2schild:active, a.atreenav2schild:hover, a.atreenav2schild:focus { text-align : left; text-decoration : none; font-weight : normal; display : block; } a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus {background: url(../images/common/nav_arrow_horz.gif) no-repeat center left;} a.atreenav1schild:link, a.atreenav1schild:visited, a.atreenav1schild:active, a.atreenav1schild:hover, a.atreenav1schild:focus {background: url(../images/common/nav_arrow_down.gif) no-repeat;} a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:hover, a.atreenav1:focus, a.atreenav1child:link, a.atreenav1child:visited, a.atreenav1child:active, a.atreenav1child:hover, a.atreenav1child:focus { text-decoration : none; padding : 5px 5px 5px 15px; } a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus { text-decoration : none; padding : 5px 5px 5px 15px; font-weight : bold; } a.atreenav1schild:link, a.atreenav1schild:visited, a.atreenav1schild:active, a.atreenav1schild:hover, a.atreenav1schild:focus { text-decoration : none; padding : 5px 5px 5px 15px; font-weight : bold; } a.atreenav1:hover, a.atreenav1child:hover, a.atreenav1s:hover, a.atreenav1schild:hover{text-decoration : underline;} a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:hover, a.atreenav2:focus, a.atreenav2child:link, a.atreenav2child:visited, a.atreenav2child:active, a.atreenav2child:hover, a.atreenav2child:focus { text-decoration : none; padding : 5px 5px 5px 15px; } a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus, a.atreenav2schild:link, a.atreenav2schild:visited, a.atreenav2schild:active, a.atreenav2schild:hover, a.atreenav2schild:focus { text-decoration : none; padding : 5px 5px 5px 15px; } a.atreenav2:hover, a.atreenav2child:hover, a.atreenav2s:hover, a.atreenav2schild:hover{text-decoration : underline;} /* End of left-hand tree navigation (third level and below). */ 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 { display : block; font-size : 95%; font-weight : normal; text-decoration : none; padding : 6px 5px 6px 15px; } a.aartpathlhs1:hover, a.aartpathlhs2:hover, a.aartpathlhs3:hover, a.aartpathlhs4:hover, a.aartpathlhs5:hover {text-decoration : underline;} /* End of left-hand tree navigation (third level and below). */ .treenavborder{padding-bottom: 2px;} a.arhslinkmedia:link, a.arhslinkmedia:visited, a.arhslinkmedia:active, a.arhslinkmedia:hover, a.arhslinkmedia:focus, a.acontactemaillink:link, a.acontactemaillink:visited, a.acontactemaillink:active, a.acontactemaillink:hover, a.acontactemaillink:focus, a.astandardlink:link, a.astandardlink:visited, a.astandardlink:active, a.astandardlink:hover, a.astandardlink:focus, a.acontactweblink:link, a.acontactweblink:visited, a.acontactweblink:active, a.acontactweblink:hover, a.acontactweblink:focus, a.alistboldlink:link, a.alistboldlink:visited, a.alistboldlink:active, a.alistboldlink:hover, a.alistboldlink:focus, a.aboldlinkinfo:link, a.aboldlinkinfo:visited, a.aboldlinkinfo:active, a.aboldlinkinfo:hover, a.aboldlinkinfo:focus, a.apersonalisedlink:link, a.apersonalisedlink:visited, a.apersonalisedlink:active, a.apersonalisedlink:hover, a.personalisedlink:focus, a.acontactlink:link, a.acontactlink:visited, a.acontactlink:active, a.acontactlink:hover, a.acontactlink:focus{text-decoration : none;} a.arhslink:link, a.arhslink:visited, a.arhslink:active, a.arhslink:hover, a.arhslink:focus, a.arhslinkbig:link, a.arhslinkbig:visited, a.arhslinkbig:active, a.arhslinkbig:hover, a.arhslinkbig:focus { text-align : left; text-decoration : none; font-weight : normal; display : block; padding : 0 5px 0 15px; } a.arhslinkbig:link, a.arhslinkbig:visited, a.arhslinkbig:active, a.arhslinkbig:hover, a.arhslinkbig:focus, a.apersonalisedlinkbig:link, a.apersonalisedlinkbig:visited, a.apersonalisedlinkbig:active, a.apersonalisedlinkbig:hover, a.apersonalisedlinkbig:focus { font-size: 110%; font-weight: bold; } .staticlinkbig { font-size: 110%; font-weight: bold; } a.arhslinkbig:hover,a.arhslinkbig:focus { font-weight: bold; text-decoration: underline; } a.arhslink:hover, a.arhslinkbig:hover{text-decoration: underline;} a.arhslinkmedia:hover{text-decoration: underline;} /* Start of A to Z section */ a.aatozlink:link, a.aatozlink:visited, a.aatozlink:active, a.aatozlink:hover, a.aatozlink:focus, a.aatozlinks:link, a.aatozlinks:visited, a.aatozlinks:active, a.aatozlinks:hover, a.aatozlinks:focus { margin : 2px; padding : 5px; text-align : center; font-size : 120%; font-weight : bold; text-decoration : none; border : none; display : block; float : left; } a.aatozlinks:link, a.aatozlinks:visited, a.aatozlinks:active, a.aatozlinks:hover, a.aatozlinks:focus, a.aatozlink:hover {border : none;} .atozheadstyle { text-align : left; font-weight : bold; padding : 5px; } .atozintropadding{padding : 5px;} .atozheadtext{font-weight : bold; text-decoration : none;} a.aatozheadlink:link, a.aatozheadlink:visited, a.aatozheadlink:active, a.aatozheadlink:hover, a.aatozheadlink:focus {font-weight : bold; text-decoration : none;} a.aatozheadlink:hover{text-decoration : underline;} .atozcontacts{float : right; width : 215px;} .azresults{width : 100%;} /* End of A to Z section */ a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active, a.bottomlinks:hover, a.bottomlinks:focus, a.printlinks:link, a.printlinks:visited, a.printlinks:active, a.printlinks:hover, a.printlinks:focus { text-decoration : none; font-weight : bold; } a.bottomlink:link, a.bottomlink:visited, a.bottomlink:active, a.bottomlink:hover, a.bottomlink:focus { text-decoration : none; font-weight : normal; } a.alistboldlink:link, a.alistboldlink:visited, a.alistboldlink:active, a.alistboldlink:hover, a.alistboldlink:focus, a.aboldlinkinfo:link, a.aboldlinkinfo:visited, a.aboldlinkinfo:active, a.aboldlinkinfo:hover, a.aboldlinkinfo:focus {font-weight : bold;} a.acontactlink:hover, a.acontactemaillink:hover, a.astandardlink:hover, a.aboldlinkinfo:hover, a.alistboldlink:hover, a.aeventlink:hover, a.acontactlink:hover, a.acontactemaillink:hover, a.acontactweblink:hover, a.printlinks:hover {text-decoration : underline;} /******************* Article section *******************************/ /* Title below image in article ('image' subtype) */ .imagetitle { padding : 2px 5px 2px 5px; width : 115px; font-weight : bold; } /**************************************************/ /****** Search block in top navigation bar ********/ .searchlink, .searchhead{text-align : right;} .searchhead { font-size : 90%; font-weight : bold; } .searchlink, .rowhigh, .rowlow, .toputils{padding : 3px 3px 3px 3px;} .searchterm { font-weight: bold; text-decoration: none; } textarea.text{width : 265px;margin: 5px 0 5px 0} input.text{width : 300px;} input.login { width : 300px; vertical-align : middle; } input.register { width : 200px; vertical-align : middle; } input.smalltext{width : 170px;} /***************************************************/ /***** Add a 10 pixel wide gap between the left hand navigation and the article ****/ .articlemargin{padding: 0 10px 0 10px} .rimage /* place an article image on the right of the article */ { float: right; padding: 3px 5px 5px 20px; } .limage, .limageinfo /* place an article image on the left of the article */ { float: left; padding: 0 5px 5px 0; margin-right: 20px; clear: left; } .limageinfo{margin: 0;} .footerutils { padding: 4px; text-align: right; } .printicon, .editicon, .formicon{padding-left: 20px;} .printicon{background: no-repeat url(../images/common/icon_print.gif);} .editicon{background: no-repeat url(../images/common/icon_edit.gif);} .backicon{background: no-repeat url(../images/common/icon_back_hand.gif);} .formicon{background: no-repeat url(../images/common/icon_form.gif);} /**************************************************************************************/ /***************************************************************************************/ /* Style of related block heading (eg. 'Related Articles') (The image 'tab.gif' is decoration provided by design) */ .rhstitle { font-weight : bold; text-transform : capitalize; padding : 2px 2px 5px 15px; } /**************************** Contact block ****************************************/ .contactbox{padding-left : 5px;} .contactnorm, .contactnormdes, .contacttel, .contactfax, .introcon, .introqa, .qatext, .forumtext, .introforum, .introsearch, .introcal, .introevent { padding : 0 5px 0 0; text-decoration : none; } .contacttel{padding : 0 0 0 5px ;} .contactfax{padding : 0 0 0 1px;} .introcal{text-align : center;} .introconlink, .introcon, .introqa, .introforum, .introsearch, .introevent{font-weight : bold;} .contactposl, .contactposr, .homeposl, .homeposr { padding : 10px 10px 10px 0; float : left; } .contactposr, .homeposr{float : right;} /*******************************************************************************************/ /******************************* related polls *******************************************/ .pollanswer, .polltitle { font-weight : bold; padding : 3px 5px 3px 5px; } .pollanswer{font-weight : bold;} /**************** Poll Results (pop-up) ***************/ .showmessgepoll { font-size : 110%; padding : 3px 0 3px 0; font-weight : bold; } .pollquestionheading { padding: 5px 5px 5px 5px; font-weight : bold; font-size : 110%; } /***********************************************************************************************/ /************ Style for generic buttons in a related poll if a graphic is not used *************/ .votebuttons { padding : 2px 0 5px 5px; } /************************************************************************************************/ /*************************** Forum section ******************************************************/ .forumtitle { padding : 4px 2px 4px 2px; font-size : 120%; font-weight : bold; } .forumhead, .loginhead, .errorhead { padding : 5px 5px 5px 5px; font-weight : bold; } .calforumhead { padding : 5px 5px 5px 5px; font-weight : bold; } .forumbold, .textbold, .forumattachment{font-weight : bold;} /* 'textbold' is used to embolden childlist text that isn't a link */ .forumnorm, .textnorm{font-weight : normal;} /* 'textnorm' is used to style childlist text that isn't a link */ /*******************************************************************************************/ /******************************** Login section ********************************************/ .loginbandtop, .loginbandbot{padding : 5px;} /*******************************************************************************************/ /**************** All form buttons that are not displayed in a related poll ****************/ .btntext { font-weight : bold; text-align : center; } /*************************************************/ /****************************** Image Library Styles ***************************************/ .imgLibInstance { vertical-align : top; padding : 10px 10px 6px 0; } .imgLibHead { font-weight : bold; padding-bottom : 5px; } .imgLibImage { float : left; padding : 0 10px 10px 0; } .imgLibBullet { padding : 3px 0 0 13px; margin-left : 3px; } a.imgLibLink:link, a.imgLibLink:visited, a.imgLibLink:active, a.imgLibLink:hover, a.imgLibLink:focus{text-decoration : none;} a.imgLibLink:hover{text-decoration : underline;} /*************************************************/ /****************************** Knowledge Base Styles **************************************/ .kbHead, .kbSubHead { font-size: 110%; padding : 5px 5px 5px 5px; border-left : 0px; font-weight : bold; } .kbRow { border-left : 0px; font-size: 110%; } .kbDetail { font-style: italic; font-size: 110%; } .kbKeywords{font-size: 110%;} /****************************** List Styles *****************************/ a.alistboldlink:link, a.alistboldlink:visited, a.alistboldlink:active, a.alistboldlink:hover, a.alistboldlink:focus {font-size: 95%;} .faqquestion { font-weight: bold; padding : 5px 0 10px 25px; } .pollquestion { font-weight: bold; padding : 5px 0 5px 5px; } .faqanswer{padding : 5px 0 10px 25px;} .questionsgroup{padding-bottom : 10px; border-bottom : dotted 1px #000000;} a.faqquestionlink:link, a.faqquestionlink:visited, a.faqquestionlink:active, a.faqquestionlink:hover, a.faqquestionlink:focus { font-weight: bold; text-decoration: none; } a.faqanswerlink:link, a.faqanswerlink:visited, a.faqanswerlink:active, a.faqanswerlink:hover, a.faqanswerlink:focus { text-decoration: none; font-weight: bold; } .faqa{text-align : right;} .subtitle{font-weight: bold;} /* Start of sitemap links. */ a.asitemaplink1:link, a.asitemaplink1:visited, a.asitemaplink1:active, a.asitemaplink1:hover, a.asitemaplink1:focus { display : block; float : left; font-weight : normal; text-decoration : none; } a.asitemaplink2:link, a.asitemaplink2:visited, a.asitemaplink2:active, a.asitemaplink2:hover, a.asitemaplink2:focus, a.asitemaplink3:link, a.asitemaplink3:visited, a.asitemaplink3:active, a.asitemaplink3:hover, a.asitemaplink3:focus, a.asitemaplink4:link, a.asitemaplink4:visited, a.asitemaplink4:active, a.asitemaplink4:hover, a.asitemaplink4:focus, a.asitemaplink5:link, a.asitemaplink5:visited, a.asitemaplink5:active, a.asitemaplink5:hover, a.asitemaplink5:focus { display : block; float : left; font-weight : normal; text-decoration : none; } a.asitemaplink1:hover, a.asitemaplink2:hover, a.asitemaplink3:hover, a.asitemaplink4:hover, a.asitemaplink5:hover {text-decoration : underline;} /* End of sitemap links. */ .nowrap{white-space : nowrap;} /* Start of 'breadcrumb trail' navigation */ .pathselected { font-weight : bold; text-decoration : none; } .pathlabel { font-weight : bold; text-decoration: none; float : left; padding : 5px 0 5px 5px; } .nopadding { margin : 0; padding : 0; } .pathpadding { margin : 0; padding : 5px 5px 5px 0; } .breadnav { list-style-type: none; list-style: none; display: inline; } a.pathnav:link, a.pathnav:visited, a.pathnav:active, a.pathnav:hover, a.pathnav:focus {font-weight : normal; text-decoration : underline;} a.pathnavs:link, a.pathnavs:visited, a.pathnavs:active, a.pathnavs:hover, a.pathnavs:focus {font-weight : bold; text-decoration : underline;} a.pathnavs:hover, a.pathnav:hover{text-decoration : none;} /* End of 'breadcrumb trail' navigation */ .navbullet, .formbullet { list-style-type : none; list-style: none; } .navbullet{display : inline;} .formbullet{list-style-image : none;} .daydisplay{margin : 13px 10px 10px 0;} .eventheading{font-size : 110%; font-weight: bold;} .clearright{clear : right;} .clearleft{clear : left;} .clearboth{clear : both;} .textright{text-align : right;} .textleft{text-align : left;} .textcenter{text-align : center;} .textjustify{text-align : justify} .hideitem{display : none;} .linkblock, .floatblock { display : block; width : 35%; float : left; padding : 5px; } .floatblock{width: 45%;} .logincontent{width : 60%;} .topandbotpaddingfive{padding : 5px 0 5px 0;} .councillordetailslayout{display : block;} .margintopten{margin-top : 10px;} .margintop{margin-top : 20px;} .relatedhome{padding-left : 15px;} .marginleftnopadding { padding: 0; margin-left: 15px; } .paddingleftnomargin { padding-left : 20px; margin : 0; } .paddingfive{padding : 5px;} .footflourish{background: url(../images/common/footer_middle.gif) repeat-x;} .topnavbottom{background: url(../images/common/topbanner_bottom.gif) repeat-x bottom #eeeade;} .firstlevelnav{background: url(../images/common/topbanner_top.gif) repeat-x top;} /******************************* Wrapper to position rhs nav **************************/ .dottedline{border-bottom : dotted 1px #000000; padding-bottom : 10px;} .formdottedline{border-bottom : dotted 1px #000000;} .eventdottedline{border-top : dotted 1px #000000; margin-top : 5px;} .infodisplay{padding-left : 14px;} .relateddisplay{padding-left : 10px;} .featuredisplay{padding : 2px 5px 2px 10px;} .linkdisplay{margin : 0; padding : 0 0 0 10px;} .backicon{padding-left : 20px;} /* right-hand side */ .rhsbox{width : 210px;} .horizontaltop{background : url(../images/common/spacergrey.gif) repeat-x top;} .horizontalbottom{background : url(../images/common/spacergrey.gif) repeat-x bottom;} .verticalleft{background : url(../images/common/spacergrey.gif) repeat-y left;} .verticalright{background : url(../images/common/spacergrey.gif) repeat-y right;} .horizontaltopgrey{background : url(../images/common/spacergrey.gif) repeat-x top #f8f6f1;} .horizontalbottomgrey{background : url(../images/common/spacergrey.gif) repeat-x bottom #f8f6f1;} .verticalleftgrey{background : url(../images/common/spacergrey.gif) repeat-y left #f8f6f1;} .verticalrightgrey{background : url(../images/common/spacergrey.gif) repeat-y right #f8f6f1;} /* left-hand side*/ .lhsbox{width : 160px;} .horizontaltopbeige{background : url(../images/common/dots_info_top.gif) repeat-x top #e5e5e5;} .horizontalbottombeige{background : url(../images/common/dots_info_bottom.gif) repeat-x bottom #e5e5e5;} .verticalleftbeige{background : url(../images/common/dots_info_left.gif) repeat-y left #e5e5e5;} .verticalrightbeige{background : url(../images/common/dots_info_right.gif) repeat-y right #e5e5e5;} .rhsedge { width : 20%; border-left : solid 1px #f2f0ea; } .blackheading{font-weight : bold;} .formpadding{padding : 5px;} fieldset{ border: 0; } #bodycolumn form, #bodyform form{ width: 48em; margin: 0 auto 0 auto; } #bodycolumn form fieldset{ margin: 0 0 0.5em 0; padding: 0.5em; border: 0; } fieldset.buttons{ text-align:right; } fieldset.buttons input, fieldset.buttons img{ vertical-align: middle; border: 0; } #bodycolumn form label{ width: 20em; display: block; float: left; margin: 0.15em 0 0.15em 0; clear: left; } #bodycolumn form span label{ width: auto; display: inline; float: none; margin: 0.15em 0 0.15em 0; clear: none; } #bodycolumn form span.nolabel label{ display: none; clear: none; } #bodycolumn form input.text, #bodycolumn form input.shorttext, #bodycolumn form input.vshorttext, #bodycolumn form input.readonly, #bodycolumn form input.shortreadonly, #bodycolumn form input.vshortreadonly, #bodycolumn form input.vvshorttext, #bodycolumn form input.vvshortreadonly, #bodycolumn form select{ width: 26.3em; margin: 0.15em 0 0.15em 0; } #bodycolumn form select{ width: 26.7em; } #bodycolumn form input.shorttext, #bodycolumn form input.shortreadonly, #bodycolumn form .shorttext, #bodycolumn form .shortreadonly{ width: 10em; } #bodycolumn form input.vshorttext, #bodycolumn form input.vshortreadonly, #bodycolumn form .vshorttext, #bodycolumn form .vshortreadonly{ width: 5.1em; } #bodycolumn form input.vvshorttext, #bodycolumn form input.vvshortreadonly, #bodycolumn form .vvshorttext, #bodycolumn form .vvshortreadonly{ width: 3em; } #bodycolumn form input.readonly, #bodycolumn form input.shortreadonly, #bodycolumn form input.vshortreadonly, #bodycolumn form .vvshortreadonly{ color: #000; background-color: transparent; font-weight: bold; border: 0; } #bodycolumn form em{ color: #ff0000; } #searchheader form{ width: 100%; } #searchheader form label{ float: none; } .buttondisabled { filter: gray() alpha(opacity=30); /* IE */ opacity: 0.30; /* Safari, Opera and Mozilla */ } #infobox { width: 48em; margin: 0 auto 0 auto; } #infobox fieldset{ margin: 0 0 0.5em 0; padding: 0.5em; border: 0; } #infobox span.label{ width: 20em; display: block; float: left; margin: 0.15em 0 0.15em 0; clear: left; } #infobox fieldset span.value{ width: 26.7em; margin: 0.15em 0 0.15em 0; font-weight : bold; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; }