.foo{} /* News Component*/ /* Forms- for search etc*/ .News-Form {display:block;width:100%; float:left;clear:right} .News-Form span.fieldlabel{width: 200px;height: 20px;display:block;float:left;clear:left;padding-top: 3px;margin-left:10px;} .News-Form span.field{width: 200px;min-height: 20px;display:inline;float:left;padding: 3px 13px 0px 0px;font-size:11px; overflow:hidden;text-align:left;} .News-Form select.listbox{width:190px;float:left;display:inline;} .News-Form textarea.field{width: 200px;padding-top: 0px;font-size:11px;float:left;font-family:Arial, Helvetica, sans-serif;} .News-Form input.field, .News-Form select.field{width: 200px;min-height:15px;float:left;padding-top: 0px;font-size:11px;vertical-align:middle;} .News-Form input.hiddenfield{display:none;} .News-Form span.fielderror{padding: 0px 0px 0px 10px;display:inline;clear:both;} .News-Form span.fieldrequiredmarker{color:#FF9900;} .News-Form a.CommandBtn, .News-Form a.CommandBtn:link, .News-Form a.CommandBtn:active,.News-Form a.CommandBtn:visited{display: inline;vertical-align: middle;width: 105px;height: 18px;text-align:center;padding: 4px 0px 0px 0px;margin: 0px 0px 0px 6px;font: bold 11px Tahoma,Arial,Sans-Serif;color: #FFF;background:transparent url(images/CommandBtn.gif) 0px -1px no-repeat;text-decoration: none;float:right;} .News-Form a.CommandBtn:hover{background-position:0px -22px ;color: #333333;text-decoration: none;} .News-Form a.CommandBtnSlim,.News-Form a.CommandBtnSlim:link,.News-Form a.CommandBtnSlim:active,.News-Form a.CommandBtnSlim:visited{display: block;vertical-align: middle;width: 70px;height: 19px;text-align: center;padding: 4px 2px 0px 2px;font: 11px Arial, Helvetica, sans-serif;color: #333;background:transparent url(images/CommandBtnSlim.gif) 0px -23px no-repeat;text-decoration: none;float:right;} .News-Form a.CommandBtnSlim:hover{background-position: 0px 0px ;} /* end */ /* News Listings styles */ /* top four use these styles */ /* News flash */ .TopNewsFlash {width:350px;padding:8px;margin-top:10px;border: 1px solid #FF9900;display:block;float:left;} .TopNewsFlash .Image {float: left;margin-top: 5px;margin-left:5px;border: 1px solid #CCC; max-width:100px;} .TopNewsFlash .Text {display:block;float:left;} .TopNewsFlash .Text .Headline {margin-top: 0px;margin-left: 10px; font-weight:bold;font-size:1.4em;display:block;} .TopNewsFlash .Text .Date { font-style:italic; font-size:0.75em; margin: 0px 0px 0px 10px;display:block;} .TopNewsFlash .Text .Summary {margin-left: 10px;} .TopNewsFlash a{color: #666666;} .TopNewsFlash a:hover{color: #FF9900} /* end */ /* normal */ .TopNews {width:350px;padding:8px;margin-top:10px;border: 1px dashed #EFEFEF;display:block;float:left;} .TopNews .Image {float: left;margin-top: 5px;margin-left:5px;border: 1px solid #CCC; max-width:100px;} .TopNews .Text {display:block;float:left;} .TopNews .Text .Headline {margin-top: 0px;margin-left: 10px; font-weight:bold;font-size:1.4em;display:block;} .TopNews .Text .Date { font-style:italic; font-size:0.75em; margin: 0px 0px 0px 10px;display:block;} .TopNews .Text .Summary { margin-left: 10px;} .TopNews a{color: #666666;} .TopNews a:hover{color: #FF9900} /* end */ /* end */ /* the rest use these styles */ /* News flash */ .NewsFlash {width:350px;padding:8px;margin-top:10px;border: 1px dashed #FF9900;display:block;float:left;} .NewsFlash .Image {float: left;margin-top: 5px;margin-left:5px;border: 1px solid #CCC; max-width:100px;} .NewsFlash .Text {display:block;float:left;} .NewsFlash .Text .Headline {margin-top: 0px;margin-left: 10px; font-weight:bold;font-size:1.1em;display:block;} .NewsFlash .Text .Date { font-style:italic; font-size:0.75em; margin: 0px 0px 0px 10px;display:block;} .NewsFlash .Text .Summary { margin-left: 10px;font-size:0.9em;} .NewsFlash a{color: #666666;} .NewsFlash a:hover{color: #FF9900} /* end */ /* normal */ .News {width:350px;padding:8px;margin-top:10px;border: 1px solid #FF9900;display:block;float:left;} .News .Image {float: left;margin-top: 5px;margin-left:5px;border: 1px solid #CCC; max-width:100px;} .News .Text {display:block;float:left;} .News .Text .Headline {margin-left: 10px; font-weight:bold;font-size:1.1em;display:block;} .News .Text .Date { font-style:italic; font-size:0.75em; margin: 0px 0px 0px 10px;display:block;} .News .Text .Summary { margin: 0px 0px 0px 10px;font-size:0.9em;} .News a{color: #666666;} .News a:hover{color: #FF9900} /* end */ /* end */ /* News details styles */ .news-imagebox {font-size:0.75em; background-color:#EFEFEF;float:left;clear:right;padding:5px ;margin:0px 5px 5px 0px;} .news-imagebox img{border:2px solid #FFF;} /* end .TopArticle{margin:5px 0px 0px 0px;padding-bottom:5px;width:100%} .TopArticle .Title{} .TopArticle .Flash{} .SubArticles{} .SubArticles .Title{} .SubArticles .Flash{}*/ .TopArticle {margin:0px 0px 5px 0px;padding-bottom:0px; background:#d3eaf1;} .TopArticle .topleft, .TopArticle .topright, .TopArticle .bottomleft, .TopArticle .bottomright{ display:none;} .TopArticle .topleft, .TopArticle .bottomleft {} .TopArticle .topright, .TopArticle .bottomright {} .TopArticle .topright {background-position: 100% 0; display:none;} .TopArticle .bottomleft { display:none;} .TopArticle .bottomright { display:none;} .TopArticle .Holder {min-height: 180px; width: 100%; padding:5px 0 0 0;} .TopArticle .inner {margin-left: 5px;margin-right: 5px;padding-left: 5px; padding-right:5px; text-align: left;} .TopArticle .contentright { padding:10px 0 0 0;} .TopArticle .contentright {background-position: 100% 0; } .TopArticle a {text-decoration:none; color:#444 !important; } .TopArticle a:hover, .TopArticle a:active {text-decoration:underline; background:none !important; color:#444 !important;} .TopArticle .Image {padding:0 !important; display:block; border:8px solid #fff !important; margin:0;} .TopArticle .Title {font-size: 150% ; text-decoration:none; color:#000; float:right; width:187px; padding:0 0 5px 0;} .TopArticle .Title a {color:#444 !important; } .TopArticle .Title a:hover {color:#444 !important; text-decoration:underline; background:none !important; } .TopArticle .Image, .TopArticle .Image img {float:left; } .TopArticle img {float:left; margin:0; } .TopArticle .Flash {clear:left;display:block;} .TopArticle .Body {padding:8px 0px 10px 0; display:block; } .TopArticle .Body a {float:right; color:#237acc !important; width:48%; text-decoration:none;} .TopArticle .Body a:hover {text-decoration:underline; color:#237acc !important; background:none !important;} .TopArticle .More {text-align:right;margin-left:8px;font-weight:bold;text-decoration:none;}/**/ .TopArticle .Date {text-align:right;font-size:80%;margin-left:8px;display:block;width:auto;clear:both;font-weight:normal; color:#8a8888; padding:0 8px 5px 0; width:187px; float:right; }/**/ .SubArticles {width: 100%; padding: 0px; margin-top: 10px; clear: both} .SubArticle {margin:5px 5px 3px 0; border-bottom:1px solid #b8b8b8; } .SubArticles span {color:#777; font-size:150%; } .SubArticle .topleft, .SubArticle .topright, .SubArticle .bottomleft, .SubArticle .bottomright {background-image: url(images/news/1.png);height: 5px;font-size: 4px; background-repeat:no-repeat;} .SubArticle .topleft, .SubArticle .bottomleft {display:none; } .SubArticle .topright, .SubArticle .bottomright { display:none;} .SubArticle .topright {background-position: 100% 0; display:none;} .SubArticle .bottomleft {} .SubArticle .bottomright {} .SubArticle .Holder { margin: 0; } .SubArticle .Holder img {float:left; } .SubArticle .Holder a img:hover {background: none !important; } .SubArticle .inner {margin-left: 5px;margin-right: 5px;padding:3px; text-align: left;} .SubArticle .contentleft, .SubArticle .contentright {} .SubArticle .contentright {background-position: 100% 0; } .SubArticle .Title {font-size:100%;font-weight:bold;clear:both;text-decoration:none; display:block; padding:0 0 5px 0;} .SubArticle .Image, .SubArticle .Image img {float:left;display:block; border:none !important;} .SubArticle .Flash {clear:left;display:block;} .SubArticle .Body {float:left; text-align:left; padding:0 10px 0 0; } .SubArticle a {font-weight:normal; color:#444; text-decoration:underline !important; } .SubArticle a:hover {text-decoration:none !important; color:#444 !important; background: none !important;} .SubArticle .More {text-align:right;margin-left:8px;font-weight:bold;text-decoration:none;font-size:75%;font-weight:bold;}/**/ .SubArticle .Date {text-align:left;font-size:80%; display:block; clear:both; color:#8a8888; font-weight:normal;}/**/ .ArticleList {float: left; margin: 5px 0; padding:10px 0} .ArticleList span {font-family: Verdana, Arial, Helvetica, sans-serif; color:#777; font-size:150%; padding:0 0 10px 0; } .ArticleList ul {margin: 10px 0 0 10px; padding:0; } .ArticleList ul li {background:url(images/template/bullet.gif) 0 5px no-repeat; list-style:none; font-size:90%; margin:0; padding:0 0 0 15px;} .ArticleList ul li a {text-decoration:none; color:#0d558c;} .ArticleList ul li a:hover {text-decoration:underline;} .StandardNewsList {border-bottom: 1px solid #dedede; padding: 4px; width: 100%; margin-bottom: 4px; display: block; width:100%;} .StandardNewsList-Title {} .StandardNewsList-Summary {} .StandardNewsList-Date { font-size:80%; color:#000;} .StandardNewsList-Flash {color: #13528e; font-weight: bold;} /* end */ /* Events Component*/ /* EventsDiary Box */ .Box-EventsDiary {background: url(images/template/webparts/rhs/rhs_tile.gif) repeat-y; margin-bottom: 3px; clear: both;} /* Banner area */ .Box-EventsDiary .Banner{background: url(images/template/webparts/rhs/rhs_header_bac.gif) top no-repeat;color: #fff; } /* Used for rounded corners and to hold a with the title in it. */ .Box-EventsDiary .Banner .Left{ } /* in the above style to show Control title/ page title */ .Box-EventsDiary .Banner .Title{font-weight:bold; display:block; padding:4px 6px 8px 14px; color:#fff} /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-EventsDiary .Banner .Right{ } /* End */ /* Footer areas */ .Box-EventsDiary .Footer { background:url(images/template/webparts/rhs/rhs_bottom.gif) no-repeat bottom; display:block; height:15px; clear:both; } .Box-EventsDiary .Footer .Left{display:none;} .Box-EventsDiary .Footer .Right{display:none;} /* End */ /* Body area*/ .Box-EventsDiary .Body{font-size:0.9em; line-height:1.4em;background: url(images/template/webparts/rhs/rhs_tile.gif) repeat-y; } /* Used to show left edge repeating background image */ .Box-EventsDiary .Body .Left{text-align:left; } /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-EventsDiary .Body .Content{ margin: 0px 3px 0px 3px; padding:6px; text-align:center; padding: 4px; width:152px !important;} .Box-EventsDiary .Body .Content .Text {} .Box-EventsDiary .Body .Content a {} .Box-EventsDiary .Body .Content img{} .Box-EventsDiary .Body .Content .Calender {margin-top: 6px; text-align: center; border:none !important; background:none !important; width:155px !important; height:145px;} .Box-EventsDiary .Body .Content .Calender td, .Box-EventsDiary .Body .Content .Calender th {border: 1px solid #fff;} .Box-EventsDiary .Body .Content .Calender .Title{background-color:#FFF;font-weight:bold;} .Box-EventsDiary .Body .Content .Calender .DayHeader {background:#fff; color:#13528e;} Box-EventsDiary .Body .Content .Calender .DayHeader .Box-EventsDiary .Body .Content .Calender .SelectedDay {background:#fff ; color:#444; } .Box-EventsDiary .Body .Content .Calender .SelectedDay a { color:#fff; background:#269836; font-weight:bold !important;} .Box-EventsDiary .Body .Content .Calender .SelectedDay a:hover { text-decoration:none !important;} .Box-EventsDiary .Body .Content .Calender .EventDay {background:#13528e;} .Box-EventsDiary .Body .Content .Calender .WeekDay{background:#eee; color:#444 !important; } .Box-EventsDiary .Body .Content .Calender .WeekDay a { color:#444 !important;} .Box-EventsDiary .Body .Content .Calender .WeekDay a:hover {text-decoration:none;} .Box-EventsDiary .Body .Content .Calender .WeekEnd{background:#eee; color:#444 !important;} .Box-EventsDiary .Body .Content .Calender .WeekEnd a { color:#444 !important;} .Box-EventsDiary .Body .Content .Calender .WeekEnd a:hover {text-decoration:none;} .Box-EventsDiary .Body .Content .Calender .Today{background:#fff;} .Box-EventsDiary .Body .Content .Calender .OtherDaysofMonth {background:#fefbfb; color:#eee;} Box-EventsDiary .Body .Content .Calender .OtherDaysofMonth a {color:#eee; text-decoration:underline;} .Box-EventsDiary .Body .Content .Calender .OtherDaysofMonth a:hover{ text-decoration:none;} .Box-EventsDiary .Body .Content .Calender td a {width:19px; display:block; } .Box-EventsDiary .Body .Content .Calender td a:hover {width:19px; display:block; color:#fff !important; background:#269836; text-decoration:underline;} .Box-EventsDiary .Body .Content div {border:1px solid #cfcfcf;text-decoration: none; height:15px;} .Box-EventsDiary a.CommandBtn, .News-Form a.CommandBtn:link, .News-Form a.CommandBtn:active,.News-Form a.CommandBtn:visited{display: inline;vertical-align: middle;width: 105px;height: 18px;text-align:center;padding: 4px 0px 0px 0px;margin: 0px 0px 0px 6px;font: bold 11px Tahoma,Arial,Sans-Serif;color: #FFF;background:transparent url(images/CommandBtn.gif) 0px -1px no-repeat;text-decoration: none;float:right;} .Box-EventsDiary a.CommandBtn:hover{background-position:0px -22px ;color: #333333;text-decoration: none;} .Box-EventsDiary a.CommandBtnSlim,.News-Form a.CommandBtnSlim:link,.News-Form a.CommandBtnSlim:active,.News-Form a.CommandBtnSlim:visited{display: block;vertical-align: middle;width: 78px;height: 16px;text-align: center;padding: 0px 2px 0px 2px;font: 11px Arial,Sans-Serif;color: #0d558c;} .Box-EventsDiary a.CommandBtnSlim:hover{background-position: 0px 0px ;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-EventsDiary .Body .Right{ } .prev, .next {float:left; width:50%;} .prev a, .next a {text-decoration:underline;} .prev a:hover, .next a:hover {text-decoration:none;} .Box-EventsDiary .Body .Content .Calender table tr td{ font-size:100%;} .Box-EventsDiary .CommandBtnSlim {float: left; width: 45% !important;} /* End */ /* End */ .Box-EventsSearch {background: url(images/template/webparts/rhs/rhs_tile.gif) repeat-y; margin-bottom: 3px; clear: both;} /* Banner area */ .Box-EventsSearch .Banner{background: url(images/template/webparts/rhs/rhs_header_bac.gif) top no-repeat;color: #fff; } /* Used for rounded corners and to hold a with the title in it. */ .Box-EventsSearch .Banner .Left{ } /* in the above style to show Control title/ page title */ .Box-EventsSearch .Banner .Title{font-weight:bold; display:block; padding:8px 6px 8px 14px; color:#fff} /* Used for rounded corners. Can be set to display:none if not required in the layout. */ .Box-EventsSearch .Banner .Right{ } /* End */ /* Footer areas */ .Box-EventsSearch .Footer { background:url(images/template/webparts/rhs/rhs_bottom.gif) no-repeat bottom; display:block; height:15px; clear:both; } .Box-EventsSearch .Footer .Left{display:none;} .Box-EventsSearch .Footer .Right{display:none;} /* End */ /* Body*/ .Box-EventsSearch .Body{font-size:0.9em; background: url(images/template/webparts/rhs/rhs_tile.gif) repeat-y; } /* Used to show left edge repeating background image */ .Box-EventsSearch .Body .Left{text-align:left; } .Box-EventsSearch .Body .Right {text-align:left; width:160px;} /* Used to create a usable area for content with regular padding etc. Nested inside the right div */ .Box-EventsSearch .Body .Content{ height: auto; text-align:left; display:inline; padding: 4px; } .Box-EventsSearch .Body .Content .Text{} .Box-EventsSearch .Body .Content input,.Box-EventsSearch .Body .Content select{font-size:1em; margin-left:0} /* .Box-EventsSearch .Body .Content .Calender a {float:left; background:#990000 !important; color:#fff; display:block;} .Box-EventsSearch .Body .Content img{} .Box-EventsSearch .Body .Content .Calender {font-size:0.9em; margin-left: 10px} .Box-EventsSearch .Body .Content .Calender .Title{background-color:#FFF;font-weight:bold;} .Box-EventsSearch .Body .Content .Calender .DayHeader {background-color:#FFf;} .Box-EventsSearch .Body .Content .Calender .SelectedDay {background-color:#a4bf4f;} .Box-EventsSearch .Body .Content .Calender .EventDay {background-color:#CCC;} .Box-EventsSearch .Body .Content .Calender .WeekDay{background-color:#EFEFEF;} .Box-EventsSearch .Body .Content .Calender .WeekEnd a{background-color:#FFF;} .Box-EventsSearch .Body .Content .Calender .Today{background-color:#ffd548;} .Box-EventsSearch .Body .Content .Calender .OtherDaysofMonth a:link{color:#FF9900;}*/ .Box-EventsSearch a.CommandBtn, .News-Form a.CommandBtn:link, .News-Form a.CommandBtn:active,.News-Form a.CommandBtn:visited {display:block; width: 70px; background: url(images/template/searchbut.gif) repeat-x; color: #FFF; text-align: center; padding: 1px 3px 3px 3px; margin-top: 6px;} .Box-EventsSearch a.CommandBtn:hover {display:block; width: 70px;background: url(images/template/searchbut.gif) repeat-x;} .Box-EventsSearch a.CommandBtnSlim,.News-Form a.CommandBtnSlim:link,.News-Form a.CommandBtnSlim:active,.News-Form a.CommandBtnSlim:visited{display: block;vertical-align: middle;width: 70px;height: 19px;text-align: center;padding: 4px 2px 0px 2px;font: 11px Tahoma,Arial,Sans-Serif;color: #333333;background:transparent url(images/CommandBtnSlim.gif) 0px -23px no-repeat;text-decoration: none;float:right;} .Box-EventsSearch a.CommandBtnSlim:hover{background-position: 0px 0px ;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-EventsSearch .Body .Right{background:transparent url(images/appbody_right.gif) repeat-y top right; float:right; } /* End */ /* End */ /* Events Listings styles */ .EventList {display: block; padding:0px; color:#000; width:393px !important; } .GridView {background:#fff; width:393px;} .GridView table {float:left;} .EventList table { } .EventList table tbody { margin:5px;} .EventList table tbody td { background:#fff; border-bottom:1px solid #cfcfcf; width:409px;} .EventList .Event { padding:5px;} .EventList .Event .Image {float: left; max-width:100px; margin-right: 6px; margin-bottom: 10px} .EventList .Event .Text {display:block; float:left; padding:0 0 5px 0;} .EventList .Event .Text .Title {display:block; font-size:1.4em;} .EventList .Event .Text .FieldLabel {display:block; float:left; margin-left:5px; font-weight:bold; color:#777;} .EventList .Event .Text .Field {width: 120px; display:block; float:left;} /* End */ /* Events Detail styles */ .Event{margin: 10px 0px 10px 0px; display: block; padding: 8px;} .Event .Image{} .Event .Text{} .Event .Title {font: 1.4em Verdana;} .Event a {color:#777; text-decoration:underline; } .Event a:hover {text-decoration:none;} .Event .FieldLabel{display:block;float:left;font-weight:bold;} .Event .Field{display:block;float:left;} /* End */ /* End */ /*Blog Component*/ .post{} .postfoot {padding-top: 0.5em;padding-right: 0em;padding-left: 0em;padding-bottom: 0.5em;font-size: 90%;text-transform:uppercase; margin: 0em;color: #666;} .postsummary {font-size:110%;margin-right:10px; } .postsummary .title,.postsummary .date {font-weight:bold;padding:5px 0px 10px 0px;} .postsummary .date {text-transform:uppercase;padding:0px; } .postseparator{border:1px dotted #CCC} .postsummary img{padding:2px;float:right; } .postcomment {float: left;width: 80px;overflow: hidden;padding-right: 10px; color: #999;font-family: Georgia, Serif;text-transform: uppercase;text-align: center; font-size: 90%;font-weight: bold;} .postthanks {border: 1px dotted #666; padding: 4px; font-weight: bold; font-size: 1.4em} .TagCollection {padding: 0px; font-size: 90%; margin: 0px; list-style-type: none;} .TagCollection ul li a {color:#237acc; text-decoration:underline;margin-right: 2px;display:block; width: 100%} .TagCollection ul li a:hover {background:#13528e; color:#fff ;} .Tag1 {padding: 0; margin: 0px; display: inline} .Tag1 a {font-size: 160%; font-weight: 900; text-decoration: underline;color:#237acc; text-decoration:underline;} .Tag2 {padding: 0; margin: 0px; display: inline} .Tag2 a {font-size: 145%; font-weight: 800; text-decoration: underline;color:#237acc; text-decoration:underline;} .Tag3 {padding: 0; margin: 0px; display: inline} .Tag3 a {font-size: 130%; font-weight: 600;text-decoration: underline;color:#237acc; text-decoration:underline;} .Tag4 {padding: 0; margin: 0px; display: inline} .Tag4 a {font-size: 120%; font-weight: 500;text-decoration: underline;color:#237acc; text-decoration:underline;} .Tag5 {padding: 0; margin: 0px; display: inline} .Tag5 a {font-size: 110%; font-weight: 300; text-decoration: underline;color:#237acc; text-decoration:underline;} .Tag1 a:hover,.Tag2 a:hover,.Tag3 a:hover,.Tag4 a:hover,.Tag5 a:hover {background:#13528E; color:#fff;} .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); } .rssboxout {width: 148px; margin-left:8px} .rssboxout .title {width: 148px;height:27px;background:url(images/title.gif) no-repeat} .rssboxout .titlespacer {margin:5px; color:#FFFFFF;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;width:137px;float:left} .rssboxout .rss {float:right} * html .rssboxout .rss img{margin-right:5px} .rssboxout .text {float:left; margin:2px 0 0 2px} .rsstextbox {margin:5px} .rsstext {font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif} .rsstext ul {margin:8px 0 0 0; padding:0;} .rsstext li {list-style-image:url(images/rssbullet.gif); padding:0 0 0 5x; margin:0; list-style-position:inside} .rsstext a {color:#217acc; padding-left:5px}