/* CSS Document */ /*///////////////////////////////////////////////////////////////////////////////////*/ /* Markit XMenu CSS file * @author MarkitModules.com */ /* @copyright Copyright (C) 2008 - 2009 MarkitModules Ltd. & Co. All rights reserved.*/ /*///////////////////////////////////////////////////////////////////////////////////*/ /* MenuBar */ div#XMenu div.menubar {width: auto;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;clear: both;position: relative;z-index: 100;} div#XMenu div.menubar-m {height: 32px;background: url() 0 0 repeat-x;} div#XMenu div.menubar-l {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;} div#XMenu div.menubar-r {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;} /* Menu */ div#XMenu ul {margin: 0px;padding: 0px;list-style: none;float: left;} div#XMenu li {position: relative;margin: 0px;padding: 0px;display: block;float: left;z-index: 5;} div#XMenu li a, #menu li span.separator {height: 32px;display: block;float: left;line-height: 25px;text-decoration: none;color: #DDDDDD;} div#XMenu li span {display: block;} div#XMenu li span {font-family: Verdana, Arial, Helvetica, sans-serif;background-repeat: no-repeat;background-position: 95% 0px;} div#XMenu li a.current {color: #646464; font-weight:bold;} div#XMenu a:hover, div#XMenu span.separator:hover, div#XMenu span.sfhover {color: #000000;} div#XMenu li.active {font-weight: bold;} div#XMenu li.active ul {font-weight: normal;} div#XMenu li.parent span.separator {cursor: pointer;} div#XMenu li.fancy {position: absolute;top: 0px;visibility: hidden;z-index: 4;overflow: hidden;} div#XMenu li.fancy { position: absolute;top: 1px; visibility: hidden; margin-top:-1px; z-index: 4; overflow: hidden;} div#XMenu li.fancy div.fancy-container {padding: 0px 0px 0px 0px;} div#XMenu li.fancy div.fancy-container div.fancy-m {height: 32px; background: url(images/menu_fancy_m.png) 0 0 repeat-x;} div#XMenu li.fancy div.fancy-container div.fancy-l {position: absolute; top: 0px; left: 2px;} div#XMenu li.fancy div.fancy-container div.fancy-r {position: absolute; top: 0px; right: 2px;} div#XMenu ul.menu {position: absolute;top: 0px;left: 0px;z-index: 11;height: 32px;} div#XMenu li.level1 {} div#XMenu a.level1, div#XMenu span.level1 {padding: 0px 5px 0px 5px;background: url(images/menu_level1_item.png) 0 0 no-repeat;line-height: 250%;color: #ffffff;font-weight: normal;font-size: 115%;} div#XMenu a.level1 span, div#XMenu span.level1 span {padding: 0px 7px 0px 7px;} div#XMenu li:hover a.level1, div#XMenu li.sfhover a.level1, div#XMenu li:hover span.level1, div#XMenu li.sfhover span.level1 {/* color: #323232; */} div#XMenu li.active a.level1, div#XMenu li.active span.level1 {color: #FFFFFF;} div#XMenu a.level1 span.xtitle, div#XMenu span.level1 span.xtitle{padding: 0px;line-height: 200%;} div#XMenu a.level1 span.sub, div#XMenu span.level1 span.sub {padding: 0px;font-size: 65%;font-weight: normal;color: #bfbfbf;margin-top: -7px;line-height: 10px;} /* Sub Menu */ div#XMenu ul.menu ul {position: absolute;top: 32px;left: -999em;width: 210px;padding: 0px 0px 10px 0px;background: url(images/menu_dropdown_bg.png) 0 100% no-repeat;} div#XMenu li:hover ul, div#XMenu li.sfhover ul {left: 0px;z-index: 100;} div#XMenu li.level1 li {width: 100%;text-indent: 15px;} div#XMenu li.level1 li a, div#XMenu li.level1 li span.separator{height: 25px;padding: 0px;margin: 0px 1px 0px 1px;background: #FEFEFE url(images/menu_level2_item.png) 100% 0 no-repeat;float: none;display: block;line-height: 25px;} div#XMenu li.level2 a.parent, div#XMenu li li.level2 span.parent {background: #FEFEFE url(images/menu_level2_item_parent.png) 100% 0 no-repeat;} div#XMenu li ul ul {margin: -41px 0 0 209px;} div#XMenu li:hover ul ul, div#XMenu li.sfhover ul ul {border-top: 1px solid #c8c8c8;} div#XMenu li:hover ul ul, div#XMenu li.sfhover ul ul, div#XMenu li:hover ul ul ul, div#XMenu li.sfhover ul ul ul, div#XMenu li:hover ul ul ul ul, div#XMenu li.sfhover ul ul ul ul {left: -999em;} div#XMenu li li:hover ul, div#XMenu li li.sfhover ul, div#XMenu li li li:hover ul, div#XMenu li li li.sfhover ul, div#XMenu li li li li:hover ul, div#XMenu li li li li.sfhover ul {left: 0;z-index: 100;} /* Module Action Menus */ .ModuleTitle_SubMenu {border:1px solid #98adbc;} .ModuleTitle_SubMenu td{background-color:#a4d0e4; border:0px; white-space: nowrap;} .ModuleTitle_MenuIcon {background-color:#a4d0e4; border:none; padding: 0px 2px;} .ModuleTitle_MenuItemSel, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{color: #fff;} .ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon{height: 2px;} /*-------- Default Style --------*/ /*========================================================*/ /* CSS for DotNetNuke Skin - TALISMAN GREY SKIN */ /* by Mark Bryce-Sharron */ /* http://www.insite-design.net */ /* mark.sharron@talk21.com */ /*========================================================*/ /*========================================================*/ /* 1. Universal */ /*========================================================*/ /* Style For HTML BODY */ BODY { BACKGROUND: #FFFFFF; MARGIN: 0px; BORDER-LEFT: 0px; HEIGHT: 100%; padding:0px; color:#777; font:12px 'verdana','Lucida Grande','lucida sans unicode','arial',sans-serif; } LI {COLOR: #ffffff} UL {COLOR: #ffffff} table { margin-bottom: 0px; margin-top: 0px; } td {margin-bottom: 0px; margin-top: 0px; } tr {margin-bottom: 0px; margin-top: 0px; } /*========================================================*/ /* 2. Text */ /*========================================================*/ /*-- most of the text on site --*/ .Normal { letter-spacing:; FONT-SIZE: 11px; COLOR: #000000} /*-- alt text --*/ .BlackText { FONT-SIZE: 11px; COLOR: #FFFFFF} /*-- subheadings - mostly in admin --*/ .SubHead { FONT-SIZE: 11px; COLOR: #696969} /*-- subheadings - mostly in admin --*/ .SubSubHead { FONT-SIZE: 11px; COLOR: #696969} /*-- headings - mostly in admin --*/ .Head { font-family: Tahoma; font-size: 11px; font-weight: Bold; color: #FFFFFF; } /* Setting Text Throughout the skin --*/ table, tr, td, p {font-family: tahoma; font-size: 11px;} /* Setting Text on black container --*/ table.black{FONT-SIZE: 11px; COLOR: #FFFFFF} /* H1 Header 1 Text --*/ H1 {letter-spacing: 0.07em; FONT-WEIGHT: bold; FONT-SIZE:16px; COLOR: #e69414; TEXT-DECORATION: none} /* H3 Normal text /w 2cm indent --*/ H3 { padding-left: 2cm; padding-right: 2cm; letter-spacing:; FONT-SIZE: 11px; COLOR: #000000} .greytext1 {FONT-WEIGHT: normal; FONT-SIZE:23px; TEXT-DECORATION: none; color:#aaaaaa;} a.greytext1:link {FONT-WEIGHT: normal; FONT-SIZE:23px; TEXT-DECORATION: none; color:#aaaaaa;} a.greytext1:visited {FONT-WEIGHT: normal; FONT-SIZE:23px; TEXT-DECORATION: none; color:#aaaaaa;} a.greytext1:hover {FONT-WEIGHT: normal; FONT-SIZE:23px; TEXT-DECORATION: none; color:#aaaaaa;} a.greytext1:active {FONT-WEIGHT: normal; FONT-SIZE:23px; TEXT-DECORATION: none; color:#aaaaaa;} /*========================================================*/ .greytext2 {font-weight:normal; font-size:16px; TEXT-DECORATION: none; color:#777777; line-height:160%;} a.greytext2:link {font-weight:normal; font-size:16px; TEXT-DECORATION: none; color:#777777; line-height:160%;} a.greytext2:visited {font-weight:normal; font-size:16px; TEXT-DECORATION: none; color:#777777; line-height:160%;} a.greytext2:hover {font-weight:normal; font-size:16px; TEXT-DECORATION: none; color:#777777; line-height:160%;} a.greytext2:active {font-weight:normal; font-size:16px; TEXT-DECORATION: none; color:#777777; line-height:160%;} /*========================================================*/ .greytext3 {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#777777; line-height:160%; } a.greytext3:link {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#777777; line-height:160%; } a.greytext3:visited {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#777777; line-height:160%;} a.greytext3:hover {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#777777; line-height:160%;} a.greytext3:active {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#777777; line-height:160%;} /*========================================================*/ .greytext4 {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#aaaaaa; line-height:160%;} a.greytext4:link {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#aaaaaa; line-height:160%;} a.greytext4:visited {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#aaaaaa;line-height:160%;} a.greytext4:hover {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#aaaaaa; line-height:160%;} a.greytext4:active {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#aaaaaa; line-height:160%;} /*========================================================*/ .greytext5 {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#aaaaaa;} a.greytext5:link {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#aaaaaa;} a.greytext5:visited {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#aaaaaa;} a.greytext5:hover {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#aaaaaa;} a.greytext5:active {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#aaaaaa;} /*========================================================*/ .whitetext1 {FONT-WEIGHT: normal; FONT-SIZE:23px; TEXT-DECORATION: none; color:#ffffff;} a.whitetext1:link {FONT-WEIGHT: normal; FONT-SIZE:23px; TEXT-DECORATION: none; color:#ffffff;} a.whitetext1:visited {FONT-WEIGHT: normal; FONT-SIZE:23px; TEXT-DECORATION: none; color:#ffffff;} a.whitetext1:hover {FONT-WEIGHT: normal; FONT-SIZE:23px; TEXT-DECORATION: underline; color:#ffffff;} a.whitetext1:active {FONT-WEIGHT: normal; FONT-SIZE:23px; TEXT-DECORATION: none; color:#ffffff;} /*========================================================*/ .whitetext2 {font-weight:bold; font-size:16px; TEXT-DECORATION: none; color:#ffffff;} a.whitetext2:link {font-weight:bold; font-size:16px; TEXT-DECORATION: none; color:#ffffff;} a.whitetext2:visited {font-weight:bold; font-size:16px; TEXT-DECORATION: none; color:#ffffff;} a.whitetext2:hover {font-weight:bold; font-size:16px; TEXT-DECORATION: none; color:#ffffff;} a.whitetext2:active {font-weight:bold; font-size:16px; TEXT-DECORATION: none; color:#ffffff;} /*========================================================*/ .whitetext3 {font-weight:normal; font-size:13px; TEXT-DECORATION: none; color:#ffffff; line-height:160%;} a.whitetext3:link {font-weight:normal; font-size:13px; TEXT-DECORATION: none; color:#ffffff; line-height:160%;} a.whitetext3:visited {font-weight:normal; font-size:13px; TEXT-DECORATION: none; color:#ffffff; line-height:160%;} a.whitetext3:hover {font-weight:normal; font-size:13px; TEXT-DECORATION: none; color:#ffffff; line-height:160%;} a.whitetext3:active {font-weight:normal; font-size:13px; TEXT-DECORATION: none; color:#ffffff; line-height:160%;} /*========================================================*/ .whitetext4 {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#ffffff; line-height:160%;} a.whitetext4:link {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#ffffff;line-height:160%; } a.whitetext4:visited {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#ffffff; line-height:160%;} a.whitetext4:hover {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#ffffff; line-height:160%;} a.whitetext4:active {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#ffffff; line-height:160%;} /*========================================================*/ .bluetext1 {FONT-WEIGHT: normal; FONT-SIZE:18px; TEXT-DECORATION: none; color:#95aae3;} a.bluetext1:link {FONT-WEIGHT: normal; FONT-SIZE:18px; TEXT-DECORATION: none; color:#95aae3;} a.bluetext1:visited {FONT-WEIGHT: normal; FONT-SIZE:18px; TEXT-DECORATION: none; color:#95aae3;} a.bluetext1:hover {FONT-WEIGHT: normal; FONT-SIZE:18px; TEXT-DECORATION: underline; color:#95aae3;} a.bluetext1:active {FONT-WEIGHT: normal; FONT-SIZE:18px; TEXT-DECORATION: none; color:#95aae3;} /*========================================================*/ .bluetext2 {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#95aae3;} a.bluetext2:link {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#95aae3;} a.bluetext2:visited {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#95aae3;} a.bluetext2:hover {font-weight:normal; font-size:12px; TEXT-DECORATION: underline; color:#95aae3;} a.bluetext2:active {font-weight:normal; font-size:12px; TEXT-DECORATION: none; color:#95aae3;} /*========================================================*/ border-style: solid; border-width: 2px; border-color: white; .bordered{border:2px solid #ffffff;} a img.bordered {border:2px solid #ffffff;} a:hover img.bordered {border: 2px solid #95aae3} /*========================================================*/ /* 3. Content Pane Padding */ /*========================================================*/ .leftpane { padding:0px 0px 0px 3px; } .bottompane {table-layout: fixed; width:760px; } .toppane {width: 310px; } .righttoppane {table-layout: fixed; width: 450px; background: url("images/grad3.gif") ; background-position:bottom; background-repeat: repeat-x; } .rightbottompane {table-layout: fixed; width: 450px; } .greygradient { background: url("images/grad1.gif") ; background-position:bottom; background-repeat: repeat-x; } .blueline {table-layout: fixed; height: 5px; background-color:#57727d; } .bluelinemiddle {table-layout: fixed; height: 5px; width:760px; background-color:#57727d; } .brownbox {width: 200px; background: url("images/grad2.gif") ; background-position:bottom; background-repeat: repeat-x; } .maincol {table-layout: fixed; height: 118px; width:760px; background: url("images/grad3.gif") ; background-position:bottom; background-repeat: repeat-x; } .maincolside {table-layout: fixed; height: 118px; background: url("images/grad3.gif") ; background-position:bottom; background-repeat: repeat-x; } .imagecol {width:560px; background: url("images/grad2.gif") ; background-position:bottom; background-repeat: repeat-x; } .bordercol {table-layout: fixed; min-width: 150px; max-width:100%; } .logobox {table-layout: fixed; height: 97px; width:560px; } .searchbox {table-layout: fixed; height: 97px; width:200px; } .bottommenu { } .fiveboxes {table-layout: fixed; width:760px; } .boxone {padding-left:10px; padding-right:10px; } .boxtwo {padding-left:10px; padding-right:10px; } .boxthree {padding-left:10px; padding-right:10px; } .boxfour {padding-left:10px; padding-right:10px; } .boxfive {padding-left:10px; padding-right:10px; } .footerpane { background-color:#bec3c6; } .bottommenu {padding:0px 0px 0px 0px; height: 0px; width:0px; } .toprightbluebox { background-color:#ff8b0c; width:200px; height: 26px; } .searchbar { width:200px; height: 30px; } /*========================================================*/ /* 4 . Links */ /*========================================================*/ /*-- default links --*/ .links,A.links:link ,A.links:active,A.links:visited { } a:link {FONT-WEIGHT: normal; FONT-SIZE:11px; COLOR: #e69414; TEXT-DECORATION: none} a:visited {FONT-WEIGHT: normal; FONT-SIZE:11px; COLOR: #e69414; TEXT-DECORATION: none} a:hover {FONT-WEIGHT: normal; FONT-SIZE:11px; COLOR: #ffc32f; TEXT-DECORATION: underline} a:active {FONT-WEIGHT: normal; FONT-SIZE:11px; COLOR: #ffc32f; TEXT-DECORATION: none} /*-- alternative black and yellow links --*/ a.subminimenu:link {FONT-WEIGHT: normal; FONT-SIZE:11px; COLOR: #000000; TEXT-DECORATION: none} a.subminimenu:visited {FONT-WEIGHT: normal; FONT-SIZE:11px; COLOR: #000000; TEXT-DECORATION: none} a.subminimenu:hover {FONT-WEIGHT: normal; FONT-SIZE:11px; COLOR: #e69414; TEXT-DECORATION: none} a.subminimenu:active {FONT-WEIGHT: normal; FONT-SIZE:11px; COLOR: #e69414; TEXT-DECORATION: none} /*========================================================*/ /* 5 . DNN ELEMENTS POSITIONING */ /*========================================================*/ #wrapper { POSITION: relative; HEIGHT: 258px } #logo { Z-INDEX: 3; LEFT: 29px; WIDTH: 228px; POSITION: absolute; TOP: 29px; HEIGHT: 58px } #user { Z-INDEX: 3; RIGHT: 8px; POSITION: absolute; TOP: 8px; HEIGHT: 11px; TEXT-ALIGN: right } #header { Z-INDEX: 2; BACKGROUND: url(headerbg.gif); WIDTH: 100%; BOTTOM: 40px; POSITION: absolute } #menu { Z-INDEX: 1; BACKGROUND: url(menubg.jpg); WIDTH: auto; BOTTOM: 0px; POSITION: absolute; HEIGHT: 21px } #SearchContainer INPUT { BORDER: #cbcaca 0px solid; FONT-SIZE:11px; BACKGROUND: #744a02 ; WIDTH: 500px; COLOR: #000; } #LanguageContainer SELECT { BORDER-RIGHT: #cbcaca 1px solid; BORDER-TOP: #cbcaca 1px solid; FONT-SIZE: 9px; BACKGROUND: #ffffff; MARGIN: 0px; BORDER-LEFT: #cbcaca 1px solid; WIDTH: 130px; COLOR: #000000; BORDER-BOTTOM: #cbcaca 1px solid; HEIGHT: 16px } .logo{ padding-left:45px;} .LanguageCell { vertical-align:middle; padding-left: 5px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px} /*========================================================*/ /* 5 . MENU ELEMENTS POSITIONING */ /*========================================================*/ .CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active { COLOR: #696969; TEXT-DECORATION: underline} A.CommandButton:hover {COLOR:#696969; TEXT-DECORATION: none} A,A:link,A:visited ,A:active { COLOR:#febd00; TEXT-DECORATION: none} A:hover { COLOR: #995800; TEXT-DECORATION: underline} A:visited { COLOR:#995800; TEXT-DECORATION: none} .user,A.user:link ,A.user:active,A.user:visited {FONT-WEIGHT:normal;FONT-SIZE:11px;COLOR: #777777;TEXT-DECORATION: none;} A.user:hover { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: underline ;} .search,A.search:link,A.search:active,A.search:visited {FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none} A.search:hover { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR:#efe898; TEXT-DECORATION: underline ;} .footer,A.footer:link ,A.footer:active,A.footer:visited {FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR:#777777; TEXT-DECORATION: none} A.footer:hover { FONT-WEIGHT: normal; COLOR:#000000;FONT-SIZE: 11px; TEXT-DECORATION: underline;} /*========================================================*/ /* 2 Design Elements */ /*========================================================*/ .MenuHeight { height:32px; } /*-- submenu container --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { background: #FFF; padding: 0px; border: 1px dotted #888; z-index: 1000; cursor: pointer; cursor: hand; font-weight: normal; filter: none;} /*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { background: #7096d4; color: #FFF; font-family: tahoma; font-size: 11px; font-weight: normal; font-style: normal; padding: 0px 15px 0px 10px; height: 20px; border: 0;} /*-- submenu items hover --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { background: #9fb9e2; color: #FFF; font-family: tahoma; font-size: 11px; font-weight: normal; cursor: pointer; cursor: hand; padding: 0px 15px 0px 10px; height: 20px; border: 0;} /*========================================================*/ /* Main Menu and Module Menus */ /*========================================================*/ /*-- box that holds the menu --*/ .MainMenu_MenuContainer { background: transparent; } /*-- bar that holds the menu --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: transparent; } /*-- submenu container --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { margin: 1px 0 0 0; } /*-- menuitems idle --*/ .MainMenu_Idle TD { color: #EEE; background: url(nav2-bg.gif) repeat-x top center transparent; font-size: 13px; padding: 10px 0px 9px 0px; font-weight: normal; } /*-- menuitems over --*/ .MainMenu_Selected TD { color: #FFF; background: url(nav2-active.gif) repeat-x top center transparent; font-size: 13px; padding: 10px 0px 9px 0px; font-weight: normal; } /*-- menuitems active --*/ .MainMenu_Active TD, .MainMenu_BreadcrumbActive TD { color: #FFF; background: url(nav2-active.gif) repeat-x top center transparent; font-size: 13px; padding: 10px 0px 9px 0px; font-weight: normal; } /*-- middle seperator --*/ .MainMenu_Seperator { background: url(nav2-div.gif) no-repeat top center transparent; width:1px; height: 32px; font-size:1px; } /*-- not needed - main menu --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon { display: none; } /*-- not needed - module menu --*/ .MainMenuSeperator, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow { display: none; } /*-- removing seperator borders --*/ .MainMenu_MenuBreak { border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; background:transparent; vertical-align:top;} /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/ .Eventday,.Eventweekenday{background-color:#FFFFFF} .Eventday,.Eventweekenday{background-color:#FFFFFF} .DataGrid_Item{background-color:#ffffff;color:#000000;} .DataGrid_AlternatingItem{background-color:#ffffff;color:#000000;} /*=========BORDER CLASSES===============*/ .blackborder { border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000; } .whiteborder { border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-left:1px solid #FFFFFF; } .greyborder { border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; } .imageshadow { width:70px; height:3px; background: url("images/imageshadow.jpg") ; background-position:top; background-position:right; background-repeat: no-repeat; } .imageshadowsmall { width:69px; height:3px; background: url("images/imageshadowsmall.jpg") ; background-position:top; background-position:right; background-repeat: no-repeat; } .greydot { height: 1px; background: url("images/greydot.gif") ; background-position:bottom; background-repeat: repeat-x; }