/* Horizontal (main) Navigation styles */ .Nav-x {list-style: none; padding: 0;margin:0 auto; height:30px; width: 100%; background: transparent url(images/template/nav/mainnav/nav_bac.gif) no-repeat top; display: block; float: left} .Nav-x H2 {display:none;} .Nav-x .Links {list-style: none; margin: 0 auto; vertical-align: top; padding: 0px; background: transparent url(images/template/nav/mainnav/nav_bac.gif) no-repeat top; text-align:center; width: 100%} .Nav-x .Links .Separator {display:none; visibility: hidden;} .Nav-x .Links .Link {background: transparent url(images/template/nav/mainnav/main_nav_background.gif) no-repeat top right; text-align:center;} .Nav-x .Links .Link .Left {height: 25px; font-size:11px; background: transparent url(images/template/nav/mainnav/main_nav_background.gif) no-repeat top right; float: left; display: block;} .Nav-x .Links .Link a {background: transparent url(images/template/nav/mainnav/main_nav_background.gif) no-repeat top right; height: 21px; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#FFF; padding:4px 10px 0 10px;} .Nav-x .Links .Link a:active {background: #FFF; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#000;} .Nav-x .Links .Link a:hover {background: transparent url(images/template/nav/mainnav/main_nav_background_over.gif) no-repeat top right; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#FFF; text-decoration:underline; } .Nav-x .Links .LinkSelected {background: #FFF; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#000; } .Nav-x .Links .LinkSelected .Left {height: 25px; font-size:11px; float: left; display: block;} .Nav-x .Links .LinkSelected .Left a {height: 21px; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#000; padding:4px 10px 0 10px; border-right: 1px solid #FFF;} .Nav-x .Links .LinkSelected .Left a:active {background: #FFF; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#000; border-right: 1px solid #FFF;} /* Top Nav - custom horizontal nav*/ .navholder H2 {display:none;} .navholder {background: url(images/template/TopNav/BG_bar.gif) left top;width: 985px; height: 3em;} .navholder ul {margin: 0 0 0 9px;padding: 0px;} .navholder li {display: inline; text-align:center; display: block; height: 1.94em ; float:left} .navholder li a {display: inline; color:#FFF; text-decoration:none; height: 2.2em } .navholder li a:hover { } .navholder li.home a, .navholder li.home_on a {background: url(images/template/TopNav/home.gif); width: 65px;padding: 10px 0 0 5px; display:block} .navholder li.centres a, .navholder li.centres_on a{ background: url(images/template/TopNav/centres.gif); width: 72px; padding: 10px 0 0 2px;display:block} .navholder li.Bases a, .navholder li.Bases_on a{ background: url(images/template/TopNav/bases.gif); width: 70px; padding: 10px 0 0 2px;display:block} .navholder li.trail a, .navholder li.trail_on a{ background: url(images/template/TopNav/trial_search.gif); width: 102px;padding: 10px 0 0 2px;display:block} .navholder li.accomodation a, .navholder li.accomodation_on a{ background: url(images/template/TopNav/accomodation.gif); width: 122px;padding: 10px 0 0 2px;display:block} .navholder li.news a, .navholder li.news_on a{ background: url(images/template/TopNav/news.gif); width: 60px;padding: 10px 0 0 2px;display:block} .navholder li.events a, .navholder li.events_on a{ background: url(images/template/TopNav/events.gif); width: 73px;padding: 10px 0 0 2px;display:block} .navholder li.tried a, .navholder li.tried_on a{ background: url(images/template/TopNav/tried_tested.gif); width: 121px;padding: 10px 0 0 2px;display:block} .navholder li.blog a, .navholder li.blog_on a{ background: url(images/template/TopNav/blog.gif); width: 60px;padding: 10px 0 0 2px;display:block} .navholder li.home a:hover, .navholder li.centres a:hover, .navholder li.Bases a:hover, .navholder li.trail a:hover, .navholder li.accomodation a:hover, .navholder li.news a:hover, .navholder li.events a:hover, .navholder li.tried a:hover, .navholder li.blog a:hover { background-position: 0px 160px} .navholder li.home_on a, .navholder li.centres_on a, .navholder li.Bases_on a, .navholder li.trail_on a, .navholder li.accomodation_on a, .navholder li.news_on a, .navholder li.events_on a, .navholder li.tried_on a, .navholder li.blog_on a { background-position: 0px 80px; color:#4b533e} .topnav {display:block;} /* End */ /* Vertical (secondary) Navigation styles - RHS*/ .RightPane .Nav-y {background:url(images/template/nav/lhs/tile_nav_bac.gif) left repeat-y; margin-bottom: 3px; clear: both; padding:0;} /* header */ .RightPane .Nav-y .Header { width:100%; height: 44px; background:url(images/template/Boxes/pick_purpose_top.gif) top left no-repeat; } .RightPane .Nav-y .Header .Right {display:none; } .Nav-y .BlankHeader { width:100%; height: 44px; background:url(images/template/Boxes/blank_top.gif) top left no-repeat; } .Nav-y .BlankHeader .Title { font-size:14px; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;font-weight:700; color:#fff; display:block; padding:12px 15px 18px 18px;} .Nav-y .BlankHeader .Left { text-align:left; } .RightPane .Nav-y a {color: #373a31; text-decoration:underline;} .RightPane .Nav-y a:hover {color: #859d4b; } /* body */ .RightPane .Nav-y .Body {width:228px; margin: 0 ; } .RightPane .Nav-y .Body .Content {margin: 0 0 0 10px; padding:0; text-align:left; } /* first group */ .RightPane .Nav-y .Body ul {margin: 0; padding: 0; list-style: none; padding-bottom: 0px; width: 228px; text-align:left; } .RightPane .Nav-y .Body li {margin: 0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #dee3d4; } .RightPane .Nav-y .Body ul li a {color: #373a31; padding: 3px 5px 5px 25px; text-decoration: underline; display: block; font-size:90%; background:#f0f3ea url(images/template/nav/lhs/lhs_nav_icon.gif) 0 8px no-repeat; } .RightPane .Nav-y .Body ul li a:hover {color: #859d4b; } .RightPane .Nav-y .Body ul li.Selected {color: #fff ;margin: 0; padding: 0 !important;} .RightPane .Nav-y .Body ul li.Selected a {color: #fff !important; text-decoration: none; display: block; padding: 3px 5px 5px 25px; background:#9fba65; font-weight:bold; } .RightPane .Nav-y .Body ul li.Selected a:hover {color: #fff; text-decoration: none; display: block; padding: 3px 5px 5px 25px;} /* second group */ .RightPane .Nav-y .Body ul li.ParentSelected {color: #fff ;margin: 0; padding: 0 !important;} .RightPane .Nav-y .Body ul li.ParentSelected a {color: #373a31 !important; text-decoration: underline; display: block; padding: 3px 5px 5px 25px; background: url(images/template/nav/lhs/lhs_nav_icon_on.gif) no-repeat 0 8px; } .RightPane .Nav-y .Body ul li.ParentSelected a:hover {color: #859d4b; text-decoration: none; display: block; padding: 3px 5px 5px 25px;} .RightPane .Nav-y .Body ul ul {margin: 0;padding: 0;} .RightPane .Nav-y .Body ul ul li {background: none;color: #395978; margin: 0;padding: 3px 5px 5px 22px;} .RightPane .Nav-y .Body ul ul li a {color:#0d558c !important;} .RightPane .Nav-y .Body ul ul li.Sub {color: #415714;margin: 0;padding: 0;} .RightPane .Nav-y .Body ul ul li.Sub a {color: #415714 !important; margin: 0; padding: 3px 5px 5px 25px; border: none; text-decoration: underline; font-weight:normal; background:#fff url(images/template/nav/lhs/lhs_nav_icon_on_regular.gif) no-repeat -5px 5px; } .RightPane .Nav-y .Body ul ul li.Sub a:hover {color: #859d4b !important; text-decoration: underline; margin: 0; padding: 3px 5px 5px 25px; } .RightPane .Nav-y .Body ul li.ParentSelected ul li.Selected {color:#FFF;margin:0;padding:0; } .RightPane .Nav-y .Body ul li.ParentSelected ul li.Selected a {color: #fff !important; padding: 2px 0 5px 23px; display:block; text-decoration:none; font-weight:bold; background:#9fba65;} .RightPane .Nav-y .Body ul li.ParentSelected ul li.Selected a:hover { padding: 2px 0 5px 23px;display:block; background:#9fba65; } /*coloured bullet*/ .RightPane .Nav-y .Body ul li.Green {color: #415714;margin: 0;padding: 0;} .RightPane .Nav-y .Body ul li.Green a {color: #415714 !important; margin: 0; padding: 3px 5px 5px 25px; border: none; text-decoration: underline; font-weight:normal; background: url(images/template/nav/lhs/lhs_nav_icon_on_brightgreen.gif) 0 1px no-repeat ; } .RightPane .Nav-y .Body ul li.Green a:hover {color: #999; margin: 0; padding: 3px 5px 5px 25px; } .RightPane .Nav-y .Body ul li.Red {color: #415714;margin: 0;padding: 0;} .RightPane .Nav-y .Body ul li.Red a {color: #415714 !important; margin: 0; padding: 3px 5px 5px 25px; border: none; text-decoration: underline; font-weight:normal; background:url(images/template/nav/lhs/lhs_nav_icon_on_red.gif) 0 1px no-repeat ; } .RightPane .Nav-y .Body ul li.Red a:hover {color: #859d4b; margin: 0; padding: 3px 5px 5px 25px; } .RightPane .Nav-y .Body ul li.Black {color: #415714;margin: 0;padding: 0;} .RightPane .Nav-y .Body ul li.Black a {color: #373a31 !important; margin: 0; padding: 3px 5px 5px 25px; border: none; text-decoration: underline; font-weight:normal; background:url(images/template/nav/lhs/lhs_nav_icon_on_black.gif) 0 1px no-repeat ; } .RightPane .Nav-y .Body ul li.Black a:hover {color: #859d4b; margin: 0; padding: 3px 5px 5px 25px; } .RightPane .Nav-y .Body ul li.Brown {color: #415714;margin: 0;padding: 0;} .RightPane .Nav-y .Body ul li.Brown a {color: #373a31 !important; margin: 0; padding: 3px 5px 5px 25px; border: none; text-decoration: underline; font-weight:normal; background:url(images/template/nav/lhs/lhs_nav_icon_on_brown.gif) 0 1px no-repeat; } .RightPane .Nav-y .Body ul li.Brown a:hover {color: #859d4b; margin: 0; padding: 3px 5px 5px 25px; } .RightPane .Nav-y .Body ul li.Silver {color: #415714;margin: 0;padding: 0;} .RightPane .Nav-y .Body ul li.Silver a {color: #373a31 !important; margin: 0; padding: 3px 5px 5px 25px; border: none; text-decoration: underline; font-weight:normal; background:url(images/template/nav/lhs/lhs_nav_icon_on_silver.gif) 0 1px no-repeat; } .RightPane .Nav-y .Body ul li.Silver a:hover {color: #859d4b; margin: 0; padding: 3px 5px 5px 25px; } .RightPane .Nav-y .Body ul li.Blue {color: #415714;margin: 0;padding: 0;} .RightPane .Nav-y .Body ul li.Blue a {color: #373a31 !important; margin: 0; padding: 3px 5px 5px 25px; border: none; text-decoration: underline; font-weight:normal; background:url(images/template/nav/lhs/lhs_nav_icon_on_blue.gif) 0 1px no-repeat; } .RightPane .Nav-y .Body ul li.Blue a:hover {color: #859d4b; margin: 0; padding: 3px 5px 5px 25px; } /* third group */ .RightPane .Nav-y .Body ul ul ul {margin: 0;padding: 0;background: none;} .RightPane .Nav-y .Body ul ul ul li {background: none;color: #FF9900;margin: 0;padding: 0;} .RightPane .Nav-y .Body ul ul ul li.Sub {color: #FF9900;margin: 0;} .RightPane .Nav-y .Body ul ul ul li.Sub a {color: #373a31; margin: 0; padding: 0 0 5px 24px;text-decoration: underline; } .RightPane .Nav-y .Body ul ul ul li.Sub a:hover {color: #859d4b !important; border-style: none; margin: 0; padding: 0 0 5px 24px; } .RightPane .Nav-y.Body ul ul ul li.Selected {background:none;color:#FFF;margin:0;} .RightPane .Nav-y .Body ul ul ul li.Selected a {color: #415714;margin: 0;padding: 0 0 5px 15px;margin-left:5px;display:block;} .RightPane .Nav-y .Body ul ul ul li.Selected a:hover {color: #859d4b;margin-left:5px; padding: 0 0 5px 15px;display:block;} .RightPane .Nav-y .Body ul ul li.Sub a {color: #373a31; margin: 0; padding: 0 0 5px 24px;text-decoration: underline; } .RightPane .Nav-y .Body ul ul li.Sub a:hover {color: #859d4b; border-style: none; margin: 0; padding: 0 0 5px 24px; } /* footer */ .RightPane .Nav-y .Footer {clear:both; background:url(images/template/Boxes/pick_purpose_bottom.gif) left bottom no-repeat ;height:22px;} /* Vertical (secondary) Navigation styles - LHS*/ .Box-NewsCategories .Nav-y {width:195px !important; } /* body */ .Box-NewsCategories .Nav-y .Body {width:150px !important; } /* first group */ .Box-NewsCategories .Nav-y .Body ul {width: 150px !important; } .Box-NewsCategories .Nav-y .Header { height: 44px; background: url(images/webparts/news_head.gif) no-repeat !important; } .Box-NewsCategories .Nav-y .Footer {height: 22px; clear:both; background: url(images/webparts/col_bottom.gif) bottom no-repeat ; } .Box-NewsCategories .Nav-y .Body a {color: #373a31; padding: 3px 5px 5px 17px; text-decoration: underline; display: block; font-size:90%; background: url(images/template/nav/lhs/lhs_nav_icon.gif) 0 8px no-repeat; } .Box-NewsCategories .Nav-y .Body a:hover {color: #859d4b !important;} /* End */ /* Search */ .Search {width: 200px; padding:10px 5px 5px 5px; font-size:11px; font-family: Arial, Sans-Serif, Helvetica;} .Left {} .Right {} .Body {} .Form {padding: 0px; margin: 0px;} .Form label {float: left; padding: 3px 6px 0px 0px; font-weight: bold;} .Form input.Text {width: 120px; font-size:11px;font-family: Arial, Sans-Serif, Helvetica; float: left} .Form .Button {padding-top: 3px; padding: 0px; display: block; float: left; cursor: pointer} .Form .Option {display:none} .Form .Option input {clear:both;display:block;float:left;width:13px;height:13px;margin-right:10px;} /* End */ /* FocusOn Box */ .Box-FocusOn {width:195px; background: url(images/webparts/col_tile.gif) left repeat-y; margin-bottom: 3px; } /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-FocusOn .Banner {background: url(images/webparts/generic_col_head.gif) left top no-repeat; } /* Used for rounded corners and to hold a with the title in it. */ .Box-FocusOn .Banner .Left { padding:5px 0 0 10px; } /* in the above style to show Control title/ page title */ .Box-FocusOn .Banner .Title {font-weight:bold; color:#fff; padding:8px 8px 20px 8px; display:block; } /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-FocusOn .Banner .Right {} /* End */ /* User Control Footer areas */ .Box-FocusOn .Footer { background:url(images/webparts/col_bottom.gif) no-repeat left top; height:14px; width:195px;} .Box-FocusOn .Footer .Left { } .Box-FocusOn .Footer .Right { } .Box-FocusOn .Footer .Left a {} .Box-FocusOn .Footer .Left a:hover {} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-FocusOn .Body { padding:0 15px;} /* Used to show left edge repeating background image */ .Box-FocusOn .Body .Left {} /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-FocusOn .Body .Content {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-FocusOn .Body .Content .Text {/*float:left; */} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-FocusOn .Body .Content a { color:#2f2f2f; text-decoration:underline; } .Box-FocusOn .Body .Content a:hover { text-decoration:none; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-FocusOn .Body .Content img {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-FocusOn .Body .Content label {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-FocusOn .Body .Right {} .Box-FocusOn .CommandBtn {padding: 2px 16px 2px 0; margin:3px 0 0 0; background: url(images/commandBtn_tile.gif) no-repeat right; color: #fff; font-weight: bold; text-decoration:none;} .Box-FocusOn .CommandBtn:hover {text-decoration:underline;} .Box-FocusOn input.field{background:#ecf1e2; border:1px solid #7e9947;} /* End */ /* End */ /* News Box */ .Box-News {width:360px; background:url(images/webparts/quicknews/header.gif) no-repeat; float: left} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-News .Banner {height: 30px; padding: 0px; display: block} /* Used for rounded corners and to hold a with the title in it. */ .Box-News .Banner .Left {text-align:left; float:left; width: 100%; } /* in the above style to show Control title/ page title */ .Box-News .Banner .Title { display:none;} /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-News .Banner .Right {text-align:left; float:right; width:2px; display:none} /* End */ /* User Control Footer areas */ .Box-News .Footer {background:url(images/webparts/quicknews/footer.gif) bottom left no-repeat; clear:both;} .Box-News .Footer .Left {height:17px; } .Box-News .Footer .Right {} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-News .Body {font-size:0.9em; line-height:1.4em;} /* Used to show left edge repeating background image */ .Box-News .Body .Left {text-align:left; float:left; height:auto; } /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-News .Body .Content {margin: 0px 4px 0px 4px; float:left; text-align:left; padding:5px;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-News .Body .Content a {text-align:right; text-decoration: underline} .Box-News .Body .Content a:hover {text-decoration:none;} .Box-News .Body .Content dl {width: 250px;} .Box-News .Body .Content dl dt {display:block; width: 90%; } .Box-News .Body .Content dl dt a {float:left; display:inline;} .Box-News .Body .Content dl dd {display:block; width: 259px; clear: left; margin-bottom: 3px; padding: 2px} .Box-News .Body .Content .Text {/*float:left;*/} .Box-News .Body .Content .morelink {font-weight: bold; padding: 0 2px;} .Box-News .Body .Content .morelink a {} .Box-News .Body .Content .morelink a:hover {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-News .Body .Content img {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-News .Body .Right {float:right;} /* End */ /* End */ /* Events Box */ .Box-Events {width:360px; background:url(images/webparts/quickevents/header.gif) no-repeat; float: left} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-Events .Banner {height: 30px; padding: 0px; display: block} /* Used for rounded corners and to hold a with the title in it. */ .Box-Events .Banner .Left {text-align:left; float:left; width: 100%; } /* in the above style to show Control title/ page title */ .Box-Events .Banner .Title { display:none;} /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-Events .Banner .Right {text-align:left; float:right; width:2px; display:none} /* End */ /* User Control Footer areas */ .Box-Events .Footer {background:url(images/webparts/quicknews/footer.gif) bottom left no-repeat; clear:both;} .Box-Events .Footer .Left {height:17px; } .Box-Events .Footer .Right {} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-Events .Body {font-size:0.9em; line-height:1.4em;} /* Used to show left edge repeating background image */ .Box-Events .Body .Left {text-align:left; float:left; height:auto; } /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-Events .Body .Content {margin: 0px 4px 0px 4px; float:left; text-align:left; padding:5px;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Events .Body .Content a {text-align:right; text-decoration: underline} .Box-Events .Body .Content a:hover {text-decoration:none;} .Box-Events .Body .Content dl {width: 250px;} .Box-Events .Body .Content dl dt {display:block; width: 90%; } .Box-Events .Body .Content dl dt a {float:left; display:inline;} .Box-Events .Body .Content dl dd {display:block; width: 259px; clear: left; margin-bottom: 3px; padding: 2px} .Box-Events .Body .Content .Text {/*float:left;*/} .Box-Events .Body .Content .morelink {font-weight: bold; padding: 0 2px;} .Box-Events .Body .Content .morelink a {} .Box-Events .Body .Content .morelink a:hover {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Events .Body .Content img {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Events .Body .Right {background:transparent url(images/appbody_right.gif) repeat-y top right; float:right;} /* End */ /* End */ /* Generic Box */ .Box-Generic {width:195px; background: url(images/webparts/col_tile.gif) left repeat-y; margin-bottom: 3px; } /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-Generic .Banner {background: url(images/webparts/generic_col_head.gif) left top no-repeat; } /* Used for rounded corners and to hold a with the title in it. */ .Box-Generic .Banner .Left { padding:5px 0 0 10px; } /* in the above style to show Control title/ page title */ .Box-Generic .Banner .Title {font-weight:bold; color:#fff; padding:8px 8px 20px 8px; display:block; } /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-Generic .Banner .Right {/*text-align:left; float:right; width:2px; display:none*/} /* */ .Box-Generic .Banner .Header {} /* End */ /* User Control Footer areas */ .Box-Generic .Footer { background:url(images/webparts/col_bottom.gif) no-repeat left top; height:14px; width:195px;} .Box-Generic .Footer .Left {} .Box-Generic .Footer .Right {} .Box-Generic .Footer .Left a {} .Box-Generic .Footer .Left a:hover {} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-Generic .Body { padding:0 15px;} /* Used to show left edge repeating background image */ .Box-Generic .Body .Left {/*background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left; height:auto;*/} /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-Generic .Body .Content {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Generic .Body .Content .Text {/*padding: 10px;*/} .Box-Generic .Body .Content a { color:#2f2f2f; text-decoration:underline; } .Box-Generic .Body .Content a:hover { text-decoration:none; } .Box-Generic .Body .Content dl {width: 100%;} .Box-Generic .Body .Content dl dt {display:block; width: 90%; } .Box-Generic .Body .Content dl dd {display:block; clear: left; margin-bottom: 3px; padding: 2px} .Box-Generic .Body .Content dl dt img {float: left; margin-right: 3px;} .Box-Generic .Body .Content ul {margin: 0px;padding: 0;} .Box-Generic .Body .Content ul li {list-style: none;} .Box-Generic .Body .Content ul li a {} .Box-Generic .Body .Content .Text {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Generic .Body .Content a {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Generic .Body .Content img {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Generic .Body .Right {} /* End */ /* Email Broadcaster Box */ /* Banner area (usually says 'focus on' in there in regular CMS */ /* .Box-Email .Banner {background:transparent url(images/appbanner_bg.gif) repeat-x; width:100%; height: 35px; } /* Used for rounded corners and to hold a with the title in it. */ /* .Box-Email .Banner .Left {background:transparent url(images/appbanner_chamleft.gif) no-repeat top left; height:35px; text-align:left; float:left; width:auto; } /* in the above style to show Control title/ page title */ /* .Box-Email .Banner .Title {padding-left: 10px; font-weight:bold; line-height:32px; float:left; } /* Used for rounded corners. Can be set to display:none if not required in the layout. */ /* .Box-Email .Banner .Right /* {background:transparent url(images/appbanner_chamright.gif) no-repeat top right; height:35px;text-align:left; float:right; width:6px; } /* End */ /* User Control Footer areas */ /* .Box-Email .Footer {background:transparent url(images/appfooter_bg.gif) repeat-x; float:left; height: 13px; font-size: 11px;width:100%; } .Box-Email .Footer .Left {background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px;} .Box-Email .Footer .Right {background:transparent url(images/appfooter_right.gif) no-repeat top right; height:13px;text-align:left; float:right; width:6px;} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ /* .Box-Email .Body {font-size:0.9em; line-height:1.4em;} /* Used to show left edge repeating background image */ /* .Box-Email .Body .Left {background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left; height:auto; } /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ /* .Box-Email .Body .Content {border-top: 1px solid #c8c8c8; height: auto; margin: 0px 6px 0px 6px; padding:10px; float:left; text-align:left; display:inline;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ /* .Box-Email .Body .Content .Text {float:left; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ /* .Box-Email .Body .Content a {float:left;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ /* .Box-Email .Body .Content img {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ /* .Box-Email .Body .Right {background:transparent url(images/appbody_right.gif) repeat-y top right; float:right;} /* End */ /* End */ /* QuickSection Box */ /* .Box-QuickSection {width:200px;} /* Banner area (usually says 'focus on' in there in regular CMS */ /* .Box-QuickSection .Banner {background:transparent url(images/appbanner_bg.gif) repeat-x; width:100%; height: 35px; } /* Used for rounded corners and to hold a with the title in it. */ /* .Box-QuickSection .Banner .Left {background:transparent url(images/appbanner_chamleft.gif) no-repeat top left; height:35px; text-align:left; float:left; width:auto; } /* in the above style to show Control title/ page title */ /* .Box-QuickSection .Banner .Title {padding-left: 10px; font-weight:bold; line-height:32px; float:left; } /* Used for rounded corners. Can be set to display:none if not required in the layout. */ /* .Box-QuickSection .Banner .Right {float:right;height:35px; width:36px;padding:5px 0 0 5px;text-align:left; background:transparent url(images/appbanner_chamright.gif) no-repeat top right; cursor:pointer } /* End */ /* User Control Footer areas */ /* .Box-QuickSection .Footer {float:left; height:13px; width:100%; font-size:11px; background:transparent url(images/appfooter_bg.gif) repeat-x;} .Box-QuickSection .Footer .Left {float:left; width:6px; height: 13px; background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; } .Box-QuickSection .Footer .Right {float:right;height:13px;width:6px; background:transparent url(images/appfooter_right.gif) no-repeat top right;text-align:left;} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ /* .Box-QuickSection .Body {font-size:0.9em; line-height:1.4em;} /* Used to show left edge repeating background image */ /* .Box-QuickSection .Body .Left {background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left; height:auto; } /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ /* .Box-QuickSection .Body .Content {border-top: 1px solid #c8c8c8; height: auto; margin: 0px 6px 0px 6px; padding:10px; float:left; text-align:left; display:inline;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ /* .Box-QuickSection .Body .Content a {display:block;clear:left;text-align:right;} .Box-QuickSection .Body .Content dl {margin: 0px;padding: 0;} .Box-QuickSection .Body .Content dl dt {list-style: none;} .Box-QuickSection .Body .Content dl dt a {float:left; display:inline;} .Box-QuickSection .Body .Content dl dd {} .Box-QuickSection .Body .Content .Text {float:left; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ /* Nested inside the left div- for expandable widths (ie sliding doors)*/ /* .Box-QuickSection .Body .Content img {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ /* .Box-QuickSection .Body .Right {background:transparent url(images/appbody_right.gif) repeat-y top right; float:right; } /* End */ /* End */ /* Events Box */ .Box-CrossPromo {width:195px; background: url(images/webparts/col_tile.gif) left repeat-y; margin-bottom: 3px; } /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-CrossPromo .Banner {background: url(images/webparts/generic_col_head.gif) left top no-repeat; } /* Used for rounded corners and to hold a with the title in it. */ .Box-CrossPromo .Banner .Left { padding:5px 0 0 10px; } /* in the above style to show Control title/ page title */ .Box-CrossPromo .Banner .Title {font-weight:bold; color:#fff; padding:8px 8px 20px 8px; display:block; } /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-CrossPromo .Banner .Right {/*background:transparent url(images/appbanner_chamright.gif) no-repeat top right; height:35px;text-align:left; float:right; width:6px;*/ } /* End */ /* User Control Footer areas */ .Box-CrossPromo .Footer { background:url(images/webparts/col_bottom.gif) no-repeat left top; height:14px; width:195px;} .Box-CrossPromo .Footer .Left {} .Box-CrossPromo .Footer .Right {} .Box-CrossPromo .Footer .Left a {} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-CrossPromo .Body {} /* Used to show left edge repeating background image */ .Box-CrossPromo .Body .Left {/*background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left; height:auto;*/ } /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-CrossPromo .Body .Content {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-CrossPromo .Body .Content .Text {/*float:left; font-weight: bold*/ } .Box-CrossPromo .Body .Content .divQuoteBlock {} .Box-CrossPromo .Body .Content a { color:#2f2f2f; text-decoration:underline; } .Box-CrossPromo .Body .Content a:hover { text-decoration:none; } .Box-CrossPromo .Body .Content ul {margin: 0px;padding: 0;} .Box-CrossPromo .Body .Content ul li {list-style: none;} .Box-CrossPromo .Body .Content ul li a { display:inline;} .Box-CrossPromo .Body .Content .Text {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-CrossPromo .Body .Content a {float:left;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-CrossPromo .Body .Content img {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-CrossPromo .Body .Right {} /* End */ /* PlacestoVisit Box */ .Box-PlacesToVisit {width:195px; background: url(images/webparts/col_tile.gif) left repeat-y; margin-bottom: 3px; } /* User Control Banner areas (usually says 'focus on' in there in regular CMS */ .Box-PlacesToVisit .Banner {background: url(images/webparts/generic_col_head.gif) left top no-repeat; } /* Used for rounded corners and to hold a with the title in it. */ .Box-PlacesToVisit .Banner .Left { padding:5px 0 0 10px; } /* in the above style to show Control title/ page title */ .Box-PlacesToVisit .Banner .Title {font-weight:bold; color:#fff; padding:8px 8px 20px 8px; display:block; } /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-PlacesToVisit .Banner .Right {/*background:transparent url(images/appbanner_chamright.gif) no-repeat top right; height:35px;text-align:left; float:right; width:6px; */} /* End */ /* User Control Footer areas */ .Box-PlacesToVisit .Footer { background:url(images/webparts/col_bottom.gif) no-repeat left top; height:14px; width:195px;} .Box-PlacesToVisit .Footer .Left { } .Box-PlacesToVisit .Footer .Right {} .Box-PlacesToVisit .Footer .Left a {} .Box-PlacesToVisit .Footer .Left a:hover {} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-PlacesToVisit .Body {} /* Used to show left edge repeating background image */ .Box-PlacesToVisit .Body .Left {/*background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left; height:auto;*/ } /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-PlacesToVisit .Body .Content {} .Box-PlacesToVisit .Body .Content a {color:#2f2f2f; text-decoration:underline;} .Box-PlacesToVisit .Body .Content a:hover { text-decoration:none;} .Box-PlacesToVisit .Body .Content .Text {float:left; font-weight: bold } .Box-PlacesToVisit .Body ul {list-style:none; padding:0px ; margin:0px;} .Box-PlacesToVisit .Body ul li {list-style:none; padding:0px} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-PlacesToVisit .Body .Right {} /* End */ /* Clearing divs to force areas to fill the available space */ .expandy {clear:both;width:1px;overflow:hidden;height:100%;} .expandx {float:right;height:1px;overflow:hidden;width:100%;} /* Comments Webpart */ .Comment {padding:5px 0px 0px 5px; border:1px solid #CCC; margin: 4px 0px 4px 0px;} .Comment .Name {padding:2px 0px 5px 0px; font-weight:bold; font-size:90%} .Comment .Name .Date {font-size:80%; font-weight:normal} .Comment .Details {padding:0px 0px 5px 10px;} .CommentForm {border: 1px dotted #CCC; background: #FFF; color: #FFF;} .CommentForm Label {font-weight: bold;} .CommentRating {margin: 20px;} /* Social Bookmarking */ .Socialbookmarks {clear: left; padding: 4px} .Socialbookmarks a {font-weight: bold; color: #ff9900} /* Rating in Comment part */ .ratingStar {font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat;} .filledRatingStar {background-image: url(Images/FilledStar.png);} .emptyRatingStar {background-image: url(Images/EmptyStar.png);} .savedRatingStar {background-image: url(Images/SavedStar.png);} /* End */ /*new style for blog page*/ .Box-Labels {width:195px; background: url(images/webparts/col_tile.gif) left repeat-y; margin-bottom: 3px; } /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-Labels .Banner {background: url(images/webparts/labels_head.gif) left top no-repeat; } /* Used for rounded corners and to hold a with the title in it. */ .Box-Labels .Banner .Left { padding:8px 8px 30px 18px;} /* in the above style to show Control title/ page title */ .Box-Labels .Banner .Title { display:none; } /* Used for rounded corners. Can be set to display:none if not required in the layout. */ /* End */ /* User Control Footer areas */ .Box-Labels .Footer { background:url(images/webparts/col_bottom.gif) no-repeat left top; height:14px; width:195px;} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-Labels .Body {padding:0 14px;} .Box-Labels .Body .Content a { color:#2f2f2f; text-decoration:underline; } .Box-Labels .Body .Content a:hover { text-decoration:none; } .Box-Labels .Body .Content ul {margin: 0px;padding: 0;} .Box-Labels .Body .Content ul li {list-style: none;} .Box-Labels .Body .Content ul li a {display:block;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Labels .Body .Content a {} /* End */ .Box-Archive {width:195px; background: url(images/webparts/col_tile.gif) left repeat-y; margin-bottom: 3px; } /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-Archive .Banner {background: url(images/webparts/archive_head.gif) top left no-repeat;} /* Used for rounded corners and to hold a with the title in it. */ .Box-Archive .Banner .Left { padding:8px 8px 30px 18px;} /* in the above style to show Control title/ page title */ .Box-Archive .Banner .Title { display:none;} /* Used for rounded corners. Can be set to display:none if not required in the layout. */ /* End */ /* User Control Footer areas */ .Box-Archive .Footer { background:url(images/webparts/col_bottom.gif) no-repeat left top; height:14px; width:195px;} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-Archive .Body {padding:0 14px;} .Box-Archive .Body .Content a { color:#2f2f2f; text-decoration:underline; } .Box-Archive .Body .Content a:hover { text-decoration:none; } .Box-Archive .Body .Content ul {margin: 0px;padding: 0;} .Box-Archive .Body .Content ul li {list-style: none;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Archive .Body .Content a {} /* End */ .Box-Postsearch {width:195px; background: url(images/webparts/col_tile.gif) left repeat-y; margin-bottom: 3px; } /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-Postsearch .Banner {background: url(images/webparts/postsearch_head.gif) left top no-repeat; } /* Used for rounded corners and to hold a with the title in it. */ .Box-Postsearch .Banner .Left { padding:8px 8px 30px 18px;} /* in the above style to show Control title/ page title */ .Box-Postsearch .Banner .Title {display:none; } /* Used for rounded corners. Can be set to display:none if not required in the layout. */ /* End */ .Box-Postsearch input.field {background:#ecf1e2; border:1px solid #7e9947;} /* User Control Footer areas */ .Box-Postsearch .Footer { background:url(images/webparts/col_bottom.gif) no-repeat left top; height:14px; width:195px;} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-Postsearch .Body {padding:0 14px;} .Box-Postsearch .Body .Content a { color:#2f2f2f; text-decoration:underline; } .Box-Postsearch .Body .Content a:hover { text-decoration:none; } .Box-Postsearch .Body .Content ul {margin: 0px;padding: 0;} .Box-Postsearch .Body .Content ul li {list-style: none;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Postsearch .Body .Content a {float:left;} /* End */ /*sitemap*/ .TreeView ul {list-style:none; margin:0 0 0 8px; padding:0;} .TreeView ul li {list-style:none; padding:0 0 0 12px;} .TreeView ul li{ background:url(images/general_bullet.gif) no-repeat;}