span.ListsOptions a {text-decoration: none; } span.ListsOptions a.CopyLink { padding-right: 10px; background: transparent url('../Images/icons/copy.png') no-repeat center right; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Development Comments /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.JamesComments { background: #FFFFEB; padding: 6px; margin: 20px 0px; color: #990000; border: 1px solid #990000; } .Hidden { display: none; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Redefine HTML tags /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ body { font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; font-size: 70%; color: #333; background: #FFF; height: 100%; } body, table, td, form { padding: 0px; margin: 0px; border-collapse: collapse; text-align: left; vertical-align: top; } input, textarea, select, label { font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; } optgroup { font-style: normal !important; } a:link, a:visited { color: #006699; text-decoration: underline; } a:hover { color: #336699; text-decoration: none; } a img { border: none } h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 240%; font-weight: normal; margin: 0px 0px 20px; border-bottom: 1px solid #CCC; padding-bottom: 2px; } h1 em { font-size: 60%; font-style: normal; color: #888; } h1 em b { } h1.Menu { margin-bottom: 0px; border-bottom-color: #ECC6A0; } h2 { font-size: 190%; font-weight: normal; margin: 20px 0px 10px; border-bottom: 1px solid #CCC; } h2 em { font-size: 60%; font-style: normal; color: #888; } h2 em b { } hr { color: #AEC2E0; background-color: #AEC2E0; border: none; height: 1px; } h3 { font-size: 130%; color: #003366; font-weight: bold; margin: 20px 0px 10px; } h3 em { font-size: 80%; color: #666; font-style: normal; font-weight: normal; } h4 { font-size: 130%; color: #FFF; background: #6699FF; font-weight: normal; margin: 5px 0px 10px; padding: 3px 5px; border-bottom: 1px solid #003366; } h4 em { font-size: 80%; color: #EEE; font-style: normal; font-weight: normal; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Page Layout /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Header { height: 79px; margin: 0px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 1000; } div.HeaderContent { height: 79px; background: #FFF url('../Images/Header/Header_bg.gif') repeat-x scroll left top; } div.HeaderContent div.Logo { position: absolute; left: 0px; top: 0px; width: 126px; height: 69px; background: url('../Images/Header/logo.jpg') no-repeat scroll left top; } div.HeaderContent div.Left { display: none; } div.HeaderContent div.Right { position: absolute; right: 0px; top: 22px; width: 302px; height: 47px; background: url('../Images/Header/Header_right.gif') no-repeat scroll right top; } div.Footer { position: relative; width: 100%; height: 40px; background: #FFF url('../Images/footer/footer_bg.gif') repeat-x scroll left bottom; z-index: 2; } div.FooterContent { display: none; } div.ContentHolder { margin: 130px 10px 20px; padding: 0px; z-index: 300; } div.LeftColumnBackground { background: url('../Images/Layout/left_column_bg.gif') repeat-y scroll left top; width: 100%; } div.LeftColumn { float: left; left: auto; top: auto; position: static; width: 200px; z-index: 2; } div.LeftColumnContent { padding: 7px; } div.LeftColumnContent h2 { background: #333A91; color: #FFF; margin: 5px 0px; font-size: 120%; } div.LeftColumnContent p { margin: 0px 0px 20px; font-size: 100%; color: #003366; } div.RightColumn { width: 185px; position: absolute; right: 5px; top: 0px; z-index: 3; } div.RightColumnContent { padding: 7px; } div.MiddleColumn { margin: 0px 0px 0px 220px; padding: 0px; z-index: 4; } div.MiddleColumnHead { display: none; } div.MiddleColumnFoot { display: none; } div.MiddleColumnContent { padding: 0px; margin: 0px; min-height: 450px; } div.MiddleColumn1Col { margin: 0px 0px 0px 10px; padding: 0px; } div.MiddleColumn3Col { margin: 0px 200px 0px 220px; padding: 0px; } div.Cleaner { clear: both; height: 0px; font-size: 1px; border: none; margin: 0px; padding: 0px; background: transparent; overflow: hidden; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Login Status /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.LoginStatus { font-size: 90%; margin: 0px; color: #777; } div.LoginStatusContent { } div.LoginStatusContent div.Left { position: fixed; left: 135px; top: 5px; z-index: 1000; } div.LoginStatusContent div.Right { position: fixed; right: 6px; top: 5px; z-index: 1000; width: auto; text-align: right; } div.LoginStatusContent div.Right a.RighBordered { border-right: 1px solid #CCCCCC; padding: 0px 5px 0px 5px; margin: 0px 5px 0px 0px; } div.LoginStatusContent a:link, div.LoginStatusContent a:visited { color: #666; text-decoration: underline; } div.LoginStatusContent a:hover { color: #666; text-decoration: none; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Main Menu /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.MainMenu { margin: 0px; position: fixed; left: 130px; top: 42px; z-index: 1000; } div.MainMenu ul { list-style: none; margin: 0px; padding: 0px; } div.MainMenu ul li { float: left; margin: 0px 1px 0px 0px; height: 27px; } div.MainMenu ul li a { display: block; line-height: 27px; padding: 0px 10px; } div.MainMenu ul li a:link, div.MainMenu ul li a:visited { color: #333A91; text-decoration: none; background: #C2D6FF url('../Images/MainMenu/button_bg_2.gif') no-repeat scroll top left; } div.MainMenu ul li a:hover { color: #333A91; text-decoration: underline; } div.MainMenu ul li a em { font-size: 90%; font-style: normal; color: #888; } div.MainMenu ul li.Selected a:link, div.MainMenu ul li.Selected a:visited { background: #333A91 url('../Images/MainMenu/button_bg_1.gif') no-repeat scroll top left; color: #FFF; text-decoration: none; } div.MainMenu ul li.Selected a:hover { text-decoration: underline; } div.MainMenu ul li span.Highlight { color: #CC0066; } div.MainMenu ul li.Selected span.Highlight { color: #FFF; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Sub Menu (when panels are "fixed" the height setting and white bg helps cover up the main page elements) /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.SubMenu { height: 51px; margin: 0px; font-size: 90%; position: fixed; left: 0px; top: 79px; width: 100%; z-index: 1000; background: #FFF url('../Images/MainMenu/submenu_bg.gif') left top scroll repeat-x; } div.SubMenu ul { list-style: none; margin: 0px 0px 0px 130px; padding: 0px; } div.SubMenu ul li { float: left; margin: 0px 1px 0px 0px; height: 24px; } div.SubMenu ul li a { display: block; line-height: 24px; padding: 0px 12px; border-right: 1px solid #7FCACA; } div.SubMenu ul li a:link, div.SubMenu ul li a:visited { color: #005B5B; text-decoration: none; background: #CCEAEA url('../Images/MainMenu/button_bg_4.gif') no-repeat scroll bottom left; } div.SubMenu ul li a:hover { color: #005B5B; text-decoration: underline; } div.SubMenu ul li a em { font-size: 90%; font-style: normal; color: #888; } div.SubMenu ul li.Selected a:link, div.SubMenu ul li.Selected a:visited { color: #FFF; text-decoration: none; background: #009696 url('../Images/MainMenu/button_bg_3.gif') no-repeat scroll bottom left; } div.SubMenu ul li.Selected a:hover { text-decoration: underline; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Content Menu (third level of menu, within the middle column) /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.ContentMenu { } div.ContentMenu ul { list-style: none; margin: 0px; padding: 0px; height: 1.8em; margin-bottom: 25px; background: #F9F9F9; } div.ContentMenu ul li { float: left; } div.ContentMenu ul li a { display: block; padding: 0px 10px 2px; line-height: 2em; border-left: 1px solid #ECC6A0; } div.ContentMenu ul li { float: left; } div.ContentMenu ul li a.Last { border-right: 1px solid #ECC6A0; } div.ContentMenu ul li a:link, div.ContentMenu ul li a:visited, div.ContentMenu ul li a:hover { background: #FAEFE5; text-decoration: none; color: #666; } div.ContentMenu ul li.Selected a:link, div.ContentMenu ul li.Selected a:visited, div.ContentMenu ul li.Selected a:hover { background: #ECC6A0; text-decoration: none; color: #FFF; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Copyright /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.CopyrightHolder { margin: 5px 10px; height: 50px; } div.CopyrightHolder div.Validated { float: right; width: 130px; padding-top: 5px; text-align: right; display: none; } div.CopyrightHolder div.Copyright { margin: 0px auto; color: #999; } div.CopyrightHolder div.Copyright a:link, div.CopyrightHolder div.Copyright a:visited { color: #999; text-decoration: underline; } div.CopyrightHolder div.Copyright a:hover { color: #777; text-decoration: underline; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Modal Popup /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Modal { position: fixed; top: 0px; left: 0px; width: 100%; height: 101%; background: transparent url('../Images/modal/overlay.png') repeat scroll; z-index: 3000; display: none; } div.Modal.Wait { cursor: wait; } div.Modal div.AjaxLoader { margin: 200px auto 0px; background: #EEE url('../Images/modal/loader.gif') center 20px no-repeat scroll; border: 10px solid #FFF; width: 200px; height: 90px; color: #CCC; position: relative; } div.Modal div.AjaxLoader b { display: block; position: absolute; top: 60px; left: 70px; } div.Modal div.ContentBox { margin: 200px auto 0px; background: #FFF; border: 5px solid #EEE; width: 450px; min-height: 150px; color: #666; position: relative; } div.Modal div.ContentBox div.Quit { position: absolute; top: 10px; right: 10px; } div.Modal div.ContentBox div.Content { padding: 10px; } div.Modal div.ContentBox div.Content h1 { margin: 0px 0px 20px; font-size: 150%; font-weight: normal; } div.Modal div.ContentBox div.Content h2 { margin: 10px 0px 5px; font-size: 130%; font-weight: normal; border: none; } div.Modal div.ContentBox div.Content p { margin: 10px 0px; } div.Modal div.ContentBox div.Content div.InputGrid { width: 430px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Filters Panel /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.FiltersPanel { } div.FiltersPanel h2 { color: #FFF; background-color: #CC6600; padding: 4px 6px; border: none; margin: 0; font-size: 100%; font-weight: bold; height: 1%; } div.FiltersPanelContent { color: #CC6600; background: #FAEFE5; border: 1px solid #CC6600; margin: 0px 0px 10px; } div.FiltersPanelContent div.Input { position: relative; min-height: 2.6em; } div.FiltersPanelContent div.Darker { background: #F3DBC3; } div.FiltersPanelContent div.Input label { display: block; position: absolute; left: 0px; top: 4px; padding-top: 3px; text-align: right; width: 48px; overflow: hidden; } div.FiltersPanelContent div.Input select { position: absolute; left: 52px; top: 4px; width: 127px; } div.FiltersPanelContent div.Input input { position: absolute; left: 52px; top: 4px; width: 121px; } div.FiltersPanelContent div.Input input.Update { width: auto; } div.FiltersPanelContent div.Input input.Date { width: 60px !important; } div.FiltersPanelContent div.Input a { position: absolute; left: 120px; top: 3px; display: block; width: 30px; height: 30px; } div.FiltersPanelContent div.InputCheckBox label { display: block; position: absolute; left: 30px; top: 4px; padding-top: 3px; text-align: left; width: 150px; overflow: hidden; } div.FiltersPanelContent div.InputCheckBox { position: relative; min-height: 2.6em; } div.FiltersPanelContent div.InputCheckBox input { position: absolute; left: 5px; top: 5px; width: 15px; } div.FiltersPanelContent div.Buttons { position: relative; padding: 5px 10px; text-align: right; } div.FiltersPanelContent div.Buttons.Darker { background: #F3DBC3; } div.FiltersPanelContent div.Years { position: relative; text-align:center; padding: 6px 10px; } div.FiltersPanelContent div.Years a { position: relative;} div.FiltersPanelContent div.Closer { min-height: 2.2em; } div.FiltersPanelContent div.Closer label { top: 1px;} div.FiltersPanelContent div.Closer select { top: 1px; } div.FiltersPanelContent div.Closer input { top: 1px; } div.FiltersPanelContent div.Closer a { top: 1px; } div.FiltersPanelContent div.Text { padding: 6px; } div.FiltersPanelContent div.Links { padding: 6px; } /* when using date picker with validation */ div.FiltersPanelContent div.Input.Validation { position: static; min-height: 1em; } div.FiltersPanelContent div.Input.Validation div.InputContent { position: relative; min-height: 2.6em; } div.FiltersPanelContent div.Input.Validation.Closer { min-height: 1em; } div.FiltersPanelContent div.Input.Validation.Closer div.InputContent { min-height: 2.2em; } div.FiltersPanelContent div.Input span em { display: block; padding: 0px 10px 10px 10px; text-align: right; font-style: normal; } input.Highlight { background-color:#FFFFCC; border:2px solid #CC0000; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Options Panel /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.OptionsPanel { } div.OptionsPanel h2 { color: #FFF; background-color: #CC6600; padding: 4px 6px; border: none; margin: 0; font-size: 100%; font-weight: bold; height: 1%; } div.OptionsPanelContent { color: #CC6600; background: #FAEFE5; border: 1px solid #CC6600; margin: 0px 0px 10px; } div.OptionsPanelContent ul { color: #336633; background: #FAEFE5; margin: 0px; padding: 0px; list-style: none; position: relative; } div.OptionsPanelContent ul h1 { color: #FFF; background: #78C5BB; border: 1px solid #000; padding: 4px 6px; border: none; margin: 0px; font-size: 100%; font-weight: bold; text-decoration: none; position: relative; } div.OptionsPanelContent ul li { margin: 0px; padding:0px; height: 1%; position: relative; } div.OptionsPanelContent ul li a { display: block; padding: 5px 8px; height: 100%; border-top: 1px solid #FFF; border-bottom: 1px solid #ECC6A0; position: relative; } div.OptionsPanelContent ul li a img { float: left; margin-right: 6px; } div.OptionsPanelContent ul li a:link, div.OptionsPanelContent ul li a:visited { padding-left: 8px; color: #666; text-decoration: none; } /* disabled links */ div.OptionsPanelContent ul li a.Strikethrough { text-decoration: line-through !important; } div.OptionsPanelContent ul li a:hover, div.OptionsPanelContent ul li.Selected a:link, div.OptionsPanelContent ul li.Selected a:visited, div.OptionsPanelContent ul li.Selected a:hover { color: #333; background-color: #ECC6A0; border-top: 1px solid #F7E8D9; border-bottom: 1px solid #E2A970; } div.OptionsPanel div.Selection { padding: 8px; color: #333; } div.OptionsPanel div.Selection p { margin: 10px 0px; } div.OptionsPanel div.Selection ul { list-style: disc; margin: 3px 20px; } div.OptionsPanelContent div.Text { padding: 6px; } div.OptionsPanelContent div.Right { text-align: right; } div.OptionsPanelContent div.Links { padding: 6px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Icons /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ a.Icon { display: block; padding-left: 27px !important; background-position: 6px 4px; background-repeat: no-repeat; background-attachment: scroll; } a.Icon.Back { background-image: url('../Images/Icons/Mini/arrow_undo.png') !important; } a.Icon.Print { background-image: url('../Images/Icons/Mini/printer.png') !important; } a.Icon.Delete { background-image: url('../Images/Icons/Mini/delete.png') !important; } a.Icon.Add { background-image: url('../Images/Icons/Mini/table_add.png') !important; } a.Icon.Apply { background-image: url('../Images/Icons/Mini/application_go.png') !important; } a.Icon.Search { background-image: url('../Images/Icons/Mini/magnifier.png') !important; } a.Icon.Help { background-image: url('../Images/Icons/Mini/help.png') !important; } a.Icon.Copy { background-image: url('../Images/Icons/Mini/page_copy.png') !important; } a.Icon.Announcement { background-image: url('../Images/Icons/Mini/comment.png') !important; } a.Icon.AnnouncementAdd { background-image: url('../Images/Icons/Mini/comment_add.png') !important; } a.Icon.AnnouncementEdit { background-image: url('../Images/Icons/Mini/comment_edit.png') !important; } a.Icon.Page { background-image: url('../Images/Icons/Mini/page.png') !important; } a.Icon.PageAdd { background-image: url('../Images/Icons/Mini/page_add.png') !important; } a.Icon.PageEdit { background-image: url('../Images/Icons/Mini/page_edit.png') !important; } a.Icon.PageDelete { background-image: url('../Images/Icons/Mini/page_delete.png') !important; } a.Icon.PageGo { background-image: url('../Images/Icons/Mini/page_go.png') !important; } a.Icon.GroupEdit { background-image: url('../Images/Icons/Mini/group_edit.png') !important; } a.Icon.Message { background-image: url('../Images/Icons/Mini/email.png') !important; } a.Icon.MessageReply { background-image: url('../Images/Icons/Mini/email_edit.png') !important; } a.Icon.MessageDelete { background-image: url('../Images/Icons/Mini/email_delete.png') !important; } a.Icon.AlertDelete { background-image: url('../Images/Icons/Mini/tag_blue_delete.png') !important; } a.Icon.AlertRead { background-image: url('../Images/Icons/Mini/tag_green.png') !important; } a.Icon.AlertUnread { background-image: url('../Images/Icons/Mini/tag_red.png') !important; } a.Icon.AlertActioned { background-image: url('../Images/Icons/Mini/sign_tick.png') !important; } a.Icon.Note { background-image: url('../Images/Icons/Mini/note.png') !important; } a.Icon.NoteAdd { background-image: url('../Images/Icons/Mini/note_add.png') !important; } a.Icon.NoteEdit { background-image: url('../Images/Icons/Mini/note_edit.png') !important; } a.Icon.NoteDelete { background-image: url('../Images/Icons/Mini/note_delete.png') !important; } a.Icon.Requests { background-image: url('../Images/Icons/Mini/cart.png') !important; } a.Icon.RequestAdd { background-image: url('../Images/Icons/Mini/cart_add.png') !important; } a.Icon.SelectAll { background-image: url('../Images/Icons/Mini/page.png') !important; } a.Icon.SelectNone { background-image: url('../Images/Icons/Mini/page_white.png') !important; } a.Icon.Paperwork { background-image: url('../Images/Icons/Mini/page_edit.png') !important; } a.Icon.ExportExcel { background-image: url('../Images/Icons/MIME/xls.gif') !important; } a.Icon.ExportClipboard { background-image: url('../Images/Icons/Mini/page_copy.png') !important; } a.Icon.List { background-image: url('../Images/Icons/Mini/table.png') !important; } a.Icon.Users { background-image: url('../Images/Icons/Mini/user.png') !important; } a.Icon.UserAdd { background-image: url('../Images/Icons/Mini/user_add.png') !important; } a.Icon.UserDelete { background-image: url('../Images/Icons/Mini/user_delete.png') !important; } a.Icon.Preferences { background-image: url('../Images/Icons/Mini/computer_edit.png') !important; } a.Icon.School { background-image: url('../Images/Icons/Mini/building.png') !important; } a.Icon.SchoolEdit { background-image: url('../Images/Icons/Mini/building_edit.png') !important; } a.Icon.StatusDecline { background-image: url('../Images/Icons/Mini/sign_cross.png') !important; } a.Icon.StatusConfirm { background-image: url('../Images/Icons/Mini/sign_tick.png') !important; } a.Icon.StatusSent { background-image: url('../Images/Icons/Mini/email_go.png') !important; } a.Icon.StatusAccepted { background-image: url('../Images/Icons/Mini/thumb_up.png') !important; } a.Icon.RequestAccept { background-image: url('../Images/Icons/Mini/sign_tick.png') !important; } a.Icon.RequestDecline { background-image: url('../Images/Icons/Mini/sign_cross.png') !important; } a.Icon.VisitBook { background-image: url('../Images/Icons/Mini/date_go.png') !important; } a.Icon.VisitDecline { background-image: url('../Images/Icons/Mini/sign_cross.png') !important; } a.Icon.VisitCompleteOrCancel { background-image: url('../Images/Icons/Mini/date_edit.png') !important; } a.Icon.PdaData { background-image: url('../Images/Icons/Mini/phone.png') !important; } a.Icon.FolderAdd { background-image: url('../Images/Icons/Mini/folder_add.png') !important; } a.Icon.DownloadAdd { background-image: url('../Images/Icons/Custom/download_add.png') !important; } a.Icon.PlacementAdd { background-image: url('../Images/Icons/Mini/house_go.png') !important; } a.Icon.EmployerDetails { background-image: url('../Images/Icons/Mini/coins.png') !important; } a.Icon.PlacementDetails { background-image: url('../Images/Icons/Mini/House.png') !important; } a.Icon.PlacementStudentInfo { background-image: url('../Images/Icons/Mini/vcard.png') !important; } a.Icon.EmployerDocuments { background-image: url('../Images/Icons/Mini/page_word.png') !important; } a.Icon.PlacementDocuments { background-image: url('../Images/Icons/Mini/page_word.png') !important; } a.Icon.PlacementRequests { background-image: url('../Images/Icons/Mini/cart.png') !important; } a.Icon.PlacementRequest { background-image: url('../Images/Icons/Mini/cart_add.png') !important; } a.Icon.PlacementPictures { background-image: url('../Images/Icons/Mini/images.png') !important; } a.Icon.PlacementAvailability { background-image: url('../Images/Icons/Mini/telephone.png') !important; } a.Icon.PlacementExcludedSchools { background-image: url('../Images/Icons/Mini/delete.png') !important; } a.Icon.PlacementVocationalProfile { background-image: url('../Images/Icons/Mini/wrench.png') !important; } a.Icon.PlacementDiplomaProfile { background-image: url('../Images/Icons/Mini/rosette_purple.png') !important; } a.Icon.PlacementMove { background-image: url('../Images/Icons/Mini/coins_delete.png') !important; } a.Icon.ApplicationDetails { background-image: url('../Images/Icons/Mini/application_form.png') !important; } a.Icon.Applications { background-image: url('../Images/Icons/Mini/application_cascade.png') !important; } a.Icon.ApplicationAdd { background-image: url('../Images/Icons/Mini/application_add.png') !important; } a.Icon.ApplicationEdit { background-image: url('../Images/Icons/Mini/application_edit.png') !important; } a.Icon.ApplicationDelete { background-image: url('../Images/Icons/Mini/application_delete.png') !important; } a.Icon.HSSummary { background-image: url('../Images/Icons/Mini/shield.png') !important; } a.Icon.HSForm { background-image: url('../Images/Icons/Mini/table_edit.png') !important; } a.Icon.HSVisitScheduler { background-image: url('../Images/Icons/Mini/date.png') !important; } a.Icon.HSRiskAssessment { background-image: url('../Images/Icons/Mini/cut_red.png') !important; } a.Icon.HSActionPlan { background-image: url('../Images/Icons/Mini/chart_curve.png') !important; } a.Icon.HSActionPlanAdd { background-image: url('../Images/Icons/Mini/chart_curve_add.png') !important; } a.Icon.HSActionPlanEdit { background-image: url('../Images/Icons/Mini/chart_curve_edit.png') !important; } a.Icon.HSActionPlanDelete { background-image: url('../Images/Icons/Mini/chart_curve_delete.png') !important; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- File Type Icons (use with other ul / li settings } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ li.DocLink { display: block; padding: 0px 0px 0px 20px; line-height: 20px; background-position: 0px 2px; background-repeat: no-repeat; background-attachment: scroll; } li.DocLink em { font-size: 90%; color: #666; font-style: normal; text-decoration: none; } li.Report { background-image: url('../Images/Icons/Mini/report.png'); } li.ReportChart { background-image: url('../Images/Icons/Mini/chart_bar.png'); } li.Folder { background-image: url('../Images/Icons/Mini/folder.png'); border: 1px solid #000; } li.Word { background-image: url('../Images/Icons/MIME/doc.gif'); } li.Excel { background-image: url('../Images/Icons/MIME/xls.gif'); } li.PDF { background-image: url('../Images/Icons/MIME/pdf.gif'); } li.PowerPoint { background-image: url('../Images/Icons/MIME/ppt.gif'); } li.ZIP { background-image: url('../Images/Icons/MIME/zip.gif'); } li.Image { background-image: url('../Images/Icons/MIME/jpg.gif'); } li.Video { background-image: url('../Images/Icons/MIME/avi.gif'); } li.Music { background-image: url('../Images/Icons/MIME/mp3.gif'); } li.Unknown { background-image: url('../Images/Icons/MIME/unk.gif'); } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Bread Crumb /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.BreadCrumb { display: none; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Warning and Error /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Error, div.Warning, div.Info, div.Success { padding: 10px 10px 10px 40px; } div.Error img, div.Warning img, div.Info img, div.Success img { float: left; margin: 7px; } div.Error { color: #CC0000; border: 1px solid #E47676; margin: 0px 0px 20px; background: #FAE5E5 url('../Images/Icons/MessageBox/critical.gif') no-repeat scroll 7px 6px; } div.Warning { color: #CC6600; border: 1px solid #FFCC00; margin: 0px 0px 20px; background: #FFFFCC url('../Images/Icons/MessageBox/warning.gif') no-repeat scroll 7px 6px; } div.Info { color: #003366; border: 1px solid #76AEE7; margin: 0px 0px 20px; background: #E5EFFA url('../Images/Icons/MessageBox/info.gif') no-repeat scroll 7px 6px; } div.Success { color: #006600; border: 1px solid #6DC56D; margin: 0px 0px 20px; background: #D9F0D9 url('../Images/Icons/MessageBox/tick.gif') no-repeat scroll 7px 6px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Search Results/ /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Results { margin: 0px 0px 60px; position: relative; } div.Results table { width: 100%; border: none; color: #666; background: #FFF; } div.Results table th { background-color: #DDD; } div.Results table th, div.Results table td { border: 1px solid #999; font-size: 100%; padding: 3px 6px; } div.Results table td.CheckBox { padding: 0px; text-align: center;} div.Results table td.HSIcon img { cursor: help; } div.Results table td.Notes img { } div.Results table td.Notes em { font-size: 90%; font-style: normal; } div.Results table td.Notes a { text-decoration: none; } div.Results table td.ActionOptions { background: url('../Images/Icons/Mini/cog_go.png') no-repeat scroll 5px 3px; } /* james */ div.Results table td.Table { padding: 6px; } div.Results table a:link { text-decoration: none; } div.Results table a:visited { color: #006600; text-decoration: none; } div.Results table a:hover { text-decoration: underline; } div.Results table tr.Highlighted td { background-color: #FFFFCC; } div.Results table tr.Darker td { background-color: #F6F6F6; } div.Results table tr.Inactive td { color: #777; } div.Results table.Highlight tr:hover td { background-color: #E1F0D9; } /* Sortable Styles */ div.Results table.Sortable th.Selected { background-color: #CCC; } div.Results table.Sortable th a { display: block; height: 100%; } div.Results table.Sortable th a span { text-align: right; } div.Results table.Sortable th a:link, div.Results table.Sortable th a:visited { color: #003366; text-decoration: none; } div.Results table.Sortable th a:hover { color: #CC6600; text-decoration: underline; } div.Results table.Sortable th.Selected a:link, div.Results table.Sortable th.Selected a:visited { color: #CC6600; } div.Results table.Sortable th span.SortArrow { margin-left: 5px; } /* Clipboard Link */ div.Results div.FloatingLink { position: absolute; top: -47px; right: 0px; } div.Results div.FloatingLink a { display: block; line-height: 25px; background-color: #003366; padding: 0px 10px; } div.Results div.FloatingLink a.Link { padding-left: 25px; background-position: 5px 5px; background-repeat: no-repeat; background-attachment: scroll; } div.Results div.FloatingLink a:link, div.Results div.FloatingLink a:visited { color: #CCC; text-decoration: none; } div.Results div.FloatingLink a:hover { color: #FFF; text-decoration: underline; } div.Results div.FloatingLink a em { font-size: 90%; color: #666; font-style: normal; text-decoration: none; } div.Results div.FloatingLink a.Link.Copy { background-image: url('../Images/icons/page_copy.gif'); } /* james */ /* Options for below a table */ div.UnderTableOptions { padding: 6px 8px 6px 8px; background: #EEE; font-size: 90%; position: relative; height: 1%; } div.UnderTableOptions a img { position: absolute; top: 3px; left: 5px; } div.UnderTableOptions a:link, div.UnderTableOptions a:visited { text-decoration: underline !important; } div.UnderTableOptions a:hover { text-decoration: none !important; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Field Display and Input /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.InputGrid { width: 500px; } div.Wide { width: 600px; } div.W650 { width: 650px; } div.W700 { width: 700px; } div.InputGrid h3 { position: relative; font-size: 110%; margin: 0px; padding: 4px 7px; border: 1px solid #A8D591; color: #336633; background-color: #A8D591; font-weight: bold; } div.InputGrid h3 a { position: absolute; right: 6px; top: 3px; font-size: 90%; } div.InputGrid div.Nugget { color: #336633; background-color: #A8D591; padding: 0px 7px 8px 9px;} div.InputGrid div.Submit { text-align: right; padding: 4px 10px 4px; background-color: #E7EEF7; margin-bottom: 20px; } div.InputGrid div.Submit span.Left { display: block; float: left; } div.InputGrid div.Submit input { width: auto; } div.InputGrid div.Submit em { color: #990000; font-style: normal; } div.InputGrid table { width: 100%; margin: 0px 0px 20px; border: 1px solid #A8D591; } div.InputGrid th { padding: 2px 5px; background: #CEE7C0; } div.InputGrid td { padding: 2px 5px; background: #E1F0D9; } div.InputGrid tr.Darker td { background: #CEE7C0; } div.InputGrid td.Text { padding: 5px; } div.InputGrid td.Text em { color: #888; font-style: normal; float: left; width: 22px; } div.InputGrid td.Text span.Grey { color: #888; } div.InputGrid td.Label { text-align: right; width: 120px; padding: 5px; font-weight: bold; border-right: 1px solid #A8D591; } div.InputGrid td.Label.LeftBordered { border-left: 1px solid #A8D591; } div.InputGrid td.Label em { color: #990000; font-style: normal; } div.InputGrid td.Wide { width: 150px; } div.InputGrid td.Narrow { width: 60px; padding: 5px; } div.InputGrid td.Wider { width: 200px; } div.InputGrid td.Text { padding-top: 5px; padding-bottom: 5px; } div.InputGrid td span.Red { color: #990000 !important; } div.InputGrid td span.Amber { color: #CC6600 !important; } div.InputGrid input { width: 90%; } div.InputGrid input.Button { width: auto; } div.InputGrid input.Date { width: 70px !important; } div.InputGrid input.SmallNumber { width: 30px !important; } div.InputGrid input.Postcode { width: 70px !important; } div.InputGrid input.ReducedWidth { width: 80% !important; } div.InputGrid textarea { width: 98%; height: 80px; } div.InputGrid select { margin-right: 5px; } div.InputGrid select.List { width: 91%; height: 100px; border: 1px solid #000; } div.InputGrid select.Fixed { width: 95%; } div.InputGrid textarea.H150 { width: 98%; height: 150px; } div.InputGrid textarea.H350 { width: 98%; height: 350px; } /* for a table cell with checkbox or radio button selections */ div.InputGrid td.CheckBoxes { padding-top: 5px; padding-bottom: 2px; } div.InputGrid td.CheckBoxes div { position: relative; padding-left: 22px; margin: 2px 0px 8px; } div.InputGrid td.CheckBoxes input { position: absolute; left: 0px; top: -4px; } div.InputGrid td.CheckBoxes input, div.InputGrid td.CheckBoxes select { width: auto; } * html div.InputGrid td.CheckBoxes input { left: -22px; } /* for the H&S standards page */ div.InputGrid td.Number { padding-top: 6px; width: 20px; } div.InputGrid td.Question { padding-top: 6px; padding-bottom: 6px; border-right: 1px solid #A8D591; font-weight: normal; width: 230px; text-align: left; } div.InputGrid td.Question em { color: #990000; font-style: normal; } div.InputGrid td.YesNo { padding-top: 6px; width: 230px; } div.InputGrid td.YesNo input, div.InputGrid td.YesNo select { width: auto; } div.InputGrid td.YesNo div.Yes, div.InputGrid td.YesNo div.No { margin: 5px 0px; } div.InputGrid td.YesNo p { margin: 0px; } div.InputGrid td.YesNo textarea { width: 210px; height: 70px; } div.InputGrid td.Comments { font-weight: normal; width: 260px; } /* for the H&S Action Plan page */ div.InputGrid th.Action { } div.InputGrid th.TargetDate { width: 180px; } div.InputGrid th.Confirmation { width: 90px; } div.InputGrid td.Action { padding: 5px; } div.InputGrid td.Action input { width: auto; } div.InputGrid td.TargetDate { padding: 5px; width: 180px; } div.InputGrid td.Confirmation { padding: 5px; width: 90px; } div.InputGrid td.Confirmation input { width: auto; } /* nested table */ div.InputGrid table table { border: none; margin: 5px 0px; } div.InputGrid table table th, div.InputGrid table table td { padding: 4px 5px; } div.InputGrid table table.Border th, div.InputGrid table table.Border td { border: 1px solid #A8D591; } div.InputGrid table table.Border td.ActionOptions { background: url('../Images/Icons/Mini/cog_go.png') no-repeat scroll 5px 3px; } /* diploma elements - student view */ div.InputGrid table.DiplomaDetails { margin: 0px 0px; } div.InputGrid table.DiplomaDetails table { margin: 0px 0px; } div.InputGrid table.DiplomaDetails em.Right { float: right; padding-right: 5px; } div.InputGrid table.DiplomaDetails div.Unit { background: #CEE7C0; padding: 5px 0px 5px 10px; margin: 0px 0px 2px; } div.InputGrid table.DiplomaDetails div.Outcome { background: #E1F0D9; padding: 5px 0px 0px 10px; margin: 0px 0px 2px; } div.InputGrid table.DiplomaDetails div.Task { padding: 5px 0px 5px 10px; margin: 0px 0px 2px; } div.InputGrid table.DiplomaDetails blockquote { display: block; margin: 5px 0px 0px 10px; } /* diploma elements - unit elements */ div.InputGrid table table.DiplomaElements { margin: 0px 0px; } div.InputGrid table table.DiplomaElements td { padding: 0px; } div.InputGrid td.CheckBoxes div.Diploma, div.InputGrid td.CheckBoxes div.Unit { background: #CEE7C0; padding: 5px 0px 5px 22px; margin: 0px 0px 2px; } div.InputGrid td.CheckBoxes div.Diploma input, div.InputGrid td.CheckBoxes div.Unit input { top: 1px; } div.InputGrid blockquote { display: none; margin: 5px 0px 0px 10px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.InputGrid div.Tabs { margin: 0px; width: 100%; height: 2em; position: relative; border-bottom: 3px solid #A8D591; } div.InputGrid div.TabsContent { position: absolute; top: 0px; left: 0px; } div.InputGrid div.Tabs ul { margin: 0px; padding: 0px; list-style: none; } div.InputGrid div.Tabs ul li { float: left; overflow: hidden; margin-right: 1px; } div.InputGrid div.Tabs ul li a { display: block; padding: 0px 10px; line-height: 2em; } div.InputGrid div.Tabs ul li a em { display: none; } div.InputGrid div.Tabs ul a:link, div.InputGrid div.Tabs ul a:visited { background: #CCC url('../Images/Buttons/tabcorner1.gif') no-repeat scroll left top; color: #888; text-decoration: none; } div.InputGrid div.Tabs ul a:hover { text-decoration: underline; } div.InputGrid div.Tabs ul li.Selected a em { color: #F0F60B; font-style: normal; display: inline; } div.InputGrid div.Tabs ul li.Selected a:link, div.InputGrid div.Tabs ul li.Selected a:visited { background: #88B968 url('../Images/Buttons/tabcorner2.gif') no-repeat scroll left top; color: #FFF; } div.InputGrid div.Tabs ul li.Selected a:hover { text-decoration: none; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Messages /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.MessageHolder { margin: 0px 0px 20px; color: #000; width: 500px; } div.MessageHolder table { width: 100%; margin: 0px 0px 15px; color: #003366; } div.MessageHolder td { padding: 1px 0px; } div.MessageHolder td.Label { width: 70px; font-weight: bold; } div.MessageHolder div.FirstMessage { color: #003366; margin-bottom: 10px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Popup Help and Options (uses ) /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.FloatingOptions { position: absolute; top: 135px; right: 20px; width: 102px; height: 26px; background: #CC6600 url('../Images/Buttons/options_bg.gif') left top no-repeat scroll; } div.FloatingOptions h2 { font-size: 100%; color: #FFF; margin: 0px; padding: 5px 0px 0px; text-align: center; border: none; } div.FloatingOptions h2 a { color:#FFF; text-decoration: none; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Report Links /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.ReportLinks { } div.ReportLinks ul { margin: 0px; padding: 0px; list-style: none; } div.ReportLinks ul li { margin: 0px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Dashboard Item /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Dashboard { } div.DashboardItem { float: left; width: 270px; margin: 0px 20px 20px 0px; border: 1px solid #EEE; padding: 3px; position: relative; } div.DashboardItemContent { background-color: #F0E8F0; padding-bottom: 5px; } div.DashboardPadding { padding: 5px; } div.DashboardItem h2 { color: #6A1969; margin-top: 0px; border-color: #CAAECA; background-color: #E2D3E2; padding: 3px 5px; font-size: 150%; } div.DashboardItem h2.Icon { padding-left: 50px; } div.DashboardItem h2 a:link, div.DashboardItem h2 a:visited { color: #6A1969; text-decoration: none; } div.DashboardItem h2 a:hover { text-decoration: underline; } div.DashboardItem p { font-size: 100%; margin: 10px 0px; } div.DashboardItemWide { width: 430px; } div.DashboardItemFarRight { margin-right: 0px !important; } div.DashboardItem div.AnnouncementItem { padding: 10px 10px 5px; border-bottom: 1px dashed #CCC; } div.DashboardItem div.AnnouncementItem h3 { margin: 0px 0px 5px; padding: 0px; } div.DashboardItem div.LargeLink { padding: 10px 10px 10px; text-align: right; background-color: #F2F2F2; } div.DashboardItem div.Intro { font-size: 100%; margin: 10px 0px 10px 50px; } div.DashboardItem div.Icon { width: 48px; height: 48px; background: left top no-repeat scroll; position: absolute; top: -7px; left: -7px; } div.DashboardItem div.Icon.Tasks { background-image: url('../Images/Dashboard/scheduled-tasks-48x48.png'); } div.DashboardItem div.Icon.Programmes { background-image: url('../Images/Dashboard/run-48x48.png'); } div.DashboardItem div.Icon.Search { background-image: url('../Images/Dashboard/search-48x48.png'); } div.DashboardItem div.Icon.Reports { background-image: url('../Images/Dashboard/file-edit-48x48.png'); } div.DashboardItem div.Icon.Requests { background-image: url('../Images/Dashboard/shopping-cart-48x48.png'); } div.DashboardItem div.Icon.HS { background-image: url('../Images/Dashboard/warning-sheild-48x48.png'); } div.DashboardItem div.Icon.FileDownload { background-image: url('../Images/Dashboard/download-48x48.png'); } div.DashboardItem div.Icon.Announcements { background-image: url('../Images/Dashboard/comments-48x48.png'); } div.DashboardItem div.Icon.QuickLinks { background-image: url('../Images/Dashboard/Location-Generic-48x48.png'); } div.DashboardItem div.Icon.LoginStats { background-image: url('../Images/Dashboard/kchart.png'); } div.DashboardItem div.Alert { background: url('../Images/Dashboard/alertarrow_purple.gif') 0px 4px no-repeat scroll; margin: 0px; border: none; padding: 5px 5px 5px 50px; position: relative; color: #666; height: 1%; } div.DashboardItem div.Alert span.Warning { background: url('../Images/Dashboard/warning_purplebg.gif') left top no-repeat scroll; display: block; position: absolute; top: 7px; left: 22px; width: 11px; height: 10px; } div.DashboardItem div.Alert span.Arrow { background: url('../Images/Dashboard/greenarrow_purplebg.gif') left top no-repeat scroll; display: block; position: absolute; top: 7px; left: 22px; width: 11px; height: 10px; } div.DashboardItem div.Alert span.RequestsNew { background: url('../Images/Icons/Mini/new.png') left top no-repeat scroll; display: block; position: absolute; top: 6px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.RequestsAwaitingELI { background: url('../Images/Icons/Custom/awaiting_eli.gif') left top no-repeat scroll; display: block; position: absolute; top: 5px; left: 20px; width: 16px; height: 16px; } div.DashboardItem div.Alert span.RequestsHSNeeded { background: url('../Images/Icons/Custom/hs_needed.gif') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.RequestsHSBooked { background: url('../Images/Icons/Custom/hs_booked.gif') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.RequestsHSLapsed { background: url('../Images/Icons/Custom/hs_lapsed.gif') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.RequestsHSApproved { background: url('../Images/Icons/Custom/hs_approved.gif') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.Announcements { background: url('../Images/Icons/Mini/comment.png') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.Downloads { background: url('../Images/Icons/Mini/page_white_compressed.png') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.Alerts { background: url('../Images/Icons/Mini/tag_red.png') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.Messages { background: url('../Images/Icons/Mini/email.png') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.Reports { background: url('../Images/Icons/Mini/chart_bar.png') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.Search { background: url('../Images/Icons/Mini/magnifier.png') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.Students { background: url('../Images/Icons/Mini/user.png') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.Schools { background: url('../Images/Icons/Mini/bell.png') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} div.DashboardItem div.Alert span.Login { background: url('../Images/Icons/Mini/login.png') left top no-repeat scroll; display: block; position: absolute; top: 4px; left: 20px; width: 16px; height: 16px;} /*div.DashboardItem div.Icon.Downloads { margin: 0px; border: none; padding: 5px; position: relative; color: #666; background: none; }*/ div.DashboardItem div.ViewLink { display: block; position: absolute; top: 10px; right: 10px; } div.DashboardItem.Left { width: 220px; background: #FFF; margin: 20px 0px 0px 15px !important; } div.DashboardItem.Left div.ViewLink { display: none; } div.DashboardItem.Left div.LargeLink { padding: 6px 10px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Downloads /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Downloads { padding: 5px; } div.Downloads h3 { font-size: 120%; font-weight: normal; margin: 10px 0px 5px 0px; padding: 3px 7px 3px 25px; border-bottom: 1px solid #DDD; color: #000; background: #EEE url('../Images/Icons/Mini/folder.png') 5px 4px no-repeat scroll; position: relative; height: 1%; } div.Downloads h3 a { cursor: pointer; } div.Downloads h3 a:link, div.Downloads h3 a:visited { text-decoration: none;} div.Downloads h3 a:hover { text-decoration: underline; } div.Downloads h3 em { font-size: 80%; color: #666; font-style: normal; } div.Downloads ul { margin: 0px; padding: 0px; list-style: none; } div.Downloads ul li { margin: 0px; position: relative; height: 1%; } div.Downloads ul.SubFolder { margin-left: 15px; margin-bottom: 15px; padding: 0px; } div.Downloads div.Hide { display: none; } div.Downloads div.Show { display: block; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Pager /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Pager { margin-bottom: 10px; } div.Pager span, div.Pager a { border:1px solid #CCC; padding: 4px 0px; display: block; float: left; width: 25px; text-align: center; margin: 0px 1px 1px 0px; } div.Pager span { background-color: #333A91; color: #FFF; font-weight:bold;} div.Pager a:link, div.Pager a:visited { text-decoration: none; color: #333A91; } div.Pager a:hover { text-decoration: none; background: #CCC; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Pager /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ .pagescontainer {padding-bottom: 35px} .pages {padding: 0.1em; margin: 1em 0; clear: left;} .pages a, .pages span { display: inline; float: left; padding: 4px 6px; margin-right: 0.2em; border: 1px solid #fff; background: #fff; } .pages span.current { border:1px solid #CCC; font-weight: bold; background-color: #333A91; color: #fff; } .pages a { color: #333A91; border:1px solid #CCC; text-decoration: none; } .pages a:hover { background: #CCC; } .pages a.nextprev { font-weight: bold; } .pages span.nextprev { color: #666; } .pages span.nextprev { border: 1px solid #ddd; color: #999; } .pages span.StatusDisplay { color: #BBBBBB; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/