/*CSS Reset*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0;margin: 0;} fieldset, img { border: 0;} table { border-collapse: collapse; border-spacing: 0;} ol, ul {list-style: none;} address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } div.clear {clear:both; line-height:0;} /* CMS */ .umbSearchHighlight {background-color: #FFFFCC;} /* SITE */ body {font:12px/24px "Lucida Grande",helvetica, verdana, sans-serif; background: url(../gfx/bg-body.gif) repeat-x #f3f4f4; text-align: center;} html {height: 101%;} #holder {width: 960px; margin: 0 auto; text-align: left;} #header h1 {text-indent: -9999px; display: block; width: 177px; height: 44px; background: url(../gfx/bg-logo.gif) top left no-repeat; margin: 15px 0 15px 12px;} #nav {width: 960px; height: 38px; background: url(../gfx/bg-nav.gif) no-repeat;} #nav a:link.login, #nav a:visited.login, #nav a:visited.active {margin: 4px; float: right; background: url(../gfx/bg-nav-login.gif) no-repeat; display: block; height: 26px; width: 77px; text-shadow:0px 1px #64b600; text-decoration: none;color: #fff; padding: 2px 0 0 10px} #nav a:hover.login {background-position: 0 -29px} #nav a:link.logout, #nav a:visited.logout, #nav a:visited.active {margin: 4px; float: right; background: url(../gfx/bg-nav-login.gif) no-repeat; display: block; height: 26px; width: 77px; text-shadow:0px 1px #64b600; text-decoration: none;color: #fff; padding: 2px 0 0 10px; display: none;} #nav a:hover.logout {background-position: 0 -29px} #nav ul{ margin: 1px 0 0 0px;padding: 0;float: left;} #nav ul li { display: block;height: 37px; float: left; background: url(../gfx/bg-nav-ul.gif) top right no-repeat;} #nav ul li a {text-shadow:0px 1px #009ac2; float: left; text-decoration: none; color: #fff; padding: 6px 15px 6px 15px;} #nav ul li.selected { background: url(../gfx/bg-nav-a-selected.gif) top right no-repeat; } #nav ul li.selected a { color: #fff;} #nav ul li a:visited {text-decoration: none;} #nav ul li a:hover {color: #fff; } #mainTop {width: 960px; height: 3px; background: url(../gfx/bg-div-top.gif) top no-repeat; line-height: 0; margin-top: 20px;} #mainTopFeature {width: 960px; height: 347px; background: url(../gfx/feature-temp.jpg) no-repeat; line-height: 0; margin-top: 20px;} #mainBottom {width: 960px; height: 3px; background: url(../gfx/bg-div-bottom.gif) bottom no-repeat; line-height: 0; margin-bottom: 20px;} #mainTop.col2 {background-position: bottom;} #mainBottom.col2 { background-position: top;} #mainCenter { background-color: #fff; border-left: 1px solid #dddee1; border-right: 1px solid #dddee1; padding: 18px 0 18px 0; margin: 0;} #mainCenter a:link.racking, #mainCenter a:visited.racking, #mainCenter a:visited.racking {margin: 4px; float: left; background: url(../gfx/home-identify.gif) no-repeat; display: block; height: 171px; width: 307px; text-decoration: none; color: #fff; text-indent: -9999px; outline: 0;} .ie6 #mainCenter a:link.racking, .ie6 #mainCenter a:visited.racking, .ie6 #mainCenter a:visited.racking {margin: 4px 0 0 0; float: left; background: url(../gfx/home-identify.gif) no-repeat; display: block; height: 171px; width: 307px; text-decoration: none; color: #fff; text-indent: -9999px; outline: 0;} #mainCenter a:link.order, #mainCenter a:visited.order, #mainCenter a:visited.order {margin: 4px; float: left; background: url(../gfx/home-order.gif) no-repeat; display: block; height: 171px; width: 307px; text-decoration: none; color: #fff; text-indent: -9999px; outline: 0;} #mainCenter div.clients {margin: 4px; float: left; background: url(../gfx/home-customers.gif) no-repeat; height: 171px; width: 307px; text-decoration: none; color: #fff; test-indent: -9999px; outline: 0;} #mainCenter.col2 {background: url(../gfx/bg-div-centre.gif) repeat-y; } #mainCenter div.layout {margin-left: 20px;} #mainCenter div.layout img {border: 1px solid #dddee1; padding: 2px;} #mainCenter div.layout .left {float: left; width: 220px;} #mainCenter div.layout .right {float: left; width: 460px;} #mainCenter h2 {margin: 0 20px 15px 20px; font-size: 20px; color: #00a4d7;} #mainCenter h3 {margin: 0 20px 15px 20px; font-size: 18px; color: #00a4d7;} #mainCenter h4 {margin: 0 20px 15px 20px; font-size: 16px; color: #00a4d7;} #mainCenter p {margin: 0 20px 20px 20px; line-height: 18px; color: #5f5e5d;} #mainCenter a:link, #mainCenter a:visited, #mainCenter a:active {color: #12960f;} #mainCenter a:hover {color: #20b51c; text-decoration: none;} #mainCenter table {margin: 0 20px 20px 20px; line-height: 18px; color: #5f5e5d; border: none;} #mainCenter ul#umbBreadcrum {list-style:none; padding: 0; color: #aaa; margin: -10px 0 0 20px;} #mainCenter ul#umbBreadcrum li { float:left; margin: 0 3px 3px 0; padding: 0;} #mainCenter ul#umbBreadcrum li { float:left; margin: 0 3px 3px 0; padding: 0;} #mainCenter ul#umbBreadcrum li a:link, #mainCenter ul#umbBreadcrum li a:visited, #mainCenter ul#umbBreadcrum lia:active {color: #00a4d7;} #mainCenter ul#umbBreadcrum li a:hover {color: #00a4d7; text-decoration: none;} #mainCenter ul {list-style-type: square; font-size: 12px; list-style-position: outside; margin: 15px 0 20px 40px; line-height: 18px; color: #5f5e5d; } #mainCenter ol {list-style-type: decimal; font-size: 12px; list-style-position: outside; margin: 15px 0 15px 40px; line-height: 18px;} #mainCenter blockquote {color: #000; font-weight: normal; margin: 20px; border-left: 2px solid #00a4d7; padding-left: 20px; } #mainCenter #errorHolder {border: 1px solid red; margin: 0 20px 20px 20px; padding: 10px 0 0 0; border: 1px solid red; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; } #mainCenter #errorHolder p {padding: 0; margin: 0 0 0 20px;} #mainCenter #errorText ul {margin: 5px 0 13px 40px;} #mainCenter #errorText ul li {color: red;} #mainCenter div.imageGrid {margin: 0 0 0 20px;} #mainCenter div.imageGrid div.imageNode { text-align: center; width: 142px; height: 155px; float: left; border: 1px solid #EDEDED; background-color: #fff; padding: 5px; margin: 6px 18px 20px 0px; border: 1px solid #ddd; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; } #mainCenter div#content {float: left; width: 710px;} #mainCenter div#subnav {float: left; width: 248px;} .ie6 #mainCenter div#subnav {float: right; width: 248px; overflow: hidden;} #mainCenter div#subnav ul { margin: -10px 0 0 0; padding: 0; list-style-type: none;} #mainCenter div#subnav ul li { margin: 0; padding: 0;} #mainCenter div#subnav ul li a {display: block; width: 230px; height: 29px; background: url(../gfx/bg-subnav-a.gif) left top no-repeat; padding: 9px 0 0 20px;} #mainCenter div#subnav ul li.selected a{ background-position: left center; text-shadow:0px 1px #009ac2; text-decoration: none; color: #fff;} #mainCenter div#subnav ul ul li a:link, #mainCenter div#subnav ul ul li a:visited {background-position: left -6px; margin: 0; padding: 3px 0 1px 40px; font-size: 11px; height: 20px; color: #128cc2; text-decoration: none; text-shadow:0px 1px #fff;} #mainCenter div#subnav ul ul li.selected a {background-position: left -6px; margin: 0; padding: 3px 0 1px 40px; font-weight: bold; text-decoration: none; text-shadow:0px 1px #fff;} #mainCenter div#subnav ul ul li a:hover {background-position: 0 -82px; color: #00bbe0;} #mainCenter div#subnav a:link, #mainCenter div#subnav a:visited{color: #128cc2; text-decoration: none; text-shadow:0px 1px #fff; float: left;} #mainCenter div#subnav a:hover {background-position: left bottom; color: #00bbe0;} #mainCenter table.tickets {margin:0 20px 20px 20px;border: 1px solid blue;width: 671px;border: 0px;border-collapse: collapse;border-spacing: 0px;} #mainCenter table.tickets thead tr {background: url(../gfx/bg-table-top.gif) no-repeat; color: #fff; height: 39px;} #mainCenter table.tickets thead.response tr {background: url(../gfx/bg-table-top-response.gif) no-repeat;} #mainCenter table.tickets thead th { font-size: 15px;} #mainCenter table.tickets thead th h3 {float: left; color: #fff; margin: 5px 0 0 10px;} #mainCenter table.tickets thead th h4 {float: left; color: #fff; margin: 0px 0 0 10px;} #mainCenter table.tickets thead th a:link, #mainCenter table.tickets thead th a:visited, #mainCenter table.tickets thead th a:active {font-size: 12px; float: right; background: url(../gfx/bg-table-new.gif) no-repeat; display: block; height: 23px; width: 119px; text-shadow:0px 1px #64b600; text-decoration: none;color: #fff; padding: 6px 2px 0 10px;} #mainCenter table.tickets thead th a:hover {background-position: 0 -29px} #mainCenter table.tickets tbody th {border-bottom: 1px solid #cccccc; font-size: 10px; color: #67767d; text-transform: uppercase; font-weight: bold; padding: 5px 7px 5px 7px; background-color: #e7ebee;} #mainCenter table.tickets tbody td {font-size: 10px; color: #898a8e; padding: 7px; border-bottom: 1px solid #e6e6e6;} #mainCenter table.tickets tbody td span{ background-color: #b0b0b0; padding: 3px 4px 3px 5px ; color: #fff; /* border-radius */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #mainCenter table.tickets tbody td var{background: url(../gfx/bg-table-state.gif) left bottom; height: 10px; width: 10px; display: block; float: left; margin: 5px 5px 5px 0;} #mainCenter table.tickets tbody tr a:link, #mainCenter table.tickets tbody tr a:active, #mainCenter table.tickets tbody tr a:visited { color: #898a8e;} #mainCenter table.tickets tbody tr a:hover {text-decoration: none;} #mainCenter table.tickets tbody tr.New td span { background-color: #4db2f6;} #mainCenter table.tickets tbody tr.New td var { background-position: left center;} #mainCenter table.tickets tbody tr.New td { color: #4db2f6;} #mainCenter table.tickets tbody tr.New a:link, #mainCenter table.tickets tbody tr.New a:active, #mainCenter table.tickets tbody tr.New a:visited { color: #4db2f6;} #mainCenter table.tickets tbody tr.Closed td span{ background-color: #70ad2e;} #mainCenter table.tickets tbody tr.Closed td var { background-position: left top;} #mainCenter table.tickets tbody tr.Closed td { color: #70ad2e;} #mainCenter table.tickets tbody tr.Closed a:link, #mainCenter table.tickets tbody tr.Closed a:active, #mainCenter table.tickets tbody tr.Closed a:visited { color: #70ad2e;} #mainCenter table.tickets tbody tr.images div { height:100px; } #mainCenter table.tickets tbody tr.images a{ text-align: center; width: 120px; padding: 5px; float: left; border: 1px solid #EDEDED; background-color: #fff; margin: 6px 10px 6px 0px; border: 1px solid #ddd; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; box-shadow: rgba(0,0,0,0.1) 0px 1px 3px; } #mainCenter table.tickets tbody {border-left: 1px solid #ddd; border-right: 1px solid #ddd;} #mainCenter table.tickets tfoot td{font-size: 10px; color: #898a8e; padding: 7px; font-weight: bold;} #footer {width: 960px; height: 36px; background: url(../gfx/bg-nav.gif) no-repeat; font-size: 10px; color: #fff; } #footer span.info {float: left; padding: 6px 0 0 0; margin-left: 10px; color: #fff;} #footer span.korelogic {float: right; background: url(../gfx/korelogic-logo.gif) no-repeat right 9px ; padding: 6px 25px 0 0; margin-right: 10px; color: #aaefff;} #footer span.korelogic a:link, #footer span.korelogic a:visited, #footer span.korelogic a:active {color: #aaefff;} #footer span.korelogic a:hover {color: #fff; text-decoration: none;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */ h3 { } h4 { }