/*========================================================*/ /* 1. Universal */ /*========================================================*/ /*-- Style For HTML PAGE -- */ html { height: 100%; } /*-- Style For HTML BODY -- */ body { margin: 0; background: url(Images/line3.jpg) top left #ffffff; margin: 0; } /*-- Setting Text Throughout the skin -- */ table, tr, td, p {font-family: Tahoma; font-size: 11px; line-height: 1.4em; margin: 0;} /*========================================================*/ /* 2. Design Elements */ /*========================================================*/ /*-- outermost table of skin -Standard --*/ .OuterTable { width: 100%; height:100%; align: center; } /*-- outermost table of skin -Admin --*/ .OuterTableAdmin { width: 999; height: 100%; align: center; } /*-- cell containing login and register --*/ .LoginTD { height:75px; text-align:center; vertical-align: top; padding: 5px 0 0 40px; } /*-- cell containing search --*/ .SearchTD { height:45px; text-align:right; vertical-align: top; padding: 0 33px 0 0;} /*-- cell containing menu --*/ .MenuTD { background: url(Images/Inner_bg.gif) repeat top left; width: 749px; vertical-align: top; padding: 0; } /*-- cell containing panes --*/ .PanesTD { width:100%; vertical-align: top; padding: 0; } /*-- DIV containing panes --*/ .PanesDIV { padding: 10px 5px 0 5px; background: #ffffff;} /*-- cell containing menu pane Hor. --*/ .HMenuPaneTD { background: url(Images/Hmenu_bottom.gif) no-repeat top left; width:100%; vertical-align: top; padding: 0 0 0 0; } /*-- top inner section --*/ .InnerTD { background: url(Images/inner_bg.gif) repeat-x top left; height: 26px; width:100%; padding: 0; } /*-- topleft inner section Hor. --*/ .InnerLeft { background: url(Images/inner_bg_l.jpg) no-repeat top left; height: 42px; width:100%; padding: 0 0 0 0; vertical-align:top; } /*-- topright inner section --*/ .InnerRight { background: url(Images/inner_bg_r.jpg) no-repeat top right; height: 42px; width:100%; padding: 0; } /*-- bottom footer section --*/ .BottomRow { background: url(Images/footer_bg.gif) repeat-x top center #B5B5B5; height: 80px; padding: 0;} /*-- bottomleft footer section --*/ .BottomRowLeft { background: url(Images/footer_bg_l.gif) no-repeat top left; height: 80px; padding: 0;} /*-- bottomleft footer section Hor. --*/ .HBottomRowLeft { background: url(Images/Hfooter_bg_l.gif) no-repeat top left; height: 80px; padding: 0;} /*-- bottomright footer section --*/ .BottomRowRight { background: url(Images/footer_bg_r.gif) no-repeat top right; height: 80px; text-align: right; vertical-align: top; padding: 23px 40px 0 25px; } /*-- middle content section --*/ .MiddleRow { background: url(Images/page_bg_r.gif) repeat-y top right; padding: 0 8px 0 0px; } /*-- cell containing breadcrumbs --*/ .BreadCrumbsTD { text-align:left; vertical-align: middle; color: #FFF; padding: 0 ; height:20px;} /*-- cell containing date --*/ .DateTD { text-align:right; vertical-align: bottom; color: #FFF; padding: 0 0 5 0; height:20px;} /*-- cell containing logo --*/ .LogoTD { text-align:center; vertical-align: middle; padding: 0px 0 0 0; height:85px; width: 250px;} /* Blue Skins */ /*-- top header section --*/ .TopRow { background: url(Images/header_bg.jpg) repeat-x top left; height: 95px; padding: 0; } /*-- topleft header section --*/ .TopRowLeft { background: url(Images/header_bg_l.jpg) no-repeat top left; height: 95px; width:100%; padding: 0; } /*-- topright header section --*/ .TopRowRight { background: url(Images/header_bg_r.jpg) no-repeat top right; height: 95px; width:100%; padding: 0; margin:0;} TD.RowHighlight { background-color: #D4D9EC;} TD.BigSubHead { background-color: #C8B28F; text-align: center; vertical-align:middle; padding:3 px; padding-right:6px; padding-left:6px; } TD.SubHead { background-color: #DFD4C2; text-align: right; vertical-align:middle; padding:3 px; padding-right:6px; padding-left:6px; } TD.SubHead { background-color: #DFD4C2; text-align: right; vertical-align:middle; padding:3 px; padding-right:6px; padding-left:6px; } TD.Row { background-color: #CDD0D4; text-align: left; vertical-align:middle; padding:3 px; padding-right:6px; padding-left:6px; } TD.RowNoAlign { background-color: #CDD0D4; padding:3 px; padding-right:6px; padding-left:6px; } /*========================================================*/ /* 3. Content Panes */ /*========================================================*/ .Copyright { font-family: Tahoma, Verdana, Arial; font-size: 9px; font-weight: normal; color:Silver; text-align:center; background-color:Gray; } .DateContainer { padding: 0 0 0 0px; font-family: Tahoma, Verdana, Arial; font-size: 9px; font-weight: normal; color:#c6c6c6; background-color: transparent; } /*-- top inside content pane --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;} /*-- left content pane --*/ .PaneLeft { padding: 0 7px 0 7px; width: 1;} /*-- content pane --*/ .PaneCenter { padding: 0 7px 0 7px; width: 100%;} /*-- right content pane --*/ .PaneRight { padding: 0 7px 0 7px; width: 1; } /*-- bottom inside pane --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; } /*========================================================*/ /* 4. Tokens */ /*========================================================*/ /*-- login and user token idle --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #404852; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; } /*-- login and user token hover --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #000; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; } /*-- date token idle --*/ .DATE_object { color:#c6c6c6; font-family: tahoma; font-size: 9px; font-weight:bold; text-decoration: none; } /*-- breadcrumbs token idle --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #DCDDDF; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold;} /*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: #FFFFFF; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; } /*-- terms privacy and copyright --*/ .FOOTER_objects { color:#FFF; font-size: 11px; } /*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#FFF; font-weight:bold; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#DDD; font-weight:bold; text-decoration:none; } /*-- User and Logout profile --*/ .ProfileUser { color:#ffffff; font-family: Tahoma; font-size: 9px; } /*-- User and Logout profile links --*/ a.ProfileUser:link, a.ProfileUser:visited, a.ProfileUser:active { color:#ffffff; text-decoration:none; font-family: Tahoma; font-size: 9px; } /*-- User and Logout profile hover --*/ a.ProfileUser:hover { color:#ffff00; font-family: Tahoma; font-size: 9px; text-decoration:none; } .ProfileLogout { color:#FFF; font-family: Tahoma; font-size: 9px; } a.ProfileLogout:link, a.ProfileLogout:visited, a.ProfileLogout:active { color:#FFF; font-family: Tahoma; font-size: 9px; text-decoration:none; } a.ProfileLogout:hover { color:#ffff00; font-family: Tahoma; font-size: 9px; text-decoration:none; } /*-- SignIn token --*/ .SignInLogin, .SignInRememberMe, .SignInPassword, .SignInVerificationCode { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 9px; font-weight: bold; color: #fff; } /*-- SignIn token links visited and active --*/ a.SignInRegister:link, a.SignInRegister:visited { color: #fff; font-family: tahoma; font-weight: bold; font-size: 9px; text-decoration: none; } /*-- SignIn token links hover --*/ a.SignInRegister:hover { color: #ffff00; font-family: tahoma; font-size: 9px; text-decoration: none; } a.SignInRememberPassword:link, a.SignInRememberPassword:visited { color: #fff; font-family: tahoma; font-weight: bold; font-size: 9px; text-decoration: none; } a.SignInRememberPassword:hover { color: #ffff00; font-family: tahoma; font-size: 9px; text-decoration: none; } /*========================================================*/ /* 5. SearchHelper */ /*========================================================*/ .SearchHelperHeader { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: white; FONT-FAMILY: Tahoma; backGROUND-COLOR: #326596; TEXT-ALIGN: center; height:auto; } .SearchHelperMain { FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: black; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #F0F0F0; TEXT-ALIGN: left; VALIGN: center; height:10px; } /*========================================================*/ /* 6. Grids */ /*========================================================*/ /*-- global properties (table) --*/ .Grid { font-family: Tahoma, Arial, Helvetica; font-size: 10px; color:Black; border: solid 1px #FFFFFF; width: 100%; margin: 1px 1px 1px 1px; padding: 1px 1px 1px 1px; } /*-- header row --*/ .GridHeader { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; text-align:center; color: navy; background-color: whitesmoke; } /*-- formatting for each item --*/ .GridItem, .GridAltItem { font-family: Tahoma, Arial, Helvetica; font-size: 11px; color:Black; text-align:center; } /*-- formatting for even items --*/ .GridItem { background-color: #ffffff; font-size: 11px; } /*-- formatting for even items --*/ .GridAltItem { background-color: #F7F7F7; } /*-- applied to a highlighted row --*/ .GridSelectedItem { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color:Black; text-align:center; background-color: #ACD3F0; } /*-- applied to a footer row --*/ .GridFooter { Height: 1px; background-color: Black; } /*-- applied to a pager row --*/ .GridPager { font-family: Tahoma, Arial, Helvetica; font-size: 15px; font-weight: bold; color:white; text-align:left; background-color: silver; } .GridPager a { font-family: Tahoma, Arial, Helvetica; font-size: 12px; text-decoration: underline; color: #003366; } .GridPager a:hover { font-family: Tahoma, Arial, Helvetica; font-size: 12px; text-decoration: underline; color: #ff0000; } /*========================================================*/ /* 7. Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #555; } /*-- most of the bold text on site --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; } /*-- red text on site for errors --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; } /*-- small text on site --*/ .small, .Small { font-family: tahoma; font-size: 9px; color: #555; } /*-- small bold text on site --*/ .SmallBold { font-family: tahoma; font-size: 9px; font-weight: bold; color: #555; } /*-- large text on site --*/ .large, .Large { font-family: tahoma; font-size: 13px; color: #555; } /*-- large bold text on site --*/ .LargeBold { font-family: tahoma; font-size: 13px; font-weight: bold; color: #555; } /*-- subheadings - mostly in data entry--*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #777; padding: 0; } TD.SubHead {background-color: #DFDFDF; text-align: right; vertical-align:middle; padding:3 px; padding-right:6px; padding-left:6px;} /*-- headings - mostly in data entry --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;} /*-- rows - mostly in data entry --*/ .Row {font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; color: black;} TD.Row {background-color: #EFEFEF; text-align: left; vertical-align:middle; padding:3 px; padding-right:6px; padding-left:6px;} /*-- rows without align property --*/ .RowNoAlign {font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; color: black;} TD.RowNoAlign {background-color: #EFEFEF; padding:3 px; padding-right:6px; padding-left:6px;} /*-- title of a set of subheads and rows-*/.TitleHeader {border-top: white 1px solid; font-weight: bold; font-size: 11px; vertical-align:middle; color: white; border-bottom: white 1px solid; font-family: Verdana, Arial, Helvetica;} TD.TitleHeader {background-color:#ce0505; height: 12px; padding-left:10px} /*========================================================*/ /* 8. Links */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #fff; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: #FFFF00; font-family: tahoma; font-size: 11px; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: none; } /*-- small links visited and active --*/ a.Small:link, a.Small:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 9px; text-decoration: none; } /*-- small links hover --*/ a.Small:hover { color: #444; font-family: tahoma; font-size: 9px; text-decoration: none; } /*-- large links visited and active --*/ a.Large:link, a.Large:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 13px; text-decoration: none; } /*-- large links hover --*/ a.Large:hover { color: #444; font-family: tahoma; font-size: 13px; text-decoration: none; } /*-- admin button-link style --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #274371; border: 1px solid #ABABAB; background: #EFEFEF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; } /*-- admin button-link style hover --*/ a.CommandButton:hover { color: #274371; border: 1px solid #868686; background: #DFDFDF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; } /*========================================================*/ /* 9. Forms */ /*========================================================*/ /*-- default form elements --*/ select, input { font-family: tahoma; font-size: 11px; color: #333; } /*========================================================*/ /* 10. Main Menu */ /*========================================================*/ /*-- box that holds the menu --*/ .Menu_MenuContainer { background: url(Images/Inner_bg.gif); width:1px; border-width:0px ; height: 26px; padding: 0 0 0 5px; } /*-- bar that holds the menu --*/ .Menu_MenuBar { cursor: pointer; cursor: hand; background: transparent; width:1; padding: 0; } /*-- submenu container --*/ .Menu_SubMenu { z-index: 1000; cursor: pointer; cursor: hand; margin: 0 0 0 1px; background: #CE0809; padding: 0px; border: 1px solid #778188; font-weight: normal; filter: none; } /*-- submenu items idle --*/ .Menu_MenuItem { font-family: tahoma; color: #fff; font-size: 11px; background: #CE0809; font-weight: bold; font-style: normal; padding: 0px 2px 0px 2px; height: 27px; border: 0; } /*-- submenu items hover --*/ .Menu_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #000; background: #F3F1F1; padding: 0px 2px 0px 2px; height: 27px; border: 0;} /*-- menuitems idle --*/ .Menu_Idle { color: #ffffff; font-family: tahoma; font-size: 11px; background: url(Images/Inner_bg.gif) repeat ;padding: 0; height: 26px; width: 1px; font-weight: bold;} /*-- menuitems over --*/ .Menu_Selected { color: #222; background: url(Images/Hnav_overA.gif) repeat ; padding: 0; height: 20px; font-weight: bold;} /*-- menuitems active --*/ .Menu_Active, .Menu_BreadcrumbActive {font-family: tahoma; font-size: 11px; padding: 0; height: 26px; font-weight: bold;} /*-- menuitems icons --*/ .Menu_MenuIcon {background-color: #F3F1F1; width: 27; height: 27; } /*-- not needed - main menu --*/ .Menu_MenuArrow, .Menu_RootMenuArrow, .MenuSeperator,.Menu_MenuBreak { display: none; } .Menu_MenuBreak { border-bottom: Gray 1px solid; border-left: White 0px solid; border-top: White 1px solid; border-right: Gray 0px solid; background-color: white; height: 1px;} /*========================================================*/ /* 11. TreeViews */ /*========================================================*/ .TreeView, .TreeViewOver, .TreeViewSelected, .TreeViewLoading { font-family: Tahoma, Verdana, Arial; font-size: 10px; padding-left: 2px; padding-right: 2px; } .TreeViewLoading {font-family: Tahoma, Verdana, Arial; font-size: 10px; color: red; font-weight: bold; } .TreeView {font-family: Tahoma, Verdana, Arial; font-size: 10px; color: #555555; } .TreeViewOver { font-family: Tahoma, Verdana, Arial; font-size: 10px; text-decoration:underline; padding-top:2px; padding-bottom:1px; padding-left: 3px; padding-right: 3px; cursor: default; } .TreeViewSelected {font-family: Tahoma, Verdana, Arial; font-size: 10px; color: #142F62; background-color: #efefef; border: solid 1px #cccccc; } /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/