/* Horizontal (main) Navigation styles */ .Nav-x {padding: 0;margin:0 auto; height:30px; width: 100%; background: url(images/template/nav-x/nav_bac.gif) no-repeat top; display: block; float: left} .Nav-x H2 {display:none;} .Nav-x .Links {list-style: none; margin: 0 auto; padding: 0; background: url(images/template/nav-x/nav_bac.gif) no-repeat top; text-align:center; width: 100%} .Nav-x .Links .Separator {display:none;} .Nav-x .Links .Link {background: transparent url(images/template/nav/main_nav_background.gif) no-repeat top right; text-align:center;} .Nav-x .Links .Link .Left {height: 25px; font-size:11px; background: url(images/template/nav-x/main_nav_background.gif) no-repeat top right; float: left; display: block;} .Nav-x .Links .Link a { color:#FFF; background: url(images/template/nav-x/main_nav_background.gif) no-repeat top right; height: 21px; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center;padding:4px 6px 0 6px;} .Nav-x .Links .Link a:active {color:#000; background: #FFF; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; } .Nav-x .Links .Link a:hover {color:#FFF; background: url(images/template/nav-x/main_nav_background_over.gif) no-repeat top right; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; text-decoration:underline; } .Nav-x .Links .LinkSelected {color:#000; background: #FFF; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; } .Nav-x .Links .LinkSelected .Left {height: 25px; font-size:11px; float: left; display: block;} .Nav-x .Links .LinkSelected .Left a {color:#000; border-right: 1px solid #FFF; height: 21px; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; padding:4px 10px 0 10px;} .Nav-x .Links .LinkSelected .Left a:active {background: #FFF; color:#000; border-right: 1px solid #FFF; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; } /* End */ /* Vertical (secondary) Navigation styles - LHS*/ .LeftPane .Nav-y {border-top:1px solid #dedede; width:170px; font-size:110%; font-weight:bold; min-height:300px} /* header */ .LeftPane .Nav-y .Header {display:none} /* body */ .LeftPane .Nav-y .Body .Left {text-align:left;} .LeftPane .Nav-y .Body .Content {margin: 0px; padding:0 0 5px 0; text-align:left; background: url(images/template/LHS_col/nav_ul_bottom.gif) repeat-x bottom;} /* first group */ .LeftPane .Nav-y .Body ul {margin: 0;padding: 0; list-style-type:none; padding-bottom: 2px; width: 170px} .LeftPane .Nav-y .Body li {color: #FFF;border-bottom:1px solid #fff; background: url(images/template/LHS_col/nav-y_li_bac.gif) no-repeat top; margin: 0;padding: 5px 5px 5px 10px; } .LeftPane .Nav-y .Body ul li a {color: #FFF; background:url(images/template/LHS_col/bullet.gif) right no-repeat; padding:0; text-decoration: none; display: block;} .LeftPane .Nav-y .Body ul li a:hover {color: #FFF; text-decoration: underline;} .LeftPane .Nav-y .Body ul li.Selected { color: #666; background:#FFF; margin: 0; padding:0;} .LeftPane .Nav-y .Body ul li.Selected a {color: #666; padding: 5px 5px 0 10px; background:none; text-decoration: none; display: block;} .LeftPane .Nav-y .Body ul li.Selected a:hover {color: #666; padding: 5px 5px 0 10px; text-decoration: underline; display: block;} /* second group */ .LeftPane .Nav-y .Body ul ul {margin: 8px 0 0 0; padding: 0;} .LeftPane .Nav-y .Body ul ul li {background: none; margin: 0; } .LeftPane .Nav-y .Body ul ul li.Sub {margin: 0; padding: 3px 0; } .LeftPane .Nav-y .Body ul ul li.Sub a {color: #666; border-bottom:1px solid #dedede; margin: 0; text-decoration: none; display:block; } .LeftPane .Nav-y .Body ul ul li.Sub a:hover {color: #666; border-bottom:1px solid #dedede; margin: 0; text-decoration:underline; display:block; } .LeftPane .Nav-y .Body ul ul li.Selected {color:#FFF; background: #fff !important; margin:0; padding:5px 0;} .LeftPane .Nav-y.Body ul ul li.Selected a {color: #666; background: none; margin: 0; padding: 0 0 5px 5px; display:block;} .LeftPane .Nav-y .Body ul ul li.Selected a:hover {color: #666; margin: 0; padding: 0 0 5px 5px; display:block; } .LeftPane .Nav-y .Body ul li.Selected li {background:#f3f3f3; margin:0; padding:0;} .LeftPane .Nav-y .Body ul li.Selected li a {padding: 5px 5px 5px 20px; display: block;} .LeftPane .Nav-y .Body ul li.Selected li a:hover {padding: 5px 5px 5px 20px; display: block;} /* second group - Parent Selected*/ .LeftPane .Nav-y .Body ul li.ParentSelected { color: #fff !important; background: url(images/template/LHS_col/nav-y_li_bac.gif) no-repeat top; margin: 0; padding:0;} .LeftPane .Nav-y .Body ul li.ParentSelected a {color: #fff; background:url(images/template/LHS_col/bullet.gif) 158px 9px no-repeat; padding: 5px 5px 0 10px; text-decoration: none; display: block; } .LeftPane .Nav-y .Body ul li.ParentSelected a:hover {color: #fff; background:url(images/template/LHS_col/bullet.gif) 158px 9px no-repeat; padding: 5px 5px 0 10px; text-decoration: underline; display: block;} .LeftPane .Nav-y .Body ul li.ParentSelected ul li.Sub {background:#f3f3f3; margin: 0; border-bottom:1px solid #dedede; padding: 0; } .LeftPane .Nav-y .Body ul li.ParentSelected ul li.Sub a {color: #666;background:#f3f3f3; margin: 0; padding: 5px 5px 5px 20px;text-decoration: none; display:block; } .LeftPane .Nav-y .Body ul li.ParentSelected ul li.Sub a:hover {color: #666; margin: 0;padding: 5px 5px 5px 20px;text-decoration:underline; display:block;} .LeftPane .Nav-y .Body ul li.ParentSelected ul li.Selected {color:#f3f3f3; background: #fff !important; margin:0; padding:0;} .LeftPane .Nav-y .Body ul li.ParentSelected ul li.Selected a {color: #666; background: none; margin: 0; padding: 5px 0 5px 20px; display:block;} .LeftPane .Nav-y .Body ul li.ParentSelected ul li.Selected a:hover {color: #666; margin: 0; padding: 5px 0 5px 20px; display:block; } .LeftPane .Nav-y .Body ul li.ParentSelected ul li.Selected li {background:#f3f3f3; margin:0; padding:0;} .LeftPane .Nav-y .Body ul li.ParentSelected ul li.Selected li a {padding: 5px 5px 5px 20px; display: block;} .LeftPane .Nav-y .Body ul li.ParentSelected ul li.Selected li a:hover {padding: 5px 5px 5px 20px; display: block;} /* footer */ .LeftPane .Nav-y .Footer {float:left; height: 13px; } .LeftPane .Nav-y .Footer .Left {text-align:left; float:left; width:6px; height: 13px;} .LeftPane .Nav-y.Footer .Right {} /* End */ /* Vertical (secondary) Navigation styles - RHS*/ .RightPane .Nav-y {border:1px solid #cfcfcf; background: #DEDEDE url(images/template/RHS_col/rhs_box_background.gif) repeat-x; margin-bottom: 3px; clear: both;width:100%; float: left} /* header */ .RightPane .Nav-y .Header { width:100%; height: 35px; display: none; font-size:120%;} .RightPane .Nav-y .Header .Left { height:35px; text-align:left; float:left; width:auto; } .RightPane .Nav-y .Header .Title {color:#668504; padding-left: 10px; font-weight:bold; line-height:32px; float:left; } .RightPane .Nav-y .Header .Right { height:35px;text-align:left; float:right; width:6px; } /* body */ .RightPane .Nav-y .Body .Left { text-align:left; } .RightPane .Nav-y .Body .Right {} .RightPane .Nav-y .Body .Content {margin: 0px; padding:0 0 0 0; text-align:left; } /* first group */ .RightPane .Nav-y .Body ul {margin: 0;padding: 0;list-style: none; list-style-type:none; width: 100%;} .RightPane .Nav-y .Body li {border-bottom:1px solid #cfcfcf; margin: 0;padding: 5px 4px; } .RightPane .Nav-y .Body ul li a {padding: 0; display: block; width: 100%; } .RightPane .Nav-y .Body ul li a:hover {} .RightPane .Nav-y .Body ul li.Selected {background:#FFF; margin: 0;padding: 5px 5px 5px 10px;} .RightPane .Nav-y.Body ul li.Selected a {padding: 0;text-decoration: none; display: block; width: 100%} .RightPane .Nav-y .Body ul li.Selected a:hover { padding: 0;text-decoration: none; display: block; width: 100%} /* second group */ .RightPane .Nav-y .Body ul ul {background: #FFF;margin: 8px 0 0 0;padding: 0;} .RightPane .Nav-y .Body ul ul li {background: none; margin: 0;padding: 5px 10px 5px 27px; } .RightPane .Nav-y .Body ul ul li a {} .RightPane .Nav-y .Body ul ul li.Sub { margin: 0;padding: 3px 0;} .RightPane .Nav-y .Body ul ul li.Sub a { margin: 0; padding: 0 0 5px 10px; font-weight:normal; } .RightPane .Nav-y .Body ul ul li.Sub a:hover { margin: 0; padding: 0 0 5px 10px; } .RightPane .Nav-y .Body ul ul li.Selected {background: none;margin:0;padding:5px 0; } .RightPane .Nav-y .Body ul ul li.Selected a {margin: 0; padding: 0 0 5px 5px; margin-left:5px;display:block;} .RightPane .Nav-y .Body ul ul li.Selected a:hover {margin-left:5px; padding: 0 0 5px 5px; display:block; } /* footer */ .RightPane .Nav-y .Footer { float:left; height: 13px; display:none;} .RightPane .Nav-y .Footer .Left { display:none;} .RightPane .Nav-y .Footer .Right { display:none;} /* End */ /* Search */ .Search {padding:20px 2px 5px 5px;} .Form {padding: 0px; margin: 0px;} .Form label {float: left; padding: 3px 6px 0 0; font-weight: bold; display:none;} .Form input.Text {width: 120px; float: left} .Form .Button {padding-top: 3px; padding: 0px; display: block; float: left; cursor: pointer} .Form .Option {display:none} .Form input.Text {font-size:90%;} /* End */ /* News Box */ .Box-News {border:1px solid #cfcfcf; background: #dedede url(images/template/RHS_col/rhs_box_background.gif) repeat-x; padding:0 0 4px 0; width:275px; margin:5px 0 3px 4px; float: left;} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-News .Banner {border-right:5px solid #fff; border-left:5px solid #fff;background:#fff url(images/template/webparts/news_events/header_bac.gif) repeat-x; display:block; width:257px; margin:4px 0 0 4px; font-size:110%;padding:0px } *html .Box-News .Banner {border-right:5px solid #fff; border-left:5px solid #fff;background:#fff url(images/template/webparts/news_events/header_bac.gif) repeat-x; display:block; width:260px; margin:4px 0 0 4px; font-size:110%;padding:0px } /* Used for rounded corners and to hold a with the title in it. */ .Box-News .Banner .Left { } /* in the above style to show Control title/ page title */ .Box-News .Banner .Title {color:#fff; font-weight:bold; font-size:105%; display:block; padding:10px 6px 5px 6px; width:210px; display:block; } /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-News .Banner .Title a {color:#fff;} .Box-News .Banner .Right {display:none;} /* */ /* End */ /* User Control Footer areas */ .Box-News .Footer {display:none;} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-News .Body {background: #fff; border-right:4px solid #e6e6e6; border-left:4px solid #e6e6e6 ; text-align: center; } /* Used to show left edge repeating background image */ .Box-News .Body .Left { display:block;padding:0 5px } /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-News .Body .Left .Right .Content {background: #fff; margin: 0;text-align:left; width:255px;padding:0 } .Box-News .Body .Left .Right .Content .Text {padding:5px ;} .Box-News .Body .Left .Right .Content .Text a {text-decoration: underline} .Box-News .Body .Left .Right .Content .Text dl {margin:0; font-size:1.1em;padding:0px ;} .Box-News .Body .Left .Right .Content .Text dl dt {display:none; } .Box-News .Body .Left .Right .Content .Text dl dd {float:left;width:250px;clear:both;margin: 0 0 3px 0; padding: 10px 0 5px 0; display:block;border-bottom:1px solid #CCC;} .Box-News .Body .Left .Right .Content .Text dl dd img {float: left; margin-right: 6px;} .Box-News .Body .Left .Right .Content .Text dl dd a {display:block; padding:0 10px 0 0; text-align:left; text-decoration:underline; } .Box-News .Body .Left .Right .Content dl dd a:hover {text-decoration:none} .Box-News .Body .Left .Right .Content .morelink { background:#eff2e4;font-weight: bold; margin:0;padding:5px 5px;clear:both;border: none;border-top:5px solid #FFF;border-bottom:5px solid #FFF;height:10px } .Box-News .Body .Content .morelink a {display:block; text-align:left; width:240px;height:16px;padding:0px;margin-left:135px} *html .Box-News .Body .Content .morelink a {display:block-inline; text-align:left; width:96px;height:16px;padding:0px;margin-left:135px} .Box-News .Body .Content .morelink a:hover {text-decoration:none;} /* 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 {} /* End */ /* Events Box */ .Box-Events {border:1px solid #cfcfcf; background: #dedede url(images/template/RHS_col/rhs_box_background.gif) repeat-x; padding:0 0 4px 0; width:275px; margin:5px 0 3px 4px; float: left;} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-Events .Banner {border-right:5px solid #fff; border-left:5px solid #fff;background:#fff url(images/template/webparts/news_events/header_bac.gif) repeat-x; display:block; width:257px; margin:4px 0 0 3px; font-size:110%;} /* Used for rounded corners and to hold a with the title in it. */ .Box-Events .Banner .Left { } /* in the above style to show Control title/ page title */ .Box-Events .Banner .Title { color:#fff; font-weight:bold; font-size:105%; display:block; padding:10px 6px; width:210px; display:block; float:left; } /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-Events .Banner .Title a {color:#fff;} .Box-Events .Banner .Right {padding:8px 8px 0 0; line-height:18px;} /* */ /* End */ /* User Control Footer areas */ .Box-Events .Footer {display:none;} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-Events .Body {background: #fff; border-right:3px solid #e6e6e6; border-left:3px solid #e6e6e6 ; width:267px; text-align: center; } /* Used to show left edge repeating background image */ .Box-Events .Body .Left {} /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-Events .Body .Content {background: #fff; margin: 0;text-align:left; width:264px; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Events .Body .Content .Text {} .Box-Events .Body .Content a {text-decoration: underline} .Box-Events .Body .Content dl {margin:0; padding:5px 0;} .Box-Events .Body .Content dl dt {display:block; } .Box-Events .Body .Content dl dd {border-bottom: 1px solid #CCC; clear: left; margin-bottom: 3px; padding: 2px;display:block; } .Box-Events .Body .Content dl dt img {float: left; margin-right: 3px;} .Box-Events .Body .Content ul {margin: 0;padding: 0;} .Box-Events .Body .Content ul li {list-style: none;} .Box-Events .Body .Content ul li a {float:left; } .Box-Events .Body .Content dl dd a {display:block; padding:0 10px; text-align:left; text-decoration:underline; } .Box-Events .Body .Content dl dd a:hover {text-decoration:none} .Box-Events .Body .Content dl dt img {float: left; margin-right: 3px;} .Box-Events .Body .Content ul {margin: 0px;padding: 0;} .Box-Events .Body .Content ul li {list-style: none;} .Box-Events .Body .Content ul li a {float:left; display:inline;} .Box-Events .Body .Content .Text {} .Box-Events .Body .Content .morelink { background:#eff2e4; border-right:4px solid #fff;border-left:4px solid #fff; border-bottom:3px solid #fff; width:258px; font-weight: bold; padding: 0; margin:5px 0 4px 0;} .Box-Events .Body .Content .morelink a {padding: 8px; display:block; text-align:left; } .Box-Events .Body .Content .morelink a:hover {text-decoration:none;} /* 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 {} /* End */ /*All webparts on RHS col below*/ /* FocusOn Box */ .Box-FocusOn {width:100%; border:1px solid #cfcfcf; background: #dedede url(images/template/RHS_col/rhs_box_background.gif) repeat-x;margin-bottom: 3px; float: left;} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-FocusOn .Banner {color: #668504; width:100%; font-size:110%;} /* Used for rounded corners and to hold a with the title in it. */ .Box-FocusOn .Banner .Left { } /* in the above style to show Control title/ page title */ .Box-FocusOn .Banner .Title { color:#000; font-weight:bold; display:block; padding:8px 6px;} /* 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 { border-bottom:3px solid #dedede; margin:0 3px; display:block; width: 147px; text-align: center; clear:both;} /* Hack for ie6 */ /*\*/ * html .Box-FocusOn .Footer {background:#fff; border-bottom:3px solid #dedede; margin:0 3px; display:block; width: 154px; text-align: center;} .Box-FocusOn .Footer .Left { text-align:center; float:left; font-weight: bold; padding:0 0 3px 0; } .Box-FocusOn .Footer .Right {} .Box-FocusOn .Footer .Left a {background:#fff; display:block; text-align:left; font-size:90%; display:block; padding:6px; width:131px; } .Box-FocusOn .Footer .Left a:hover {} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-FocusOn .Body {background: #fff; border-right:3px solid #e6e6e6; border-left:3px solid #e6e6e6 ; float:left; } /* 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 {background: #fff; padding:8px 3px 3px 0; margin: 0 4px; float:left; width:135px;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-FocusOn .Body .Content .Text { text-align:left;} .Box-FocusOn .Body .Content a img {margin:0 0 0 3px;} .Box-FocusOn .Body .Content dl {width: 100%;} .Box-FocusOn .Body .Content dl dt {display:block; width: 90%; } .Box-FocusOn .Body .Content dl dd {display:block; border-bottom: 1px solid #CCC; width: 100%; margin-bottom: 3px; padding: 2px} .Box-FocusOn .Body .Content dl dt img {float: left; margin-right: 3px;} .Box-FocusOn .Body .Content ul {margin:0; padding: 0; text-align:left;} .Box-FocusOn .Body .Content ul li {list-style: none;} .Box-FocusOn .Body .Content ul li a {} .Box-FocusOn .Body .Content .Text {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-FocusOn .Body .Content a {} /* 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 .Right {float:right; width:143px;} /* End */ /* Generic Box */ .Box-Generic {width:100%; border:1px solid #cfcfcf; background: #dedede url(images/template/RHS_col/rhs_box_background.gif) repeat-x;margin-bottom: 3px; float: left;} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-Generic .Banner {width:100%; font-size:110%;} /* Used for rounded corners and to hold a with the title in it. */ .Box-Generic .Banner .Left { } /* in the above style to show Control title/ page title */ .Box-Generic .Banner .Title { color:#000; font-weight:bold; display:block; padding:8px 6px;} /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-Generic .Banner .Right {} /* */ /* End */ /* User Control Footer areas */ .Box-Generic .Footer {background:#fff; border-bottom:3px solid #dedede; margin:0 3px; display:block; width: 143px; } /* Hack for ie6 */ /*\*/ * html .Box-Generic .Footer {background:#fff; border-bottom:3px solid #dedede; margin:0 3px; display:block; width: 154px; } .Box-Generic .Footer .Left { text-align:center; float:left; font-weight: bold; } .Box-Generic .Footer .Right {} .Box-Generic .Footer .Left a {background:#fff; font-size:90%; text-align:left; width:auto; display:block; padding:0 6px 6px 6px; margin:0 3px 3px 3px; } .Box-Generic .Footer .Left a:hover {} /* End */ /* Box Generic Box */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-Generic .Body {background: #fff; border-right:3px solid #e6e6e6; border-left:3px solid #e6e6e6 ; text-align: center; float:left; } /* Used to show left edge repeating background image */ .Box-Generic .Body .Left {} /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-Generic .Body .Content {background: #fff; padding:8px 3px 3px 0; margin: 0 4px 0px 4px; text-align:left; width:135px;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Generic .Body .Content .Text { text-align:left;} .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 {float:right; width:143px;} /* End */ /* Cross Promo Box */ .Box-CrossPromo {width:100%; border:1px solid #cfcfcf; background: #dedede url(images/template/RHS_col/rhs_box_background.gif) repeat-x;margin-bottom: 3px; float: left;} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-CrossPromo .Banner {color: #668504; width:100%; font-size:110%;} /* Used for rounded corners and to hold a with the title in it. */ .Box-CrossPromo .Banner .Left { } /* in the above style to show Control title/ page title */ .Box-CrossPromo .Banner .Title { color:#000; font-weight:bold; display:block; padding:8px 6px;} /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-CrossPromo .Banner .Right {} /* */ /* End */ /* User Control Footer areas */ .Box-CrossPromo .Footer {background:#fff; border-bottom:3px solid #dedede; margin:0 3px; display:block; width: 143px;} /* Hack for ie6 */ /*\*/ * html .Box-CrossPromo .Footer {background:#fff; border-bottom:3px solid #dedede; margin:0 3px; display:block; width: 154px; } .Box-CrossPromo .Footer .Left { text-align:center; float:left; font-weight: bold; } .Box-CrossPromo .Footer .Right {} .Box-CrossPromo .Footer .Left a {background:#fff; display:block; text-align:left; font-size:90%; display:block; padding:6px; } .Box-CrossPromo .Footer .Left a:hover {} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-CrossPromo .Body {background: #fff; border-right:3px solid #e6e6e6; border-left:3px solid #e6e6e6 ; text-align: center; float:left; } /* Used to show left edge repeating background image */ .Box-CrossPromo .Body .Left {} /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-CrossPromo .Body .Content {background: #FFF; padding:8px 3px 3px 0; margin: 0 4px 0px 4px; text-align:left; width:135px;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-CrossPromo .Body .Content .Text { text-align:left;} .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 {} .Box-CrossPromo .Body .Content .Text {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-CrossPromo .Body .Content a {} /* 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 {float:right; width:143px;} /* Hack for ie6 */ /*\*/ * html .Box-CrossPromo .Body .Right {float:right; width:154px;} /* End */ /* PlacestoVisit Box */ .Box-PlacesToVisit {width:100%; border:1px solid #cfcfcf; background: #dedede url(images/template/RHS_col/rhs_box_background.gif) repeat-x;margin-bottom: 3px; float: left;} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-PlacesToVisit .Banner {color: #668504; width:100%; font-size:110%;} /* Used for rounded corners and to hold a with the title in it. */ .Box-PlacesToVisit .Banner .Left { } /* in the above style to show Control title/ page title */ .Box-PlacesToVisit .Banner .Title { color:#000; font-weight:bold; display:block; padding:8px 6px;} /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-PlacesToVisit .Banner .Right {} /* */ /* End */ /* User Control Footer areas */ /* User Control Footer areas */ .Box-PlacesToVisit .Footer {background:#fff; border-bottom:3px solid #dedede; margin:0 3px; display:block; width: 143px;} /* Hack for ie6 */ /*\*/ * html .Box-PlacesToVisit .Footer {background:#fff; border-bottom:3px solid #dedede; margin:0 3px; display:block; width: 154px;} .Box-PlacesToVisit .Footer .Left { text-align:center; float:left; font-weight: bold; } .Box-PlacesToVisit .Footer .Right {} .Box-PlacesToVisit .Footer .Left a {background:#fff; font-size:90%; text-align:left; display:block; padding:0 6px 6px 6px; margin:0 3px 3px 3px; } .Box-PlacesToVisit .Footer .Left a:hover {} /* End */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */ .Box-PlacesToVisit .Body {background: #fff; border-right:3px solid #e6e6e6; border-left:3px solid #e6e6e6 ; text-align: center; float:left; } /* 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 {background: #fff; padding:3px 3px 3px 0; margin: 0 4px 0px 4px; float:left; text-align:left;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-PlacesToVisit .Body .Content .Text {/*padding: 10px;*/} .Box-PlacesToVisit .Body .Content ul {margin: 0px;padding: 0;} .Box-PlacesToVisit .Body .Content ul li {list-style: none;} .Box-PlacesToVisit .Body .Content ul li a { } .Box-PlacesToVisit .Body .Content .Text {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-PlacesToVisit .Body .Content a {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-PlacesToVisit .Body .Content img {} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-PlacesToVisit .Body .Right {float:right; width:143px;} /* Hack for ie6 */ /*\*/ * html .Box-PlacesToVisit .Body .Right {float:right; width:154px;} /* End */ /* Clearing divs to force areas to fill the available space */ .expandy {} .expandx {} /* Comments Webpart */ .Comment {margin: 4px 0 4px 0px;} .Comment .Name {padding:2px 0 5px 0; font-weight:bold;} .Comment .Name .Date {font-weight:normal} .Comment .Details {padding:0 0 5px 10px;} .CommentForm {} .CommentForm Label {font-weight: bold;} .CommentRating {padding:5px; clear:both;} .CommentRating a:hover, .CommentRating a{text-decoration:none;} /* Social Bookmarking */ .Socialbookmarks {padding:5px; clear:both;} .Socialbookmarks a {font-weight: bold;} /* Rating in Comment part */ .ratingStar {width: 13px; height: 14px; margin: 0; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat;} .filledRatingStar {background: url(images/template/webparts/filled_star.gif) no-repeat;} .emptyRatingStar {background: url(images/template/webparts/empty_star.gif) no-repeat;} .savedRatingStar {background: url(Images/SavedStar.png);} /* End */ /**padded div*/ .paddingdiv {padding:2px 10px;}