/* Word Compatibility Styles */ /* These styles alter the default html behaviour to be more like MS Word */ FORM {margin-top:0px; margin-bottom:0px;} /*UL {list-style:square; margin-top:0px; margin-bottom:0px;} */ /*OL {margin-top:0px; margin-bottom:0px;}*/ BLOCKQUOTE {margin-top:0px; margin-bottom:0px;} /* Global Styles */ /*A {color:#3366FF; text-decoration:none}*/ /*A:hover {color:#7F9DB9;}*/ /* The DIV, P and TD styles should be the same as the "normal" content style. P has a margin of 0px to make it behave the same as a DIV tag, as the Immediacy Editor currently uses P's and DIV's interchangeably */ /*DIV {color:#111144; font-size:small;}*/ P {margin:0px;} /*TD {color:#111144; font-size:small;}*/ /*BODY {font-family:Arial,Verdana,Helvetica, Sans-Serif; margin:0px; padding:0px; background-color:#ffffff;}*/ /* These styles used in the supplied templates */ /*#utilitylinks A {font-size:small; color:#444444; font-weight:normal;}*/ /*#utilitylinks A:hover {color:#999999;}*/ /*#footer A {font-size:small; color:#444444; font-weight:normal; text-transform:lowercase;}*/ /*#footer A:hover {color:#999999;}*/ /* Global User Table Styles */ /* These styles define the basic properties for tables in the Immediacy Editor */ /* Default Table */ table.ImmTS_Default {padding:0px; width:100%; border-collapse:collapse;} /* Overall table style */ table.ImmTS_Default th, table.ImmTS_Default td {padding:2px; margin:2px;} /* Cell padding and spacing styles */ table.ImmTS_Default, table.ImmTS_Default th, table.ImmTS_Default td {border:1px solid black;} /* Table border style */ table.ImmTS_Default th {} /* Apply style to header cells */ table.ImmTS_Default tr {vertical-align:top;} /* Apply style to data cells */ table.ImmTS_Default td {} /* Apply style to data cells */ /* Plugin Styles */ /* These styles are used by plugins through out the site. */ /* Scroller */ #divscroller0 {z-index:1;} .scrollertitle {z-index:1; color:#8C897A; font-family:Arial,Verdana,Helvetica; font-size:12px; font-weight:bold;} .scrollerbody {z-index:1; color:#8C897A; font-family:Arial,Verdana,Helvetica; font-size:12px; font-weight:normal;} .search {color:#8C897A; font-size:small; font-weight:bold;} /* Whats new */ .WhatsnewTitle {font-size:9pt; color:#8C897A; font-weight:bold;} .WhatsnewTitle:hover {color:#8c89ff;} .WhatsnewBody {font-size:8pt; color:#8C897A; font-weight:normal; float:left;} /* SiteMap */ DIV.sitmp0 {padding:2px;} DIV.sitmp1 {padding:2px;} DIV.sitmp2 {padding:2px;} A.sitmpA0 {font-weight:bold;} A.sitmpA0:hover {} A.sitmpA1 {font-weight:normal;} A.sitmpA1:hover {} A.sitmpA2 {font-weight:normal;} A.sitmpA2:hover {} /* Page Counter Styles */ #PageCounter {text-align:right; clear:both; width:10em;} .PageCounter {text-align:left; font-size:x-small; color:#000070;} HR.PageCounter {color:#000070; height:1px;} .PageCounterTxtBox {width:40px;} /* Global Sidemenu Styles - see color style sheets for further styles */ /* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined the in the "color" style sheets. */ /* style for the containing div for the menu */ /* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */ div#sidemenu { width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:83%; } /* style of the "header" for the menu if there is one */ div#sidemenu .head { font-weight:bold; height:1.75em; padding-left:0.6em; padding-top:0.5em; margin-bottom:0.01px; margin-top:0.01px; } /* default ul tag style for this menu - you probably won't need to change this */ div#sidemenu ul { list-style:none; margin:0; padding:0px; } /* default li tag style for this menu - you probably won't need to change this */ div#sidemenu ul li { float:left; width:100%; margin:0px; } /* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */ /* change the padding styles, but exercise some caution with different browsers*/ div#sidemenu a { display:block; text-decoration:none; padding-top:0.23em; padding-bottom:0.33em; } /* style for the menu bullets */ div#sidemenu a SPAN {float:left; height:1.5em; width:14px; background-repeat:no-repeat;} /* Top Drop Down Menu Styles */ /* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where. /* style for the containing div for the menu */ /* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */ div#topdropmenu { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:83%; z-index:99; width:100%; } /* default ul tag style for this menu - you probably won't need to change this */ div#topdropmenu ul { list-style:none; margin:0px; padding:0px; } /* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */ div#topdropmenu a { display:block; margin:0px; height:100%; text-decoration:none; } /* default li tag style for this menu - you probably won't need to change this */ /* the postion:relative and float:left are critical to the correct operation of the menu */ div#topdropmenu ul li {position:relative; float:left; margin:0px;} /* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */ div#topdropmenu ul ul { position:absolute; } /* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/ /* if want extra levels of drop downs, you need to add extra styles here for each level*/ /* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/ /* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/* /* please read the ImmSample documentation for more details */ div#topdropmenu ul ul, div#topdropmenu ul li:hover ul ul, div#topdropmenu ul ul li:hover ul ul, div#topdropmenu ul ul ul li:hover ul ul { display:none; } div#topdropmenu ul li:hover ul, div#topdropmenu ul ul li:hover ul, div#topdropmenu ul ul ul li:hover ul, div#topdropmenu ul ul ul ul li:hover ul { display:block; } /* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */ /* it is this section which really differentiates the top drop down menu from a side flyout menu */ /* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/ /* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */ /* This section defines the width of the menu items at different levels */ div#topdropmenu ul.L0 {width:940px;} /* defines the total width of the top menu */ div#topdropmenu ul.L1 {width:170px;} /* width of level 1 leaves */ div#topdropmenu ul.L2 {width:170px;} /* width of level 2 leaves */ /* defines position of drop down leaves */ div#topdropmenu ul.L0 ul {top:24px; left:0;} /* position of first leaf */ div#topdropmenu ul.L1 ul {top:-1px; left:100%;} /* position of second leaf */ div#topdropmenu ul.L2 ul {top:-1px; left:100%;} /* position of third leaf - if there is one*/ /* defines width of menu items */ div#topdropmenu ul.L0 li {width:154px;} /* level 0 items */ div#topdropmenu ul.L1 li {width:170px;} /* level 1 items */ div#topdropmenu ul.L2 li {width:170px;} /* level 2 items */ /* defines height and width of a tags within the above li tags*/ /* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */ /* padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */ /* change the padding styles, but exercise some caution with different browsers*/ div#topdropmenu ul.L0 li a {width:130px; height:19px; font-size:110%; font-weight:bold; padding-top:5px; padding-left:8px; padding-right:15px;} div#topdropmenu ul.L1 li a {width:150px; height:auto; font-size:100%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;} div#topdropmenu ul.L2 li a {width:150px; height:auto; font-size:100%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;} /* end top menu bar*/ /* Rss Feed Styles */ UL.rssFeed {list-style:none; margin:0px; margin-bottom:20px; width:40em;} UL.rssFeed LI {margin-bottom:.75em;} UL.rssFeed A {font-size:120%; font-weight:bold;} Ul.rssFeed .desc {margin-bottom:.2em;} Ul.rssFeed .meta {} /*News Letter */ .NewsLetterDarkBg {background-color:#007000;} .NewsLetterLightBg {background-color:#effff3;} /* Blogging Plugin Styles */ .BloggingAboutBox { padding: 10px; } .BloggingAboutBox A { display: block; } .RSSFeedLink { float:right; margin-top: -30px; margin-right: 5px; } .BlogItem { margin-bottom: 30px; } .BlogItem .CreatedDate { font-size: x-large; color: navy; border-bottom: 1px dashed navy; padding-bottom: 10px; margin-bottom: 10px; } .BlogItem h1.Title { font-size: large; } .BlogItem .Content { margin-bottom: 10px; } .CommentItem { border-bottom: 1px lightgrey dashed; padding-bottom: 10px; margin-bottom: 10px; } .CommentItem .Title { font-weight: bold; margin-bottom: 5px; } .CommentItem .MetaData { font-style: italic; color: gray; margin-bottom: 10px; } .CommentItem .Content { margin-bottom: 10px; } .CommentItem .CreatedDate { font-weight: bold; } /* New comment form layout */ .BlogEntryNewCommentForm fieldset { margin-bottom: 10px; } .BlogEntryNewCommentForm legend { padding: 0 2px; font-weight: bold; _margin: 0 -7px; /* IE Win */ } /*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */ .BlogEntryNewCommentForm fieldset ol, .BlogEntryNewCommentForm fieldset ul { margin: 0; padding: 0; } .BlogEntryNewCommentForm fieldset li { list-style: none; list-style-image: none; padding: 5px; margin: 0; clear: both; border: 0; } .BlogEntryNewCommentForm fieldset li input, .BlogEntryNewCommentForm fieldset li textarea { width: 350px; } .BlogEntryNewCommentForm fieldset li div.captcha { line-height: 1.8em; margin-bottom: 5px; float: left; } .BlogEntryNewCommentForm fieldset label, .captchaLabel { width: 120px; /* Width of labels */ vertical-align:top; line-height: 1.8em; float: left; margin-right: 5px; } .BlogEntryNewCommentForm fieldset li div.captcha img { margin-bottom: 2px; } /* Form styles */ .BlogEntryNewCommentForm legend { padding-left: 0; color: #333; } .BlogEntryNewCommentForm fieldset { border: none; /*border-top: 1px solid #C9DCA6;*/ } .BlogEntryNewCommentForm fieldset li { padding: 5px 10px 7px; border-top: 1px solid #C9DCA6; } /* End blogging styles */