html * { margin: 0; /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */ } /* GENERAL */ .spinner { padding: 5px; position: absolute; right: 0; } body { text-align: center; width: 980px background: #fff; 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: 44px; } #content { padding: 0px 20px 20px; background: url("../images/Contentbg.png") repeat-y scroll center; width: 980px; } #Header { background: transparent url("../images/logo.png") no-repeat scroll center; width: 980px; height: 160px; } #HeaderLink{ display: block; width: 650px; height: 160px; } a:link, a:visited, a:hover { color: #666; font-weight: bold; text-decoration: none; } img { border: 0px; } 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; } /* Login/out and Admin*/ .appcontrol { text-align: right; padding: 5px 160px 5px 5px } .appcontrolButton { font-size: 14px; padding: 5px 5px; } /* NAVIGATION MENU */ .nav { text-align: centre; background: url("../images/linkPanel_long.png") top no-repeat; /*border: 1px solid #ccc; border-style: solid none solid none;*/ padding: 15px 0px 0px 0px; width: 980px; height: 40px; } /*.nav a{ background: url("../images/linkPanel.png") no-repeat top; display: inline-block; width: 140px; height: 40px; text-decoration: none; }*/ .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 } 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.duration { width:40px; } input.duration.errors { border: 1px solid red; } /* 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; } 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; } /* 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 { width: 940px; background: #fff url(../images/skin/shadow.jpg) bottom repeat-x; border: 1px solid #ccc; border-top: 0; color: #666; font-size: 14px; overflow: hidden; padding: 10px 3px; } .paginateButtons a { background: #fff; border: 1px solid #ccc; border-color: #ccc #aaa #aaa #ccc; color: #666; margin: 0 3px; padding: 2px 6px; } .paginateButtons span { padding: 2px 3px; } /* 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 */ .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: 0; } .buttons input { background: #fff; border: 0; color: #333; cursor: pointer; font-size: 14px; font-weight: bold; margin-left: 3px; overflow: visible; padding: 2px 6px; } .buttons input.delete { background: transparent url(../images/skin/database_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; } #bottom { background: url("../images/bottomBg.png") no-repeat scroll center; width: 1020px; height: 100px; }