/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Development Comments /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.DevComments { background: #FFFFEB; padding: 6px; margin: 20px 0px; color: #990000; border: 1px solid #990000; } div.DevComments b { color: #990000 !important; } div.DevHighlight { background: #FFFFCC; padding: 6px; margin-top: 10px; } .Hidden { display: none !important; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Redefine HTML tags /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Paler body bg: D1D7ED */ body { font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; font-size: 70%; color: #333; background: #B0B8DF url('images/layout/body_bg.jpg') left top repeat-x scroll; 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: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; } optgroup { font-style: normal !important; } a:link, a:visited { color: #006699; text-decoration: none; } a:hover { color: #FFF; background-color: #99CCFF; text-decoration: underline; } a img { border: none } h1 em { font-size: 70%; font-style: italic; color: #888; } h2 em { font-size: 70%; font-style: italic; color: #888; } hr { color: #AEC2E0; background: none; border: none; border-top: 1px solid #CCC; height: 1px; overflow: hidden; clear: both; margin: 5px 0px; } hr.Dashed { border-top-style: dashed; } /* 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; } */ p { margin: 10px 0px; } span.Sep { color: #999; } span.Intro { display: block; font-size: 120%; color: #CC6600; margin-bottom: 20px; } .NoMargin { margin: 0px !important; } .RightMargined { margin-right: 150px !important; } /* added by Ahmed for Action Plan

s to avoid overlapping with Swirls1 */ .Orange { color: #CC6600; } .Red { color: #CC0000; } .Green { color: #009900; } .Larger { font-size: 120%; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Page Layout /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.PageShell { padding: 0px; position: relative; } div.OuterShell { width: 975px; margin: 0px auto; position: relative; } div.InnerShell { padding: 0px; position: relative; } div.Header { margin: 0px; padding: 0px; position: relative; height: 146px; overflow: hidden; background: url('images/banners/banner01.jpg') left top no-repeat scroll; } div.HeaderContent { } div.HeaderContent div.Logo { position: absolute; left: 15px; top: 7px; } /* Add a link to the logo */ div.HeaderContent div.Logo a { width: 268px; height: 105px; display:block; background: url('images/layout/logo.png') no-repeat scroll left top; } div.HeaderContent div.Logo a:link, div.HeaderContent div.Logo a:visited, div.HeaderContent div.Logo a:hover { text-decoration:none; } div.HeaderContent div.Logo a span { display: none;} /* div.HeaderContent div.Left { } 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%; } div.ContentHolder { margin: 0px 0px 0px; padding: 0px; } div.LeftColumn { width: 194px; float: left; position: relative; margin-right: 6px; z-index: 200; /*background: #CCC; height: 200px;*/ } div.LeftColumnContent { } div.RightColumn { width: 194px; float: left; position: relative; margin-left: 6px; z-index: 200; /*background: #CCC; height: 200px;*/ } div.RightColumnContent { } div.MiddleColumn { float: left; width: 575px; position: relative; z-index: 100; /*background: #CCC; height: 200px;*/ } div.MiddleColumnWide { float: left; width: 775px; position: relative; /*background: #CCC; height: 200px;*/ } div.MiddleColumnContent { padding: 0px; margin: 0px; } div.Cleaner { clear: both; height: 1px; font-size: 1px; border: none; margin: 0px; padding: 0px; background: transparent; overflow: hidden; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Panel Styles /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Panel { margin-bottom: 5px; position: relative; } div.Panel h1 { margin: 0px 0px 15px; padding: 0px; border: none; color: #555; font-size: 210%; font-weight: normal; position: relative; display: inline; } div.Panel h2 { margin: 0px; padding: 0px; border: none; color: #555; font-size: 150%; font-weight: normal; position: relative; } div.Panel h3 { margin: 0px; padding: 0px; border: none; color: #555; font-size: 150%; font-weight: normal; position: relative; } div.Panel h4 { margin: 0px; padding: 0px; border: none; color: #555; font-size: 120%; font-weight: bold; position: relative; } div.PanelPadding { padding: 0px 8px; } div.HeaderMargin { height: 5px; } /* Middle Column */ div.MiddleColumn div.Panel { width: 575px; /*overflow: hidden;*/ } div.MiddleColumn div.PanelContent { background: url('images/layout/panel_middle_3col_content.png') left top repeat-y scroll; width: 546px; margin: 0px; padding: 1px 15px 1px 14px; position: relative; } div.MiddleColumn div.PanelHead { background: url('images/layout/panel_middle_3col_head.png') left top no-repeat scroll; width: 575px; margin: 0px; padding: 0px; height: 16px; overflow: hidden; position: relative;} div.MiddleColumn div.PanelFoot { background: url('images/layout/panel_middle_3col_foot.png') left top no-repeat scroll; width: 575px; margin: 0px; padding: 0px; height: 15px; overflow: hidden; position: relative; } /* Middle Column Wide */ div.MiddleColumnWide div.Panel { width: 775px; } div.MiddleColumnWide div.PanelContent { background: url('images/layout/panel_middle_2col_content.png') left top repeat-y scroll; width: 746px; margin: 0px; padding: 1px 15px 1px 14px; position: relative; } div.MiddleColumnWide div.PanelHead { background: url('images/layout/panel_middle_2col_head.png') left top no-repeat scroll; width: 775px; margin: 0px; padding: 0px; height: 16px; overflow: hidden; position: relative; } div.MiddleColumnWide div.PanelFoot { background: url('images/layout/panel_middle_2col_foot.png') left top no-repeat scroll; width: 775px; margin: 0px; padding: 0px; height: 15px; overflow: hidden; position: relative; } /* Left Column */ div.LeftColumn div.Panel { width: 194px; } div.LeftColumn div.PanelContent { background: url('images/layout/panel_right_content.png') left top repeat-y scroll; width: 185px; margin: 0px; padding: 1px 5px 1px 4px; overflow: hidden; position: relative; } div.LeftColumn div.PanelHead { background: url('images/layout/panel_right_head.png') left top no-repeat scroll; width: 194px; height: 14px; margin: 0px; padding: 0px; overflow: hidden; position: relative; } div.LeftColumn div.PanelFoot { background: url('images/layout/panel_right_foot.png') left top no-repeat scroll; width: 194px; height: 14px; margin: 0px; padding: 0px; overflow: hidden; position: relative; } /* Right Column */ div.RightColumn div.Panel { width: 194px; } div.RightColumn div.PanelContent { background: url('images/layout/panel_right_content.png') left top repeat-y scroll; width: 185px; margin: 0px; padding: 1px 5px 1px 4px; overflow: hidden; position: relative; } div.RightColumn div.PanelHead { background: url('images/layout/panel_right_head.png') left top no-repeat scroll; width: 194px; height: 14px; margin: 0px; padding: 0px; overflow: hidden; position: relative; } div.RightColumn div.PanelFoot { background: url('images/layout/panel_right_foot.png') left top no-repeat scroll; width: 194px; height: 14px; margin: 0px; padding: 0px; overflow: hidden; position: relative; } /* Colours */ div.LeftColumn div.Green div.PanelHead { background: url('images/layout/panel_right_head_green.png') left top no-repeat scroll; height: auto; } div.LeftColumn div.Purple div.PanelHead { background: url('images/layout/panel_right_head_purple.png') left top no-repeat scroll; height: auto; } div.LeftColumn div.Red div.PanelHead { background: url('images/layout/panel_right_head_red.png') left top no-repeat scroll; height: auto; } div.RightColumn div.Green div.PanelHead { background: url('images/layout/panel_right_head_green.png') left top no-repeat scroll; height: auto; } div.RightColumn div.Purple div.PanelHead { background: url('images/layout/panel_right_head_purple.png') left top no-repeat scroll; height: auto; } div.RightColumn div.Red div.PanelHead { background: url('images/layout/panel_right_head_red.png') left top no-repeat scroll; height: auto; } /* Filter */ div.LeftColumn div.Filter { color: #000; background: #E6F1C7; margin: 0px 0px 10px; } div.LeftColumn div.Filter div.Input { position: relative; min-height: 2.6em; } div.LeftColumn div.Filter div.Darker { background: #DAEBAD; } div.LeftColumn div.Filter div.Input label { display: block; position: absolute; left: 0px; top: 4px; padding-top: 3px; text-align: right; width: 48px; overflow: hidden; } div.LeftColumn div.Filter div.Input select { position: absolute; left: 52px; top: 4px; width: 127px; } div.LeftColumn div.Filter div.Input input { position: absolute; left: 52px; top: 4px; width: 121px; } div.LeftColumn div.Filter div.Submit { text-align: right; padding: 3px 5px; } div.LeftColumn div.Filter div.Submit input { width: auto; } /* Icons */ div.Panel div.Icon { display: block; width: 32px; height: 32px; position: absolute; top: 4px; right: 10px; background: url('') right top no-repeat scroll; } div.Panel div.Icon.Sticky { background-image: url('images/icons/panel_sticky.png'); } div.Panel div.Icon.Group { background-image: url('images/icons/panel_group.png'); } div.Panel div.Icon.LightBulb { background-image: url('images/icons/panel_lightbulb.png'); } div.Panel div.Icon.Star { background-image: url('images/icons/panel_star.png'); } div.Panel div.Icon.Noticeboard { background-image: url('images/icons/panel_noticeboard.png'); } /* Connector */ div.Panel div.Connector { width: 15px; height: 65px; position: absolute; top: 17px; background: #FFF left top no-repeat scroll; } body.ThreeCols div.Panel div.Connector { left: -11px; background-image: url('images/layout/panel_connector_left.png'); } body.TwoCols div.Panel div.Connector { right: -10px; background-image: url('images/layout/panel_connector_right.png'); } /* Text correction */ div.Panel div.PanelHead h1, div.Panel div.PanelHead h2 { padding: 4px 15px 1px; } div.Panel div.PanelHead h3 { padding: 10px 15px 1px; } div.Green div.PanelHead h1, div.Purple div.PanelHead h1, div.Red div.PanelHead h1, div.Green div.PanelHead h2, div.Purple div.PanelHead h2, div.Red div.PanelHead h2 { color: #FFF; } div.LeftColumn h2, div.RightColumn h2 { font-size: 150%; } div.LeftColumn h3, div.RightColumn h3 { font-size: 120%; font-weight: normal; } div.LeftColumn p, div.RightColumn p { margin: 10px; } div.MiddleColumnContent h1 { margin-top: -5px; } div.MiddleColumnContent h2 { margin-top: 30px; } div.MiddleColumnContent h3 { margin-top: 20px; } div.MiddleColumnContent img.FloatRight { float: right; margin: 0px 0px 5px 10px; } div.MiddleColumnContent ul.partofabove { margin-top:-6px; } /* Emphasis */ div.MiddleColumnContent em b { color: #CC6600; font-size: 120%; font-style: normal; font-weight: normal; } /* Drag Drop */ ul.DragDropList { list-style: none; margin: 0px; padding: 0px; height: 1%; } ul.DragDropList li { margin: 0px 0px 3px 0px; padding: 0px 0px 0px 24px; height: 1%; background: url('images/icons/drag.gif') left 6px no-repeat scroll; position: relative; } ul.DragDropList li h1 { display: inline !important; } ul.DragDropList li table { margin: 0px !important; } /* Nested panel */ div.Panel div.Panel { background: none; width: auto; margin: 0px; padding: 0px; } div.Panel div.Panel div.PanelContent { background: #F2F4F7 !important; width: auto; margin: 0px; padding: 10px 10px; border-bottom: 1px dashed #CCC; } div.Panel div.Panel div.PanelHead { display: none !important; } div.Panel div.Panel div.PanelFoot { display: none !important; } div.Panel div.Panel h1 { font-size: 180%; } /* Loader */ div.Panel div.Loader { height: 20px; position: relative; } div.Panel div.Loader div.Icon { position: absolute; top: 0px; left: 0px; width: 16px; height: 16px; background: url('images/icons/custom/loadersmall.gif') left top no-repeat scroll; cursor: wait; } div.Panel div.Loader div.Message { color: #666; margin-left: 23px; } /* Tabbed Menu */ div.MiddleColumn div.PanelHead.Menu { background: url('images/layout/panel_middle_3col_head_tab_blue.png') left top no-repeat scroll; width: 546px; height: 150px; padding: 1px 15px 1px 14px; overflow: hidden; } div.MiddleColumnWide div.PanelHead.Menu { background: url('images/layout/panel_middle_2col_head_tab_blue.png') left top no-repeat scroll; width: 746px; height: 150px; padding: 1px 15px 1px 14px; overflow: hidden; } div.MiddleColumnContent div.PanelHead.Menu h1 { color: #FFF; border-bottom: 2px solid #AED242 !important; display: block; margin: 0px; padding: 10px 10px 4px; } div.MiddleColumnContent div.PanelHead.Menu p { color: #FFF; font-size: 10pt; margin: 5px 10px 0px; } div.MiddleColumnContent div.PanelHead.Menu ul { list-style: none; margin: 0px; padding: 0px; position: absolute; left: 16px; bottom: 13px; } div.MiddleColumnContent div.PanelHead.Menu ul li { margin: 4px 3px 0px 0px; padding: 0px; float: left; font-size: 10pt; position: relative; height: 1%; } div.MiddleColumnContent div.PanelHead.Menu ul li a { display: block; padding: 0px 10px !important; line-height: 34px;} div.MiddleColumnContent div.PanelHead.Menu ul li div.InertTab {padding: 0px 10px !important; line-height: 38px; background-color:#FFFFFF; font-size: 120%; font-weight: bold;} div.MiddleColumnContent div.PanelHead.Menu ul li a:link, div.MiddleColumnContent div.PanelHead.Menu ul li a:visited { color: #FFF; background: #7198C8 url('images/panelmenu/tab_normal.gif') left top repeat-x scroll; } div.MiddleColumnContent div.PanelHead.Menu ul li.Selected { margin-top: 0px; } div.MiddleColumnContent div.PanelHead.Menu ul li.Selected a:link, div.MiddleColumnContent div.PanelHead.Menu ul li.Selected a:visited, div.MiddleColumnContent div.PanelHead.Menu ul li.Selected a:hover { color: #306FB1; background: #FFF; line-height: 38px; } div.MiddleColumnContent div.PanelHead.Menu ul li span.Left { display: block; position: absolute; left: 0px; top: 0px; width: 8px; height: 8px; background: url('images/panelmenu/tab_normal_left.gif') left top no-repeat scroll; } div.MiddleColumnContent div.PanelHead.Menu ul li span.Right { display: block; position: absolute; right: 0px; top: 0px; width: 8px; height: 8px; background: url('images/panelmenu/tab_normal_right.gif') right top no-repeat scroll; } div.MiddleColumnContent div.PanelHead.Menu ul li.Selected span.Left { background-image: url('images/panelmenu/tab_selected_left.gif'); } div.MiddleColumnContent div.PanelHead.Menu ul li.Selected span.Right { background-image: url('images/panelmenu/tab_selected_right.gif'); } * html div.MiddleColumnContent div.PanelHead.Menu ul li span.Right { right: -1px; } * html div.MiddleColumnContent div.PanelHead.Menu ul li.Selected span.Right { right: 0px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Panel Links /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Panel ul.accordion { list-style: none; margin: 0; padding: 0; } div.Panel ul.accordionsub { list-style: none; margin: 0; padding: 0; } div.Panel ul.LinkList li.AimHigherTop { border-top: 1px dashed #CCC; } div.Panel ul.LinkList { list-style: none; margin: 0px; padding: 0px; } div.Panel ul.LinkList li { margin: 0px; padding: 5px 10px; border-bottom: 1px dashed #CCC; /*height: 1%;*/ } div.Panel ul.LinkList li.BorderTop { border-top: 1px dashed #CCC; } div.Panel ul.LinkList li.NoBorder { border-bottom: 0; } div.Panel ul.LinkList li a strong { font-weight: bold; color: #069; } div.Panel ul.LinkList li a:hover strong { background-color: #9cf; color: #ffffff; } /*div.Panel ul.LinkList li a:hover { color: #006699; }*/ div.Panel ul.LinkList li:hover { background-color: #F2F4F7; } /*div.Panel ul.LinkList.TopSeparator { border-top: 7px solid; border-color: #D6C0D8; }*/ div.Panel ul.accordionsub li{ border-bottom:none; padding:0px; margin:0px; line-height:10px;} .ui-icon { display: block; width: 12px; height: 12px; float: left; margin-right: 2px; margin-top: 2px; } .ui-state-default .ui-icon { background: url('images/layout/Plus.png'); } .ui-state-active .ui-icon { background: url('images/layout/Minus.png'); } div.Panel li.SectionHeader a { outline: none; display: block; background: url('images/layout/panel_section_header.png') left top repeat-x scroll; border-top: #632769 1px solid; margin: 0; padding: 3px 10px; color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; } div.Panel li.SectionHeader a.ui-state-default:hover { background: url('images/layout/panel_section_header.png') left -25px repeat-x scroll; } div.Panel li.SectionHeader a.ui-state-active { background: url('images/layout/panel_section_header.png') left -50px repeat-x scroll; } div.Panel li.SectionHeader ul li { padding: 5px 10px; } div.Panel li.SectionHeader ul li a { display: inline; background: none; border: 0; color: #444; padding: 0; font-weight: normal; } div.Panel li.SectionHeader ul li a:hover { background: #9CF; color: #fff;} div.Panel ul.menu, ul.menu ul {list-style-type:none;margin: 0;padding: 0;} div.Panel ul.menu a {display: block;text-decoration: none;} div.Panel ul.menu li {margin-top: 1px;} div.Panel ul.menu li span.Maximized {margin-top: 1px; background: url('images/icons/mini/Expand.png') center left no-repeat; padding-left:13px;} div.Panel ul.menu li a {padding: 4px; color: #006699; padding-left: 10px;} div.Panel ul.menu li ul li a {padding-left: 30px; color:#00486A; font-weight:normal;} div.Panel ul.menu li a:hover {text-decoration: underline; background: #F2F4F7;} div.Panel ul.menu ul li a:hover {text-decoration: underline; background: #F2F4F7;} div.Panel h2.maximized{background:#fff url('../media/icons/maximize.png') center left no-repeat;padding-left:20px;} div.Panel h2.minimized{background:#fff url('../media/icons/minimize.png') center left no-repeat;} div.Panel ul.QLinkMenu { margin:0px;padding:0px; font-weight: bold;} div.Panel li.QLinkMenuHeader a { list-style:none; outline: none; display: block; background: url('images/layout/panel_section_header.png') left top repeat-x scroll ; border-top: #632769 1px solid; margin: 0; padding: 3px 10px; color: #FFF; font-size: 11px; font-weight: bold; text-decoration: none; } div.Panel ul.QLinkHeader { margin:0px;padding:0px; font-weight: bold;} div.Panel ul.QLinkHeader a { list-style:none; outline: none; display: block; background: url('images/layout/panel_section_header.png') left top repeat-x scroll; border-top: #632769 1px solid; margin: 0; padding: 3px 10px; color: #FFF; font-size: 11px; font-weight: bold; text-decoration: none; } div.Panel li.menuCategory { display:none;} .Panel li.nopadding { padding: 0px! important; background-color: red; border: 0! important; } div.Panel li.SectionHeaderSub a { outline: none; display: block; background: none; border-top: #632769 1px solid; margin: 0; padding: 3px 0px; color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; } div.Panel li.SectionHeaderSub a.ui-state-default:hover { background: url('images/layout/panel_section_header.png') left -25px repeat-x scroll; } div.Panel li.SectionHeaderSub a.ui-state-active { background: url('images/layout/panel_section_header.png') left -50px repeat-x scroll; } div.Panel li.SectionHeaderSub ul li { padding: 0px 0px; } div.Panel li.SectionHeaderSub ul li a { display: inline; background: none; border: 0; color: #069; padding: 0; font-weight: normal; } div.Panel li.SectionHeaderSub ul li a:hover { background: #9CF; color: #fff; } * html li { height:1%; vertical-align: top; } div.Panel ul.QLinkMenu li { overflow: hidden; display: block; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Floating Options /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.FloatingOptions { float: right; z-index: 2; top: -5px; margin-top: -5px; } div.FloatingOptions ul { list-style: none; margin: 0px; padding: 0px; } div.FloatingOptions ul li { margin: 0px 0px 0px 3px; padding: 4px 8px; float: left; background: #F2F4F7; position: relative; height: 1%; } div.FloatingOptions ul li a { display: block; float: left; height: 1%; } div.FloatingOptions ul li a:link, div.FloatingOptions ul li a:visited { background-color: #F2F4F7; } div.FloatingOptions ul li a:hover { color: #006699; background-color: #F2F4F7; } /* nested floating options */ div.Panel div.Panel div.FloatingOptions { top: 0px; right: 0px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Signpost /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.SignPostHolder {} div.SignPostHolder div.Left { float: left; width: 332px; } div.SignPostHolder div.Right { float: left; width: 200px; margin-left: 10px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Item List /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.ItemList { background: #F2F4F7; position: relative; height: 1%; padding-bottom: 35px; margin: 0px 0px 22px; } div.ItemList div.Item { padding: 10px 10px 10px 10px; margin: 0px; border-top: 2px solid #FFF; border-bottom: 1px dashed #CCC; position: relative; height: 1%; } div.ItemList div.Item.Indented { padding-left: 65px; } div.ItemList div.Item.Selected { border-left: 10px solid #DEE3EB; } div.ItemList div.Swirls1 { position: absolute; top: -24px; right: 0px; width: 150px; height: 30px; background: url('images/layout/itemlist_swirls1.gif') left top no-repeat scroll; } div.ItemList div.Swirls2 { position: absolute; bottom: -22px; right: 0px; width: 150px; height: 54px; background: url('images/layout/itemlist_swirls2.gif') left top no-repeat scroll; } div.ItemList div.AddItem { position: absolute; bottom: 10px; left: 10px; } div.ItemList div.AddItem a:hover { color: #006699; } div.ItemList div.Date { color: #777; } div.ItemList div.Options { /*position: absolute; top: 10px; right: 10px;*/ float: right; position: relative; height: 1%; text-align: right; } div.ItemList div.Options a:link, div.ItemList div.Options a:visited {} div.ItemList div.Options a:hover { color: #006699; } div.ItemList div.Options div.Block { margin: 0px 0px 5px; } div.ItemList div.Item h3 { display: block; } div.ItemList div.Item p.Text { margin-top: 0px; } div.ItemList div.Item p.Button { text-align: right; margin: 0px; } div.ItemList div.Item p.Button a:hover { background: none; } /* to show advisor groups within establishments - added by Ahmed on 27/01/2010 */ div.ItemList div.ItemListNested { background: #FDFDFD; position: relative; height: 1%; padding-bottom: 35px; margin: 10px 0px 0px; } div.ItemList div.ItemListNested div.Item { border-top: 0px !important; border-bottom: 2px solid #F2F4F7 !important; } div.ItemList div.ItemListNested h3 { color: #777 !important; } div.ItemList div.ItemListNested div.AddItem { position: absolute; bottom: 10px; left: 10px; } div.ItemList div.ItemListNested.NoBottomLink { padding-bottom: 0px !important; } div.SignPostHolder div.ItemList div.Item { padding-bottom:0px; } div.MiddleColumnContent div.ItemList label { font-size: 100%; color: #999; } div.ItemList div.Item h2 { margin-top: 0px !important; display: inline; } div.ItemList div.Item h3 { margin-top: 0px !important; display: inline; } div.ItemList div.Left { float: left; width: 270px; } div.ItemList div.Right { float: right; width: 270px; } div.MiddleColumnWide div.ItemList div.Left { width: 370px; } div.MiddleColumnWide div.ItemList div.Right { width: 370px; } * html div.ItemList div.Item { height: 10px; } div.ItemList div.Icon { position: absolute; top: 8px; left: 8px; width: 84px; height: 78px; background: left top no-repeat scroll; } div.ItemList div.Icon.Home1 { background-image: url('images/icons/home/icon1.gif'); } div.ItemList div.Icon.Home2 { background-image: url('images/icons/home/icon2.gif'); } div.ItemList div.Icon.Home3 { background-image: url('images/icons/home/icon3.gif'); } div.ItemList div.Icon.Home4 { background-image: url('images/icons/home/icon4.gif'); } div.ItemList div.Icon.Home5 { background-image: url('images/icons/home/icon5.gif'); } div.ItemList div.Icon.Home6 { background-image: url('images/icons/home/icon6.gif'); } div.ItemList div.Icon.Home7 { background-image: url('images/icons/home/icon7.gif'); } div.ItemList div.Icon.Home8 { background-image: url('images/icons/home/icon8.gif'); } div.ItemList div.Icon.Comic { left: 15px; width: 126px; height: 146px; background-image: url('images/icons/skills/iconbg.gif'); } div.ItemList div.Icon.Comic div.Image { position: absolute; top: 15px; left: 8px; width: 100px; height: 120px; } div.ItemList div.Icon.Wheel { left: 15px; width: 126px; height: 146px; background-image: url('images/icons/skills/wheelbg.gif'); } div.ItemList div.Icon.Wheel div.Image { position: absolute; top: 12px; left: 13px; width: 100px; height: 100px; background-image: url('images/icons/skills/wheel.gif'); } div.ItemList div.Icon.Wheel div.FlashItem { position: absolute; top: 12px; left: 13px; width: 101px; height: 101px; } div.ItemList div.Icon.ILP { width: 47px; height: 46px; background-image: url('images/icons/custom/ilp_list_inactive.gif'); } div.ItemList div.Icon.ILPActive { width: 47px; height: auto; background-image: url('images/icons/custom/ilp_list_active.gif'); color: #009900; font-size: 90%; padding: 45px 0px 0px 6px; } div.ItemList div.SummaryWheel { margin: 0px auto; width: 232px; height: 250px; background-image: url('images/icons/skills/wheelbgsummary.gif'); position: relative; } div.ItemList div.SummaryWheel div.FlashItem { position: absolute; top: 13px; left: 15px; } /* Icon to copy text over */ div.ItemList a.APCopyOver { position: relative; float: left; width: 20px; height: 16px; display: block; outline: none; text-indent:-999em; background: url('images/icons/mini/arrow_left.png') no-repeat; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Item List - Button Row /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.ButtonRow { height: 26px; position: relative; } div.ButtonRow div.ButtonLeft { float: left; margin-left: 15px; } div.ButtonRow div.ButtonRight { float: right; margin-right: 25px; } div.ButtonRow.Large { height: 85px; position: relative; } div.ButtonRow.Large div.ButtonLeft { float: left; margin-left: 25px; } div.ButtonRow.Large div.ButtonRight { float: right; margin-right: 35px; } * html div.ButtonRow.Large div.ButtonLeft { margin-left: 13px; } * html div.ButtonRow.Large div.ButtonRight { margin-right: 16px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Flash Holder /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.FlashHolder { background: #F2F4F7; position: relative; height: 1%; padding: 0px; margin: 0px 0px 22px; text-align: center; } div.FlashHolder div.Swirls1 { position: absolute; top: -24px; right: 0px; width: 150px; height: 30px; background: url('images/layout/itemlist_swirls1.gif') left top no-repeat scroll; } div.FlashHolder div.Swirls2 { position: absolute; bottom: -22px; right: 0px; width: 150px; height: 54px; background: url('images/layout/itemlist_swirls2.gif') left top no-repeat scroll; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Icons /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ a.NoEffect {text-decoration:none !important; border:none; background:none;} /* For Img Links*/ a.Icon { padding-left: 20px; background-position: left top; background-repeat: no-repeat; background-attachment: scroll; } a.Icon.Blog { background-image: url('images/icons/mini/comment.png'); } a.Icon.AddBlog { background-image: url('images/icons/mini/comment_add.png'); } a.Icon.EditBlog { background-image: url('images/icons/mini/comment_edit.png'); } a.Icon.DeleteBlog { background-image: url('images/icons/mini/comment_delete.png'); } a.Icon.Item { background-image: url('images/icons/mini/page.png'); } a.Icon.AddItem { background-image: url('images/icons/mini/page_add.png'); } a.Icon.AddItem { background-image: url('images/icons/mini/page_add.png'); } a.Icon.EditItem { background-image: url('images/icons/mini/page_edit.png'); } a.Icon.DeleteItem { background-image: url('images/icons/mini/page_delete.png'); } a.Icon.DownloadItem { background-image: url('images/icons/mini/page_white_word.png'); } a.Icon.PreviewItem { background-image: url('images/icons/mini/zoom.png'); } a.Icon.SaveMyDocs { background-image: url('images/icons/mini/folder_table.png'); } a.Icon.CVChoose { background-image: url('images/icons/mini/arrow_refresh.png'); } a.Icon.CVOrder { background-image: url('images/icons/mini/arrow_switch.png'); } a.Icon.Establishment { background-image: url('images/icons/mini/building.png'); } a.Icon.AddEstablishment { background-image: url('images/icons/mini/building_add.png'); } a.Icon.EditEstablishment { background-image: url('images/icons/mini/building_edit.png'); } a.Icon.DeleteEstablishment { background-image: url('images/icons/mini/building_delete.png'); } a.Icon.Group { background-image: url('images/icons/mini/group.png'); } a.Icon.AddGroup { background-image: url('images/icons/mini/group_add.png'); } a.Icon.EditGroup { background-image: url('images/icons/mini/group_edit.png'); } a.Icon.DeleteGroup { background-image: url('images/icons/mini/group_delete.png'); } a.Icon.User { background-image: url('images/icons/mini/user.png'); } a.Icon.AddUser { background-image: url('images/icons/mini/user_add.png'); } a.Icon.EditUser { background-image: url('images/icons/mini/user_edit.png'); } a.Icon.DeleteUser { background-image: url('images/icons/mini/user_delete.png'); } a.Icon.Note { background-image: url('images/icons/mini/note.png'); } a.Icon.AddNote { background-image: url('images/icons/mini/note_add.png'); } a.Icon.EditNote { background-image: url('images/icons/mini/note_edit.png'); } a.Icon.CancelNote { background-image: url('images/icons/mini/note_delete.png'); } a.Icon.DeleteNote { background-image: url('images/icons/mini/note_delete.png'); } a.Icon.ViewNote { background-image: url('images/icons/mini/note_go.png'); } a.Icon.Comment { background-image: url('images/icons/mini/comment.png'); } a.Icon.AddComment { background-image: url('images/icons/mini/comment_add.png'); } a.Icon.EditComment { background-image: url('images/icons/mini/comment_edit.png'); } a.Icon.CancelComment { background-image: url('images/icons/mini/comment_delete.png'); } a.Icon.DeleteComment { background-image: url('images/icons/mini/comment_delete.png'); } a.Icon.Comments { background-image: url('images/icons/mini/comments.png'); } a.Icon.AddComments { background-image: url('images/icons/mini/comments_add.png'); } a.Icon.CancelComments { background-image: url('images/icons/mini/comments_delete.png'); } a.Icon.DeleteComments { background-image: url('images/icons/mini/comments_delete.png'); } a.Icon.EmailError { background-image: url('images/icons/mini/email_error.png'); } a.Icon.Phone { background-image: url('images/icons/mini/phone.png'); } a.Icon.AddPhone { background-image: url('images/icons/mini/phone_add.png'); } a.Icon.DeletePhone { background-image: url('images/icons/mini/phone_delete.png'); } a.Icon.RingingPhone { background-image: url('images/icons/mini/phone_sound.png'); } a.Icon.Link { background-image: url('images/icons/mini/link.png'); } a.Icon.AddLink { background-image: url('images/icons/mini/link_add.png'); } a.Icon.BreakLink { background-image: url('images/icons/mini/link_break.png'); } a.Icon.DeleteLink { background-image: url('images/icons/mini/link_delete.png'); } a.Icon.EditLink { background-image: url('images/icons/mini/link_edit.png'); } a.Icon.ErrorLink { background-image: url('images/icons/mini/link_error.png'); } a.Icon.GoLink { background-image: url('images/icons/mini/link_go.png'); } a.Icon.VideoProcessQueue { background-image: url('images/icons/mini/film_go.png'); } a.Icon.VideoResetQueue { background-image: url('images/icons/mini/film_error.png'); } a.Icon.NoticeBoardItem { background-image: url('images/icons/mini/transmit.png'); } a.Icon.NoticeBoardItemAttachment { background-image: url('images/icons/mini/transmit_add.png'); } a.Icon.NoticeBoardAll { background-image: url('images/icons/mini/transmit_go.png'); } a.Icon.SelectAll { background-image: url('images/icons/mini/table_multiple.png'); } a.Icon.SelectNone { background-image: url('images/icons/mini/table.png'); } a.Icon.Print { background-image: url('images/icons/mini/printer.png'); } a.Icon.DeleteMessage { background-image: url('images/icons/mini/email_delete.png'); } a.Icon.MessageReply { background-image: url('images/icons/mini/email_go.png'); } a.Icon.MarkAsUnread { background-image: url('images/icons/mini/email.png'); } a.Icon.AlertRead { background-image: url('images/icons/mini/tag_green.png'); } a.Icon.AlertUnread { background-image: url('images/icons/mini/tag_red.png'); } a.Icon.AlertDelete { background-image: url('images/icons/mini/tag_blue_delete.png'); } a.Icon.Back { background-image: url('images/icons/mini/arrow_undo.png'); } a.Icon.BackToTop { background-image: url('images/icons/mini/control_rewind_blue_up.png'); } a.Icon.ArrowUp { background-image: url('images/icons/mini/arrow_up.png'); } a.Icon.ArrowDown { background-image: url('images/icons/mini/arrow_down.png'); } a.Icon.ArrowRight { background-image: url('images/icons/mini/arrow_right.png'); } a.Icon.ArrowLeft { background-image: url('images/icons/mini/arrow_left.png'); } a.Icon.SharingCompleted { background-image: url('images/icons/mini/flag_green.png'); } a.Icon.SharingNotCompleted { background-image: url('images/icons/mini/flag_orange.png'); } a.Icon.NotSharingCompleted { background-image: url('images/icons/mini/flag_purple.png'); } a.Icon.NotSharingNotCompleted { background-image: url('images/icons/mini/flag_red.png'); } a.Icon.DataYes { background-image: url('images/icons/mini/tick.png'); } a.Icon.DataNo { background-image: url('images/icons/custom/cross_grey.png'); } a.Icon.SharingYes { background-image: url('images/icons/mini/tick.png'); } a.Icon.SharingNo { background-image: url('images/icons/custom/cross_grey.png'); } a.Icon.Sharing { background-image: url('images/icons/custom/sharing_yes_16.png'); } /*a.Icon.DataYes { background-image: url('images/icons/custom/data_yes_16.png'); } a.Icon.DataNo { background-image: url('images/icons/custom/data_no_16.png'); } a.Icon.SharingYes { background-image: url('images/icons/custom/sharing_yes_16.png'); } a.Icon.SharingNo { background-image: url('images/icons/custom/sharing_no_16.png'); }*/ a.Icon.PPS { background-image: url('images/icons/mime/pps.gif'); } a.Icon.AddPanel { background-image: url('images/icons/mini/application_add.png'); } a.Icon.RepAbuse { background-image: url('images/icons/mini/delete.png'); } a.Icon.Copy { background-image: url('images/icons/mini/page_copy.png'); } a.Icon.TextReplace { background-image: url('images/icons/mini/text_replace.png'); } a.Icon.AimHigher { background-image: url('images/icons/mini/shape_align_bottom.png'); } a.Icon.RepeaterArrowUp { background-image: url('images/icons/mini/arrow_up.png'); background-position:top right; margin-right: 25px; background-color: #ccc; } a.Icon.RepeaterArrowDown { background-image: url('images/icons/mini/arrow_down.png'); background-position:top right;margin-right: 20px; background-color: #ccc; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Login Status /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.LoginStatus { font-size: 100%; margin: 0px; color: #777; height: 28px; position: absolute; right: 0px; top: 0px; } div.LoginStatusContent { background: url('images/layout/loginstatus_bg.png') left top no-repeat scroll; height: 28px; width: 294px; text-align: center; } div.LoginStatusContent div.Left { position: absolute; left: 15px; top: 3px; } div.LoginStatusContent div.Right { position: absolute; right: 15px; top: 3px; text-align: right; } div.LoginStatusContent a:link, div.LoginStatusContent a:visited { color: #666; text-decoration: none; } div.LoginStatusContent a:hover { color: #666; text-decoration: underline; background: none; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Login Panel /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Panel div.Login { position: relative; } /*div.PanelContent div.Login div.Image { position: absolute; left: 6px; top: -3px; }*/ div.Panel div.Login div.ImageHolder { position: relative; height: 60px; } div.Panel div.Login div.Image { position: absolute; left: 8px; top: -3px; } div.Panel div.Login div.Smiley { position: absolute; left: 75px; top: 0px; width: 100px; } div.Panel div.Login div.Smiley img { float: left; margin: 0px 5px 5px 0px; } div.Panel div.Login div.Name { padding: 0px 10px 5px; } div.Panel div.Login div.Links { border-top: 1px dashed #666; padding: 4px 10px 0px; margin: 0px 0px -3px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- NEW PROFILE BOX IN HEADER /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.ProfileBox { position: absolute; top: 43px; right: 32px; z-index: 2; width: 500px; height:60px; } div.ProfileBox div.Login { position: relative; /*overflow: auto;*/ } div.ProfileBox div.Login div.ProfileImage { float: right; background: url('images/layout/smiley_background.png') 0 0 no-repeat; border: #fff 0px solid; padding: 3px; margin: 0 0 0 12px; } div.ProfileBox div.Login div.ProfileImage img { width: 48px; height: 48px; } div.ProfileBox div.Login div.ProfileSmiley img { width: 32px; height: 32px; } div.ProfileBox div.Login div.ProfileText { float: right; text-align: right;} div.ProfileBox div.Login div.ProfileSmiley { float: right; background: url('images/layout/smiley_background.png') 0 0 no-repeat; border: #fff 0px solid; padding: 11px; margin: 0 0 0 12px; } div.ProfileBox div.Login div.ProfileText div.ProfileName { font-size: 140%; color: #fff; } div.ProfileBox div.Login div.ProfileText div.ProfileName a, div.ProfileBox div.Login div.ProfileText div.ProfileLinks a { color: #fff; text-decoration: none; } div.ProfileBox div.Login div.ProfileText div.ProfileName a:hover, div.ProfileBox div.Login div.ProfileText div.ProfileLinks a:hover { color: #fff; text-decoration: underline; background: transparent; } div.ProfileBox div.Login span.Sep { color: #fff; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Login Panel /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.SmileyList { text-align: center; padding: 0px 40px; } div.SmileyList input { margin: 0px 20px 10px 0px; } div.SmileyList span.Sep { display: none; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Main Menu /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.MainMenu { margin: 0px; position: absolute; left: 25px; top: 117px; width: 940px; font-size: 11px; } div.MainMenu ul { list-style: none; margin: 0px; padding: 0px; } div.MainMenu ul li { float: left; margin: 0px 5px 0px 0px; position: relative; width: auto; } div.MainMenu ul li a { display: block; line-height: 24px; padding: 0px 16px 5px; font-size: 120%; } div.MainMenu ul li a:link, div.MainMenu ul li a:visited { color: #FFF; font-weight: bold; text-decoration: none; background: #366CAC url('images/mainmenu/button_normal.gif') repeat-x scroll top left; } div.MainMenu ul li a:hover { text-decoration: underline; } div.MainMenu ul li.Selected a:link, div.MainMenu ul li.Selected a:visited { color: #000; text-decoration: none; background: #ECECEC url('images/mainmenu/button_selected.gif') repeat-x scroll top left; } div.MainMenu ul li.Selected a:hover { text-decoration: none; } div.MainMenu ul li a em { font-size: 80%; font-style: italic; color: #DDD; line-height: 20px; } div.MainMenu ul li.Selected a em { font-size: 80%; font-style: italic; color: #888; line-height: 20px; } div.MainMenu ul li span.Left { display: block; position: absolute; left: 0px; top: 0px; width: 5px; height: 29px; background: url('images/mainmenu/button_normal_left.gif') left top no-repeat scroll; } div.MainMenu ul li span.Right { display: block; position: absolute; right: 0px; top: 0px; width: 5px; height: 29px; background: url('images/mainmenu/button_normal_right.gif') right top no-repeat scroll; } div.MainMenu ul li.Selected span.Left { background-image: url('images/mainmenu/button_selected_left.gif'); } div.MainMenu ul li.Selected span.Right { background-image: url('images/mainmenu/button_selected_right.gif'); } div.MainMenu ul li.Selected span.Arrow { display: block; width: 10px; height: 6px; overflow: hidden; position: absolute; left: 44%; bottom: -3px; background: url('images/mainmenu/button_selected_arrow.gif') left top no-repeat scroll; } div.MainMenu ul li span.Highlight { color: #FFFF00 } div.MainMenu ul li.Selected span.Highlight { color: #CC0066; } * html div.MainMenu ul li span.Right { right: -1px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Sub Menu (when panels are "fixed" the height setting and white bg helps cover up the main page elements) /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.SubMenu { height: 40px; position: relative; font-size: 10px; } div.SubMenuContent { height: 30px; width: 960px; position: absolute; top: 10px; left: 5px; background: url('images/submenu/bg.gif') left top scroll no-repeat; } div.SubMenu ul { list-style: none; margin: 3px 3px; padding: 0px; } div.SubMenu ul li { float: left; margin: 0px 3px 0px 0px; height: 24px; position: relative; } div.SubMenu ul li a { display: block; line-height: 24px; padding: 0px 12px; font-size: 110%; } div.SubMenu ul li a:link, div.SubMenu ul li a:visited { color: #3D66A6; text-decoration: none; background: #E4E9EF; } div.SubMenu ul li a:hover { color: #3853BA; 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: #76A4CD url('images/mainmenu/button_bg_3.gif') no-repeat scroll bottom left; } div.SubMenu ul li.Selected a:hover { text-decoration: none; } div.SubMenu ul li span.Left { display: block; position: absolute; left: 0px; top: 0px; width: 4px; height: 25px; background: url('images/submenu/button_normal_left.gif') left top no-repeat scroll; } div.SubMenu ul li span.Right { display: block; position: absolute; right: 0px; top: 0px; width: 4px; height: 25px; background: url('images/submenu/button_normal_right.gif') right top no-repeat scroll; } div.SubMenu ul li.Selected span.Left { background-image: url('images/submenu/button_selected_left.gif'); } div.SubMenu ul li.Selected span.Right { background-image: url('images/submenu/button_selected_right.gif'); } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Copyright /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.CopyrightHolder { width: 970px; margin: 0px auto; height: 50px; text-align: center; } div.CopyrightHolder div.Validated { float: right; width: 130px; padding-top: 5px; text-align: right; } div.CopyrightHolder div.Copyright { margin: 0px auto; color: #666; } div.CopyrightHolder div.Copyright a:link, div.CopyrightHolder div.Copyright a:visited { color: #666; text-decoration: underline; } div.CopyrightHolder div.Copyright a:hover { color: #444; text-decoration: underline; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Bread Crumb /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.BreadCrumb { margin: 10px 15px 10px; color: #666; font-size: 95%; } div.BreadCrumb span.Sep { color: #999; } div.BreadCrumb a:link, div.BreadCrumb a:visited { color: #666; text-decoration: underline; } div.BreadCrumb a:hover { text-decoration: none; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- CV Layout /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ table td.Date { width:50px; padding-right:10px; font-weight: bold; white-space:nowrap; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Warning and Error /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Error, div.Warning, div.Info, div.Success, div.Tip { padding: 10px 10px 10px 40px; height: 1%; margin: 0px 0px 24px; } div.Error li, div.Warning li, div.Info li, div.Success li, div.Tip li { padding-left: 0px; } div.Error img, div.Warning img, div.Info img, div.Success img, div.Tip img { float: left; margin: 7px; } div.Error { color: #CC0000; border: 1px solid #E47676; background: #FAE5E5 url('images/icons/messagebox_critical.gif') no-repeat scroll 7px 6px; } div.Warning { color: #CC6600; border: 1px solid #FFCC00; background: #FFFFCC url('images/icons/messagebox_warning.gif') no-repeat scroll 7px 6px; } div.Info { color: #003366; border: 1px solid #76AEE7; background: #E5EFFA url('images/icons/messagebox_info.gif') no-repeat scroll 7px 6px; } div.Success { color: #006600; border: 1px solid #6DC56D; background: #D9F0D9 url('images/icons/messagebox_tick.gif') no-repeat scroll 7px 6px; } div.Tip { color: #333; border: 1px solid #FFCC00; background: #FFFFCC url('images/icons/messagebox_tip.gif') no-repeat scroll 7px 6px; } div.Error a:link, div.Error a:visited, div.Warning a:link, div.Warning a:visited, div.Info a:link, div.Info a:visited, div.Success a:link, div.Success a:visited, div.Tip a:link, div.Tip a:visited { text-decoration: underline !important; } div.abusepanel {margin-top:5px;padding-left:5px;padding-right:5px;height:0px;overflow:hidden}; /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Page Rating /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Rating { margin: 4px 10px; } div.Rating div.StarsHolder { position: relative; height: 16px; } div.Rating div.StarsHolder div.Message { position: absolute; top: 1px; right: 0px; width: 65px; font-size: 90%; line-height: 1.6em; color: #666; } div.Rating div.StarsHolder div.Message span.Green { color: #009900; } div.Rating div.StarsHolder ul.Stars { background: url('images/icons/custom/rating_star.png') bottom; height: 16px; width: 90px; overflow: hidden; margin: 0px; padding: 0px; list-style: none; } div.Rating div.StarsHolder ul.Stars li { display: inline; margin: 0px; padding: 0px; } div.Rating div.StarsHolder ul.Stars li a { display: block; width: 18px; height: 16px; float: left; text-indent: -9999px; position: relative; background: none; } div.Rating div.StarsHolder ul.Stars li a:hover { background: url('images/icons/custom/rating_star.png') center; width: 90px; margin-left: -72px; position: static; } div.Rating div.StarsHolder ul.Stars li a:active { background-position: top; } /* for overall rating */ div.Rating div.StarsHolder ul.Average { height: 16px; width: 90px; overflow: hidden; margin: 0px; padding: 0px; list-style: none; } div.Rating div.StarsHolder ul.Average li { display: inline; margin: 0px; padding: 0px; } div.Rating div.StarsHolder img { display: block; width: 16px; height: 16px; float: left; border: 0px; position: relative; padding: 0px 1px 0px 1px; } /* feedback link */ div.FeedbackLink div.Message { position: absolute; top: 31px; right: 15px; width: 65px; font-size: 90%; line-height: 1.6em; color: #666; } /* Abuse Report */ div.AbuseFeedbackLink div.Message { position: absolute; top: 87px; right: 4px; width: 65px; font-size: 90%; line-height: 1.6em; color: #666; } div.AbuseFeedbackLink div.MessageSingle { position: absolute; top: 6px; right: 4px; width: 65px; font-size: 90%; line-height: 1.6em; color: #666; } div.abusepanel .abuseMessage{height:85px;width:90%;overflow:auto;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Search Results /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Results { margin: 0px 0px 60px; } div.Results table { width: 100%; border: none; color: #666; } div.Results table.Fixed { table-layout:fixed; } /* fixed width for cells with long texts, Ahmed */ div.Results table.Fixed th, div.Results table.Fixed td { overflow:hidden; } /* to fix overflowing long texts, Ahmed */ 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 a b { display: none; } div.Results table a.Icon { display: block; width: 16px; height: 16px; padding: 0px; } div.Results table a:link { text-decoration: none; } div.Results table a:visited { color: #006600; text-decoration: none; } div.Results table a:hover { color: #006600; text-decoration: underline; background-color: Transparent; } 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 tr:hover td { background-color: #E1F0D9; } div.Results table td.Darker { background-color: #F6F6F6; } /* 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; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Field Display and Input /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.InputGrid { padding-top: 0px; } div.Wide { width: 600px; } div.W650 { width: 650px; } div.W700 { width: 700px; } div.InputGrid h3 { position: relative; font-size: 120%; margin: 0px; padding: 4px 7px; border: 1px solid #ACD146; color: #FFF; background-color: #ACD146; font-weight: bold; } div.InputGrid h3 a { position: absolute; right: 6px; top: 3px; font-size: 90%; } div.InputGrid div.HelpText { position: relative; font-size: 100%; margin: 0px; padding: 4px 7px; border: 1px solid #ACD146; color: #FFF; background-color: #ACD146; } div.InputGrid div.Submit { text-align: right; padding: 4px 10px 4px; background-color: #E7EEF7; margin-bottom: 20px; position: relative; height: 1%; } div.InputGrid div.Submit span.Left { display: block; position: absolute; left: 10px; top: 4px; } div.InputGrid div.Submit input { width: auto; } div.InputGrid div.Submit em { color: #990000; font-style: normal; } div.InputGrid div.Submit a.HelpChoosing { background: url('images/icons/mini/help.png') right center no-repeat; padding: 0 20px 0 0; margin: 0 5px 0 0; } div.InputGrid div.Submit a.HelpChoosing:hover { color: #000 !important; } div.InputGrid table { width: 100%; margin: 0px 0px 10px; border: 1px solid #ACD146; } div.InputGrid th { padding: 2px 5px; background: #DAEBAD; } div.InputGrid td { padding: 5px 5px; background: #E6F1C7; } div.InputGrid tr.Darker td { background: #DAEBAD; } 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 em { color: #990000; font-style: normal; } div.InputGrid td.Wide { width: 150px; } div.InputGrid td.Wider { width: 200px; } div.InputGrid td.Text { padding-top: 5px; padding-bottom: 5px; } /* added for Aimhigher */ div.InputGrid td.Long { width: 400px; border-right-color: #DAEBAD; } div.InputGrid td.Long.Light { border-right-color: #E6F1C7; } div.InputGrid td.Left { text-align: left; width: 100%; } /* rating grid */ div.InputGrid table.AimhigherRating th { padding: 2px 5px; background: #ACD146 !important; color: #fff; min-height: 30px; text-align: center; } div.InputGrid table.AimhigherRating td.RadioOnly { text-align: center !important; } div.InputGrid table.AimhigherRating td.RadioOnly input { width:auto; outline: none; } div.InputGrid table.AimhigherRating th.LongerLabel, div.InputGrid table.AimhigherRating td.LongerLabel { width: 550px; } div.InputGrid td span.Red { color: #990000 !important; } div.InputGrid td span.Amber { color: #CC6600 !important; } div.InputGrid input { width: 99%; } 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.Title { width: 50px !important; } div.InputGrid input.Name { width: 150px !important; } div.InputGrid input.Password { width: 150px !important; } div.InputGrid input.ReducedWidth { width: 60% !important; } div.InputGrid input.UniqueID { width: 100px !important; } div.InputGrid input.TelCode { width: 50px !important; } div.InputGrid input.TelNum{ width: 100px !important; } div.InputGrid input.Filter { width: 200px !important; } div.InputGrid select { /*display: block;*/ margin-right: 5px; } div.InputGrid select.List { width: 91%; height: 100px; border: 1px solid #000; } div.InputGrid select.Fixed { max-width: 95% !important; } div.InputGrid textarea { width: 400px; height: 80px; border: 1px solid #A5ACB2; } div.InputGrid textarea.H150 { min-height: 150px; } div.InputGrid textarea.W100 { min-width: 100px; } /* Spell Checking */ div.InputGrid textarea.SpellChecked { width: 365px; height: 80px; padding: 3px; margin: 0 /*!important;*/ background: #fff /*!important*/; resize: vertical; overflow: auto; } div.InputGrid textarea.SpellChecked.W200 { width: 200px; } div.InputGrid textarea.SpellChecked.SingleCol { width: 496px; } div.InputGrid div.SpellCheckerContainer { position: relative; } div.InputGrid div.SpellCheckerIcon { border: 1px solid #A5ACB2; border-left: 0; padding: 0; margin: 10px -2px 0 0; position: absolute; top: 0; right: 0px; z-index: 999; background: #fff; } div.InputGrid div.SpellCheckerIcon a { display: block; width: 32px; height: 32px; background: url('images/icons/custom/spellchecker_textarea.gif') left top no-repeat scroll; } div.InputGrid div.SpellCheckerIcon a span { display: none; } div.InputGrid div.SpellCheckerIcon a { background: url('images/icons/custom/spellchecker_new.png') left top no-repeat scroll; } div.InputGrid div.SpellCheckerIcon a:hover { background: url('images/icons/custom/spellchecker_new.png') left bottom no-repeat scroll; } /* Firefox 3 fix (IE6 fix in ie6 stylesheet) */ html>/**/body div.InputGrid div.SpellCheckerIcon, x:-moz-any-link, x:default { margin: 10px -1px 0 0; } /* 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; } div.InputGrid td.RadioList input { width:auto; } /* for CheckBoxList control - rendered as a table | Added by Ahmed */ div.InputGrid td.CheckBoxes table { position: relative; padding-left: 22px; margin: -4px 0px 8px; } div.InputGrid td.CheckBoxes table tr { margin: 0px; } div.InputGrid td.CheckBoxes table td { padding-top: 2px; padding-bottom: 2px; } div.InputGrid td.CheckBoxes table td input { position: relative; left: 0px; top: 2px; width: auto; } div.InputGrid td.CheckBoxes table td label { margin-left: 6px; } * html div.InputGrid td.CheckBoxes table td input { left: -22px; } /* 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/cog_go.gif') no-repeat scroll 5px 3px; } /* tip */ div.InputGrid div.Tip { padding: 0px 0px 0px 0px; text-indent: 20px; margin: 0px; border: none; background: url('images/icons/mini/lightbulb.png') 0px 0px no-repeat scroll; color: #666; } /* Old TextareaMessage */ /* div.TextareaMessage { z-index: 110; margin: -1px 0px 5px; position: relative; height: 1%; } div.TextareaMessage div.Content { width: 355px; border: 1px solid #A5ACB2; border-top: none; background: #E9EDF8; float: left; } div.TextareaMessage div.Icon { position: absolute; left: 10px; top: -6px; } div.TextareaMessage div.Icon a { display: block; width: 29px; height: 27px; } div.TextareaMessage div.Icon a span { display: none; } div.TextareaMessage div.Icon a.ILP { background: url('images/icons/custom/ilp_textarea.gif') left top no-repeat scroll; } div.TextareaMessage div.Icon a.CV { background: url('images/icons/custom/cv_textarea.gif') left top no-repeat scroll; } div.TextareaMessage div.Message { padding: 4px 10px 4px 45px; font-size: 90%; color: #74767C; } */ /* TextareaMessage */ div.TextareaMessage { z-index: 110; margin: 0px 0px 5px; position: relative; height: 1%; } div.TextareaMessage div.Content { background: #E9EDF8; border: 1px solid #A5ACB2; } div.TextareaMessage div.CoolIcon { float: left; } div.TextareaMessage div.CoolIcon a { display: block; width: 29px; height: 27px; } div.TextareaMessage div.CoolIcon a span { display: none; } div.TextareaMessage div.CoolIcon a.ILP { background: url('images/icons/custom/ilp_textarea.gif') left top no-repeat scroll; } div.TextareaMessage div.CoolIcon a.CV { background: url('images/icons/custom/cv_textarea.gif') left top no-repeat scroll; } div.TextareaMessage div.Message { padding: 6px 10px 6px 5px; font-size: 12px; color: #74767C; float: left; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------------------------* 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/search/corner1.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/search/corner2.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; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Custom Items /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ a.HowDoIFeel { display: block; height: 60px; background: url('images/layout/howdoifeel.gif') left top no-repeat scroll; padding: 44px 0px 0px 20px; } a.HowDoIFeel:link, a.HowDoIFeel:visited { color: #006699; text-decoration: none; } a.HowDoIFeel:hover { color: #006699; text-decoration: underline; background-color: #FFF; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- 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.Word { background-image: url('images/icons/doctypes/word.gif'); } li.Excel { background-image: url('images/icons/doctypes/excel.gif'); } li.Folder { background-image: url('images/icons/doctypes/folder.gif'); } li.PDF { background-image: url('images/icons/doctypes/pdf.gif'); } li.PowerPoint { background-image: url('images/icons/doctypes/powerpoint.gif'); } li.ZIP { background-image: url('images/icons/doctypes/winzip.gif'); } li.Image { background-image: url('images/icons/doctypes/jpeg.gif'); } li.Video { background-image: url('images/icons/doctypes/video.gif'); } li.Music { background-image: url('images/icons/doctypes/music.gif'); } li.Refresh { background-image: url('images/icons/doctypes/refresh.gif'); } li.Report { background-image: url('images/icons/doctypes/report.gif'); } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- 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; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Modal Panel /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.Modal { z-index: 210; position: fixed; top: 0px; left: 0px; width: 100%; height: 101%; background: transparent url('images/modal/overlay.png') repeat scroll; cursor: wait; display: none; } div.ModalContent { z-index: 220; 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.ModalContent b { display: block; position: absolute; top: 60px; left: 70px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* -- Collapse /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.CollapsePanel { position: relative; height: 1%; } div.CollapsePanel h2 { padding: 6px 10px 6px 40px; background: #F2F4F7; position: relative; } div.CollapsePanel h2 a {} div.CollapsePanel div.Collapse { display: none; } div.CollapsePanel div.Icon { position: absolute; top: 5px; left: 0px; background-image: url('images/icons/messagebox_tip.gif'); background-position: left top; background-repeat: no-repeat; background-attachment: scroll; } div.CollapsePanel div.Collapse p.MakeChoices { Font-size: 16px; padding:3px 0 0 2px; } div.CollapsePanel div.Collapse div.Thumb { float: left; Padding: 1px 2px 2px 0px; } div.CollapsePanel div.Left { float: left; width: 360px; } div.CollapsePanel div.Right { float: right; width: 180px; } div.CollapsePanel div.Box { background: #F2F4F7; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ div.HelpArticleBody {line-height: 16px;} div.HelpArticleByline {font-style:italic; margin: 12px 0px 18px 0px;} div.PPFTakeaway {text-align:center;} div.PPFTakeaway a:hover {background: none; text-decoration: none;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* pager */ div.Pager { padding-bottom: 10px; } /* Page Numbers */ .pages { padding: 1em; margin: 1em 0; clear: left; } .pages a, .pages span { display: inline; float: left; padding: 0.1em 0.3em; margin-right: 0.2em; border: 1px solid #fff; background: #fff; } .pages span.current { border: 1px solid #2E6AB1; font-weight: bold; background: #2E6AB1; color: #fff; } .pages a { border: 1px solid #9AAFE5; text-decoration: none; } .pages a:hover { border: 1px solid #2E6AB1; background: #2E6AB1; color: #fff; } .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; } .searchres_extralink, .searchres_label { color:Green; text-decoration:none; } a.Icon2AddItem { display: block; } a.Icon2AddItem:hover { color: #2E6AB1; text-decoration: underline; } a.Icon2AddItem strong { font-weight: bold; } .Clearfix { /* IE Fix */ zoom: 1; display: block; } .Clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } p.QuizResults { font-size: 125%; font-weight:bold; }