html * { margin: 0; /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */ } /** * GENERAL. * Commonly used application colours: * #FF9900 - Traffic Light Amber. * #00CC00 - Traffic Light Green. * #FF0000 - Traffic Light Red. * #2647A0 - Dark Blue (Tabs). * #006DBA - Link Blue (Links and Message Text). * #CC0000 - Dark Red (Error Message Text). * #FCFCFC - Off White (Input Fields). * #666666 - Dark Grey (Nav Text). * #333333 - Very Dark Grey (TH, Menu Button). * #FFFFFF - Table Row (Even). * #F7F7F7 - Table Row (Odd). * #EDEDED - Total Row Grey (Bg). * #555555 - Total Row Grey (Fg). */ .spinner { padding: 10px 0 0 18px; position: absolute; } body { text-align: center; color: #222; font: 14px verdana, arial, helvetica, sans-serif; background: transparent url("../images/brushed_metal.png") repeat fixed center; } #wrapper { margin: 0 auto; padding: 0; width: 1024px; } #top { background: url("../images/topBg.png") no-repeat scroll center; width: 1020px; height: 31px; } #content { padding: 0px 20px 20px; background: url("../images/contentbg.png") repeat-y scroll center; width: 980px; /*border: 1px solid #ccc;*/ } #Header { background: transparent url("../images/logo.png") no-repeat scroll center; width: 980px; height: 136px; } #HeaderDev { background: transparent url("../images/logoDev.png") no-repeat scroll center; width: 980px; height: 136px; } #HeaderLink{ display: block; width: 958px; height: 136px; } /* Navigation plugin, top level. */ #menu { float: left; /*border: 1px solid #ccc;*/ } /* Application log textarea */ #log { width: 920px; height: auto; } div.tabHeader { padding: 5px 15px 0px 15px; } .tabHeader h1 { color: #2647a0; font-weight: bold; font-size: 17px; margin: 0 0 .3em 0; } .tabHeader h2 { color: #2647a0; font-weight: normal; font-size: 15px; margin: 0 0 .3em 0; } a:link, a:visited, a:hover { color: #006dba; font-weight: bold; text-decoration: none; } img { border: 0px; } /*Do not specify a global h2 and h3 Since this changes filterPane and other headers.*/ h1 { color: #006dba; font-weight: normal; font-size: 17px; margin: 0 0 .3em 0; } ul { padding-left: 15px; } input, select, textarea { background-color: #fcfcfc; border: 1px solid #ccc; font: 14px verdana, arial, helvetica, sans-serif; margin: 2px 0; padding: 2px 4px; } select { padding: 2px 2px 2px 0; } textarea { width: 450px; height: 150px; vertical-align: top; } input:focus, select:focus, textarea:focus { border: 1px solid #b2d1ff; } .body { padding: 20px 20px 20px 20px; text-align: center; /*border: 1px solid #ccc;*/ } /* Logout and Top Navigation Level */ .appControl { height: 2em; } .appControl a { color: #666; } .logoutButton { float: right; padding: 0.3em 0px 0.3em 0; font-size: 14px; margin: 0 50px 0 0; /*border: 1px solid #ccc;*/ } .logoutButton:hover { color: red; padding: 0.5em 0px 0.1em 0; } /* ORIGINAL NAVIGATION MENU */ .nav { text-align: center; background: url("../images/linkPanel_long.png") top no-repeat; padding: 10px 0px 0px 0px; width: 980px; height: 40px; } .menuButton { font-size: 14px; padding: 0 5px; } .menuButton a { color: #333; padding: 14px 25px; } .menuButton a.home { /*background: url(../images/skin/house.png) center left no-repeat;*/ color: #333; /*padding: 25px;*/ } .menuButton a.list { /*background: url(../images/skin/database_table.png) center left no-repeat;*/ color: #333; /*padding-left: 25px;*/ } .menuButton a.create { /*background: url(../images/skin/database_add.png) center left no-repeat;*/ color: #333; /*padding-left: 25px;*/ } /* MESSAGES AND ERRORS */ .message { background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat; border: 1px solid #b2d1ff; color: #006dba; margin: 10px 0 5px 0; padding: 5px 5px 5px 0px } .message_error { background: #fff3f3 url(../images/skin/exclamation.png) 8px 50% no-repeat; border: 1px solid red; color: #cc0000; margin: 10px 0 5px 0; padding: 5px 5px 5px 0px } div.errors { background: #fff3f3; border: 1px solid red; color: #cc0000; margin: 10px 0 5px 0; padding: 5px 0 5px 0; } div.errors ul { list-style: none; padding: 0; } div.errors li { background: url(../images/skin/exclamation.png) 8px 0% no-repeat; line-height: 16px; padding-left: 30px; } td.errors select { border: 1px solid red; } td.errors input { border: 1px solid red; } td.errors textarea { border: 1px solid red; } input.time { width:40px; } input.time.errors { border: 1px solid red; } input.medium { width:60px; } input.medium.errors { border: 1px solid red; } input.description { width:450px; } /* TABLES */ table { border: 1px solid #ccc; width: 100%; } tr { border: 0; } td, th { font: 14px verdana, arial, helvetica, sans-serif; line-height: 17px; padding: 5px 6px; text-align: left; vertical-align: top; } tr.total { background: #EDEDED; } tr.total td{ color: #555; font-size: 14px; font-weight: bold; } td.idColumn { width: 25px; } th { background: #fff url(../images/skin/shadow.jpg); color: #555; font-size: 14px; font-weight: bold; line-height: 17px; padding: 2px 6px; } th a:link, th a:visited, th a:hover { color: #333; display: block; font-size: 14px; text-decoration: none; width: 100%; } th.asc a, th.desc a { background-position: right; background-repeat: no-repeat; } th.asc a { background-image: url(../images/skin/sorted_asc.gif); } th.desc a { background-image: url(../images/skin/sorted_desc.gif); } .odd { background: #f7f7f7; } .even { background: #fff; } .clickableOdd { background: #f7f7f7; cursor: pointer; } .clickableEven { background: #fff; cursor: pointer; } .clickableEven td.notClickable { cursor: default; } .clickableOdd td.notClickable { cursor: default; } /* LIST */ .list table { border-collapse: collapse; } .list th, .list td { border-left: 1px solid #ddd; } .list th:hover, .list tr:hover { background: #b2d1ff; } /* PAGINATION */ .paginateButtons { border-top: 0; color: #666; font-size: 14px; overflow: hidden; padding: 10px 3px; } .paginateButtons a { background: #fff url(../images/skin/shadow.jpg) bottom repeat-x; border: 1px solid #ccc; border-color: #ccc #aaa #aaa #ccc; color: #666; margin: 0 3px; padding: 2px 6px; } .paginateButtons span { padding: 2px 3px; } .searchButtons { background: #fff url(../images/skin/shadow.jpg) bottom repeat-x; border: 1px solid #ccc; border-color: #ccc #aaa #aaa #ccc; margin: 0 0.5em; } .searchButtons a { background: transparent url(../images/skin/database_search.png) 5px 50% no-repeat; padding-left: 28px; border: none; margin: 0; } /* DIALOG */ .dialog table { padding: 5px 0; } .prop { padding: 5px; } .prop .name { text-align: left; width: 15%; white-space: nowrap; } .prop .value { text-align: left; width: 85%; } /* ACTION BUTTONS */ .generalButton { background: #fff url(../images/skin/shadow.jpg) bottom repeat-x; color: #444; font-size: 14px; font-weight: bold; cursor: pointer; margin-left: 5px; overflow: hidden; padding: 0.1em 0.4em 0.1em 0.4em; } .buttons { background: #fff url(../images/skin/shadow.jpg) bottom repeat-x; border: 1px solid #ccc; color: #666; font-size: 14px; margin-top: -1px; margin-bottom: 5px; overflow: hidden; padding: 3px; } .buttons input { background: #fff; border: 0; color: #333; cursor: pointer; font-size: 14px; font-weight: bold; margin-left: 3px; overflow: visible; padding: 0px 6px; } .buttons input.delete { background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.trash { background: transparent url(../images/skin/bin_closed.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.restore { background: transparent url(../images/skin/bin_empty.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.cancel { background: transparent url(../images/skin/cross.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.complete { background: transparent url(../images/skin/tick.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.flag { background: transparent url(../images/skin/flag_red.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.reopen { background: transparent url(../images/skin/door_open.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.approve { background: transparent url(../images/skin/database_gear.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.renegeApproval { background: transparent url(../images/skin/cog_delete.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.edit { background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.save { background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.add { background: transparent url(../images/skin/database_add.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.search { background: transparent url(../images/skin/database_search.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.link { background: transparent url(../images/skin/database_link.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.go { background: transparent url(../images/skin/database_go.png) 5px 50% no-repeat; padding-left: 28px; } .buttons input.table { background: transparent url(../images/skin/database_table.png) 5px 50% no-repeat; padding-left: 28px; } #bottom { background: url("../images/bottomBg.png") no-repeat scroll center; width: 1020px; height: 100px; } /* Overlay Pane and filterPane plugin*/ div.overlayPane { position: absolute; width:70%; left: 50%; margin-left: -36%; top: 50%; margin-top: -26%; border: 2px solid #666666; background-color: white; padding: 5px; z-index: 1; } .overlayTable { width: 100%; } a.remove img { border:none; } /* Navigation Plugin Override */ .navigation { padding: 0px 0px 0px 50px; list-style-type: none; clear: both; font-size: 14px; /*overflow: hidden;*/ /* Clearing floats */ } .navigation li { float: left; /*border: 0px*/ /* border: 1px solid #888; */ /*border-left-color: #bbb;*/ /* Highlight border-color */ } .navigation li.navigation_first { /*border-left-color: #888; */ } .navigation li.navigation_active { /*border-left-color: #555;*/ /* Highlight border-color of active item */ } .navigation li a { color: #666; /* background-color: #aaa; */ padding: 0.3em 0.75em 0; display: block; text-decoration: none; } .navigation li a:hover { color: red; /* background-color: #999; */ /* font-weight: normal; */ /* font-size: 14px; */ padding: 0.5em 0.75em; /*cursor: default;*/ } .navigation li.navigation_active a { /* background-color: #555; */ /* color: #fff;*/ color: #006dba; /*color: black;*/ font-weight: bold; font-size: 17px; margin: 0 0 0 0; /*cursor: default;*/ } .navigation li.navigation_active a:hover { color: #006dba; font-weight: bold; font-size: 17px; padding: 0.3em 0.75em; /*background-color: #555;*/ } /* Sub navigation */ .subnavigation { /*padding: 0px 0px 0px 165px;*/ padding: 0px 0px 0px 105px; list-style-type: none; clear: both; overflow: hidden; /* Clearing floats */ } .subnavigation li { float: left; /* background-color: #555; */ padding: 0em 0.75em; border-width: 0px 0; } .subnavigation li a { color: #006dba; font-weight: bold; font-size: 17px; display: block; /*padding: 0px 0;*/ /* border-color: #555; */ border-style: solid; border-width: 0px 0; text-decoration: none; /*margin: 0 0 0 0;*/ /*cursor: default;*/ } .subnavigation li a:visited { color: #006dba; } .subnavigation li a:hover { /*color: red;*/ /*border-color: black;*/ border-width: 1px 0; } .subnavigation li.subnavigation_active a { /*color: #e0e0e0; */ /*cursor: default;*/ /*border-color: #e0e0e0;*/ border-width: 1px 0; } /* Tree */ div.static_tree { } div.static_tree ul { list-style-type: none; padding-left: 15px; } div.static_tree li { background: url(../images/skin/ln.gif) 0px 0px no-repeat; padding-left: 20px; margin: 2px; } div.tree_button { float: left; } div.tree_button a { } div.tree_button img { padding: 0.3em 0.5em 0 0.3em; } div.tree_button img:hover { padding: 0.5em 0.5em 0 0.3em; } div.tree { } div.tree li a{ } div.tree ul { list-style-type: none; padding-left: 15px; } div.tree li { background: url(../images/skin/ln.gif) 0px 0px no-repeat; padding-left: 10px; margin: 2px; } div.pane_close { position: absolute; right: 5px; padding: 5px; } /* CheckBoxList Tag Lib */ .CheckBoxList { height: 300px; overflow: auto; overflow-x: hidden; width: 400px; border: 1px solid #ccc; list-style-type: none; margin: 0; padding: 0px; } .CheckBoxList li { padding: 5px; }