/* Horizontal (main) Navigation styles */ .Nav-x {list-style: none;padding: 0px 0px 0px 0px;margin:0px;} .Nav-x H2 {display:none;} .Nav-x .Links {list-style: none;margin: 0;vertical-align: top;padding: 0px 0px 3px 0px;} .Nav-x .Links .Separator {display:none;} .Nav-x .Links .Link {font-size:11px; background-color: transparent;background-image: url(images/appbtn_bg2.gif);background-repeat: no-repeat;background-position: bottom left;height: 21px;float: left; width: 125px;display: block;border: none;} .Nav-x .Links .Link .Left {background: transparent url(images/appbtn_right.gif) no-repeat bottom right;height: 21px;float: right;width: 125px;display: block;border: none;color: #737685;font-weight: bold;text-decoration: none;text-align: center;font-size:11px; } .Nav-x .Links .Link a {background: transparent;height: 21px;line-height: 2em;float: left;width: 125px;display: block;border: none;font-weight: bold;text-decoration: none;text-align: center;color:#666;line-height:16px;} .Nav-x .Links .Link a:active {height: 21px;float: left;width: 125px;display: block;border: none;color: #737685;font-weight: bold;text-decoration: underline;text-align: center;background-color: transparent;line-height:18px;} .Nav-x .Links .Link a:hover {height: 21px;float: left;width: 125px;display: block;border: none;color: #FF9900;font-weight: bold;text-decoration: underline;text-align: center;background-color: transparent;line-height:18px;} .Nav-x .Links .LinkSelected {font-size:11px; background: transparent url(images/appbtn_bg4.gif) no-repeat bottom left ;height: 21px;float: left;width: 125px;display: block;border: none;} .Nav-x .Links .LinkSelected .Left {background: transparent url(images/appbtn_right3.gif) no-repeat bottom right;height: 21px;float: left;width: 125px;display: block; } .Nav-x .Links .LinkSelected .Left a {background: transparent;height: 21px;line-height: 2em;float: left;width: 125px;display: block;border: none;font-weight: bold;text-decoration: none;text-align: center;color:#FF9900;line-height:18px;} .Nav-x .Links .LinkSelected .Left a:active {height: 21px;float: left;width: 125px;display: block;border: none;color: #737685;font-weight: bold;text-decoration: underline;text-align: center;background-color: transparent;line-height:18px;} /* End */ /* Vertical (secondary) Navigation styles */ /* header */ .Nav-y .Header {background:transparent url(images/appbanner_bg.gif) repeat-x; width:100%; height: 35px; } .Nav-y .Header .Left {background:transparent url(images/appbanner_chamleft.gif) no-repeat top left; height:35px; text-align:left; float:left; width:auto; } .Nav-y .Header .Title {padding-left: 10px; font-weight:bold; line-height:32px; float:left; } .Nav-y .Header .Right {background:transparent url(images/appbanner_chamright.gif) no-repeat top right; height:35px;text-align:left; float:right; width:6px; } /* body */ .Nav-y .Body .Left {background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left; height:auto; } .Nav-y .Body .Right {background:transparent url(images/appbody_right.gif) repeat-y top right; float:right; } .Nav-y .Body .Content {border-top: 1px solid #c8c8c8; height: auto; margin: 0 6px 0 0px; padding:0; float:left; text-align:left;displaY:inline;width:181px; } /* first group */ .Nav-y .Body ul {margin: 0;padding: 0;list-style: none;width:100%;} .Nav-y .Body li {background: #EFEFEF;color: #FFFFFF;margin: 0;padding: 5px 5px 5px 10px;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #ccc;font: 1em Verdana, Arial, Helvetica, sans-serif;} .Nav-y .Body ul li a {color: #747474; font: normal 1em Verdana, Arial, Helvetica, sans-serif;padding: 0 0 5px 0px;text-decoration: none; } .Nav-y .Body ul li a:hover {color: #999; text-decoration: none; } .Nav-y .Body ul li.Selected {background:#FF9900;color:#FFFFFF;margin:0;padding:5px 0 0 0; border: none;} .Nav-y .Body ul li.Selected a {color: #FFF;margin: 0;padding: 0 0 5px 0;margin-left:5px;display:block;font-weight:bold;} .Nav-y .Body ul li.Selected a:hover {color: #999;margin: 0; padding: 0 0 5px 0;margin-left:5px;display:block; } /* second group */ .Nav-y .Body ul ul {background: #FFF url(images/nav-y_itemBg.gif) repeat-x;margin: 0;padding: 0;} .Nav-y .Body ul ul li {background: none;color: #395978;margin: 0;padding: 5px 10px 5px 27px;} .Nav-y .Body ul ul li.Sub {color: #FF9900;font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 5px 0 5px 0;border-bottom: 1px solid #FFE9D5;border-top: 1px solid #FFF;} .Nav-y .Body ul ul li.Sub a {color: #FF9900; margin: 0; padding: 0 0 5px 10px; border-style: none; text-decoration: underline;font-weight:normal; } .Nav-y .Body ul ul li.Sub a:hover {color: #999; border-style: none; margin: 0; padding: 0 0 5px 10px; } .Nav-y .Body ul ul li.Selected {background: none;color:#FFFFFF;margin:0;padding:5px 0 5px 0px;font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;} .Nav-y .Body ul ul li.Selected a {color: #FF9900;margin: 0;padding: 0 0 5px 5px;margin-left:5px;display:block;} .Nav-y .Body ul ul li.Selected a:hover {color: #999;margin-left:5px; padding: 0 0 5px 5px;display:block; } /* third group */ .Nav-y .Body ul ul ul {margin: 0;padding: 0;background: none;} .Nav-y .Body ul ul ul li {background: none;color: #FF9900;margin: 0;padding: 5px 0 5px 15px;font: normal 1em Verdana, Arial, Helvetica, sans-serif;} .Nav-y .Body ul ul ul li.Sub {color: #FF9900;margin: 0;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFE9D5;} .Nav-y .Body ul ul ul li.Sub a {color: #FF9900; margin: 0; padding: 0 0 5px 15px; border: none; text-decoration: underline;font-weight:normal;font: normal 1em Verdana, Arial, Helvetica, sans-serif; } .Nav-y .Body ul ul ul li.Sub a:hover {color: #999; border-style: none; margin: 0; padding: 0 0 5px 15px; } .Nav-y .Body ul ul ul li.Selected {background:none;color:#FFFFFF;margin:0;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFE9D5; } .Nav-y .Body ul ul ul li.Selected a {color: #FF9900;margin: 0;padding: 0 0 5px 10px;margin-left:5px;display:block;} .Nav-y .Body ul ul ul li.Selected a:hover {color: #999;margin-left:5px; padding: 0 0 5px 10px;display:block; } /* footer */ .Nav-y .Footer {background:transparent url(images/appfooter_bg.gif) repeat-x; float:left; height: 13px; font-size: 11px;width:100%; } .Nav-y .Footer .Left {background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px;} .Nav-y .Footer .Right {background:transparent url(images/appfooter_right.gif) no-repeat top right; height:13px;text-align:left; float:right; width:6px;} /* End */ /* Search */ .Search {width: 200px;padding:10px 5px 5px 5px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;} .Left {} .Right {} .Body {} .Form {float:left;} .Form input.Text {width: 140px;min-height:15px;padding-top: 0px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;} .Form .Button {font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;} .Form .Option {clear:both;display:block;float:left;} .Form .Option input {clear:both;display:block;float:left;width:13px;height:13px;margin-right:10px;} /* End */ /* FocusOn Box */ /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-FocusOn .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-FocusOn .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-FocusOn .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-FocusOn .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-FocusOn .Footer { background:transparent url(images/appfooter_bg.gif) repeat-x; float:left; height: 13px; font-size: 11px;width:100%; } .Box-FocusOn .Footer .Left{background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px;} .Box-FocusOn .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-FocusOn .Body{font-size:0.9em; line-height:1.4em;} /* Used to show left edge repeating background image */ .Box-FocusOn .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-FocusOn .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-FocusOn .Body .Content .Text{float:left; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-FocusOn .Body .Content a {float:left;} /* 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{background:transparent url(images/appbody_right.gif) repeat-y top right; float:right; } /* End */ /* End */ /* News Box */ .Box-News {width:200px;} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-News .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-News .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-News .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-News .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-News .Footer {float:left; height:13px; width:100%; font-size:11px; background:transparent url(images/appfooter_bg.gif) repeat-x;} .Box-News .Footer .Left{float:left; width:6px; height: 13px; background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; } .Box-News .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-News .Body{font-size:0.9em; line-height:1.4em;} /* Used to show left edge repeating background image */ .Box-News .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-News .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-News .Body .Content a {display:block;clear:left;text-align:right;} .Box-News .Body .Content dl {margin: 0px;padding: 0;} .Box-News .Body .Content dl dt {list-style: none;} .Box-News .Body .Content dl dt a{float:left; display:inline;} .Box-News .Body .Content dl dd {} .Box-News .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-News .Body .Content img{} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-News .Body .Right{background:transparent url(images/appbody_right.gif) repeat-y top right; float:right; } /* End */ /* End */ /* Events Box */ .Box-Events {width:200px;} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-Events .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-Events .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-Events .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-Events .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-Events .Footer { background:transparent url(images/appfooter_bg.gif) repeat-x; float:left; height: 13px; font-size: 11px;width:100%; } .Box-Events .Footer .Left{background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px;} .Box-Events .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-Events .Body{font-size:0.9em; line-height:1.4em;} /* Used to show left edge repeating background image */ .Box-Events .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-Events .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-Events .Body .Content .Text{float:left; } .Box-Events .Body .Content a {display:block;clear:left;text-align:right;} .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{float:left; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-Events .Body .Content a {float:left;} /* 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 */ /* 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 {} /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-CrossPromo .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-CrossPromo .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-CrossPromo .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-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:transparent url(images/appfooter_bg.gif) repeat-x; float:left; height: 13px; font-size: 11px;width:100%; } .Box-CrossPromo .Footer .Left{background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px;} .Box-CrossPromo .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-CrossPromo .Body{font-size:0.9em; line-height:1.4em;} /* 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{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-CrossPromo .Body .Content .Text{float:left; } .Box-CrossPromo .Body .Content a {display:block;clear:left;text-align:right;} .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{float:left; display:inline;} .Box-CrossPromo .Body .Content .Text{float:left; } /* 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{background:transparent url(images/appbody_right.gif) repeat-y top right; float:right; } /* End */ /* End */ /* PlacestoVisit Box */ .Box-PlacesToVisit{} /* User Control Banner areas (usually says 'focus on' in there in regular CMS */ .Box-PlacesToVisit .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-PlacesToVisit .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-PlacesToVisit .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-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:transparent url(images/appfooter_bg.gif) repeat-x; float:left; height: 13px; font-size: 11px;width:100%; } .Box-PlacesToVisit .Footer .Left{background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px;} .Box-PlacesToVisit .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-PlacesToVisit .Body{font-size:0.9em; line-height:1.4em;} /* 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{border-top: 1px solid #c8c8c8; height: auto; margin: 0px 6px 0px 6px; padding:10px; float:left; text-align:left; display:inline;} .Box-PlacesToVisit .Body .Content .Text{float:left; } .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{background:transparent url(images/appbody_right.gif) repeat-y top right; float:right; text-align:left;} /* 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:5px;} .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{padding:5px;} /* 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 */ /* NewsSearch Control */ /* Banner area (usually says 'focus on' in there in regular CMS */ .Box-NewsSearch .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-NewsSearch .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-NewsSearch .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-NewsSearch .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-NewsSearch .Footer { background:transparent url(images/appfooter_bg.gif) repeat-x; float:left; height: 13px; font-size: 11px;width:100%; } .Box-NewsSearch .Footer .Left{background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px;} .Box-NewsSearch .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-NewsSearch .Body{font-size:0.9em; line-height:1.4em;} /* Used to show left edge repeating background image */ .Box-NewsSearch .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-NewsSearch .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-NewsSearch .Body .Content .Text{float:left; } /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-NewsSearch .Body .Content a {float:left;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-NewsSearch .Body .Content img{} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-NewsSearch .Body .Right{background:transparent url(images/appbody_right.gif) repeat-y top right; float:right; } /* End */