/* CSS generated by Kudu at 04:10pm 18/03/2010 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for TMS - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Ltd - All Rights Reserved Created: 23/10/2008 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body { background: #fff url(/templatefiles/body_bg.jpg) repeat-x 0 0; font: 70% arial, helvetica, verdana, sans-serif; text-align: center; padding: 0; margin: 0;} h1 { font: bold 1.6em arial, helvetica, verdana, sans-serif; color: #fff; margin: 10px 0; } h2 { font: normal 1.6em arial, helvetica, verdana, sans-serif; color: #fff; padding-bottom: 3px; border-bottom: 1px solid #6a706a; margin: 0; } h3 { font: normal 1.5em arial, helvetica, verdana, sans-serif; color: #fff; padding-bottom: 3px; border-bottom: 1px solid #6a706a; margin: 5px 0; } p { font-size: 1.0em; line-height: 1.5em; color: #fff; margin: 10px 0; } li { font-size: 1.0em; line-height: 1.5em; color: #fff; } a { color: #cbdb2a; text-decoration: underline; } a:visited { color: #cbdb2a; } a:hover, a:active { text-decoration: none; } hr { height: 1px; background-color: #6a706a; color: #6a706a; border: 0; margin: 5px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; } .content table, .content form { color: #fff; } /*form input { color: #000; }*/ .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { color: #fff; vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th{ color: #fff; vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .widthwrapper { width: 100%; } .padding { padding: 20px; } .right { float: right; } .left { float: left; } .clear { clear: both; } .block { clear: both; display: block; } #accessibility { display: none; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 800px; text-align: left; margin: 0 auto; } #header { height: 123px; position: relative; padding-top: 12px; } #navbar { width: 800px; float: left; margin-top: 30px; } #topbar { width: 800px; min-height: 100px; float: left; clear: both; background: #cbdb2a url(/templatefiles/topbar_bg.jpg) no-repeat bottom left; padding-bottom: 15px; } #contentwrapper {position:relative; min-height: 320px; clear: both; background: #858c85 url(/templatefiles/contentwrapper_bg.jpg) no-repeat bottom left; padding-top: 25px; padding-bottom: 20px; } #contentwrapper:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #home #contentwrapper { min-height: 100px; } .sidecol { width: 180px; display: inline; float: left; margin-left: 25px; } .wide .sidecol { width: 285px; display: inline; float: left; margin-left: 25px; } .content { width: 450px; margin: 0 30px 0 235px; } .nonav .content { margin-left: 30px; } .wide .content { width: 400px; margin: 0 30px 0 335px; } /* Oliver's hacks to get Taos forms working */ .fullwidthcontent { width: 760px; margin: 20px; } legend { color: #FFF; } fieldset { border: 1px solid #BBB; padding: 8px; } taosUiTable a, taosUiTable a:link, taosUiTable a:visited { color: #660; text-decoration: underline; } .taosUiTable a, .taosUiTable a:link, .taosUiTable a:visited { color: #660; text-decoration: underline; } .taosDataTable { background-color: #444; border: 0; } .taosDataTable td { background-color: #666; border: 0; vertical-align: top; } .taosDataTable th { background-color: #444; border: 0; color: #BBB; } textarea { background-color: #9EA39D; border: 0; font-size: 0.95em; color: #fff; font-family: arial, helvetica, verdana, sans-serif;} /* End Oliver's hacks */ #footernav { height: 70px; clear: both; background: #f3f3f2 url(/templatefiles/footernav_bg.jpg) no-repeat bottom left; } #footercurve { width: 38px; height: 92px; clear: both; float: left; background: transparent; } #footer { width: 762px; height: 80px; float: left; background: #dbdbd7; padding-top: 10px; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header #userlinks { position: absolute; top: 10px; right: 0; color: #cbdb2a; } #header #userlinks a, #header #userlinks a:visited { color: #999; text-decoration: none; } #header #userlinks a:hover, #header #userlinks a:active { color: #999; text-decoration: underline; } #header #search { width: 215px; height: 40px; position: relative; background: transparent url(/templatefiles/search_bg.jpg) no-repeat 0 0; float: right; padding: 0; margin-top: 50px; } #header #search input { width: 150px; position: absolute; top: 8px; left: 58px; background: #fff; color: #999999; border: 0; } #header #search .button { width: 55px; position: absolute; top: 8px; left: 4px; } p.breadcrumb { font-family: verdana, helvetica, arial, sans-serif; color: #B0B0B0; margin: 5px 25px; } p.breadcrumb b { font-weight: normal; } /* Navbar Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #navbar ul { list-style-type: none; padding: 0; margin: 0 30px; } #navbar li { display: inline; float: left; font-weight: bold; font-size: 1.1em; line-height: 1.0em; list-style-type: none; padding: 0; margin: 0 2px; } #navbar li.sep { color: #cbdb2a; margin-top: 9px; } #navbar li a, #navbar li a:visited { float: left; text-decoration: none; color: #fff; padding: 0 0 0 8px; } #navbar li a span { float: left; display: block; padding: 5px 9px 4px 1px; cursor: hand; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #navbar a span { float: none; } /* End IE5-Mac hack */ #navbar li a:hover, #navbar li a:active { background: url(/templatefiles/left_both.jpg) no-repeat left top; color: #666; } #navbar li a:hover span { background: url(/templatefiles/right_both.jpg) no-repeat right top; } #navbar li.selected a, #navbar li.selected a:visited { background: url(/templatefiles/left_both.jpg) no-repeat left top; background-position: 0% -150px; } #navbar li.selected a span { background: url(/templatefiles/right_both.jpg) no-repeat right top; background-position: 100% -150px; } /* Topbar Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #topbar .sidecol { display: inline; position: relative; border-right: 1px solid #e3eb92; margin-top: -15px; } #topbar ul.subnav { padding: 0; margin: 0 0 5px; } #topbar ul.subnav li { font-size: 1.1em; list-style-type: none; } #topbar ul.subnav li a, #topbar ul.subnav li a:visited { color: #fff; text-decoration: none; } #topbar ul.subnav li a:hover, #topbar ul.subnav li a:active { color: #000; } #topbar ul.subnav ul { padding: 0; margin: 0 0 0 15px; } #topbar ul.subnav ul li { font-size: 1.0em; } #topbar .content { width: 400px; position: relative; margin-top: -15px; } #topbar .content h1 { margin-top: 0; } #topbar .content p { line-height: 1.5em; margin: 8px 0; } #topbar .content p a, #topbar .content p a:visited { text-decoration: none; color: #fff; } #topbar .content p a:hover, #topbar .content p a:active { text-decoration: underline; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #contentwrapper ul.subnav { padding: 0; margin: 0; } #contentwrapper ul.subnav li { list-style-type: none; margin-bottom: 2px; } #contentwrapper ul.subnav li a, #contentwrapper ul.subnav li a:visited { color: #fff; text-decoration: none; padding: 2px; } #contentwrapper ul.subnav li a:hover, #contentwrapper ul.subnav li a:active, #contentwrapper ul.subnav li.selected a { background-color: #697169; } .borderimg img { display: block; border: 8px solid #697169!important; margin-bottom: 15px; } .borderimg.left { margin-right: 25px; margin-bottom: 5px; } .bordermap { border: 8px solid #697169!important; margin-bottom: 15px; } .subcontent { width: 110px; float: left; margin-right: 25px; } .wideimg .subcontent { width: 165px; margin-right: 15px; } .innercontent { margin-left: 135px; } .wideimg .innercontent { margin-left: 180px; } #coursemenu h2 { margin-bottom: 0; } #coursemenu p { margin: 0 0 20px; } .jobmenu { margin-bottom: 20px; } /*.jobmenu .borderimg img, .jobmenu .borderimg { float: right; display: block; border: 8px solid #697169!important; margin: 0; }*/ .jobmenu .salary { font-size: 0.6em; color: #cccccc; } .jobmenu .location { color: #cccccc; } .newsmenu { } /*.newsmenu .borderimg img { display: block; border: 8px solid #697169!important; margin: 0; }*/ .newsmenu h2 { padding: 0; border: 0; } .newsmenu .date { color: #cccccc; margin: 0; } .newsmenu hr { margin: 0 0 15px; } #login label span { display: block; font-size: 1.2em; color: #fff; } #login input { height: 20px; font-size: 0.95em; line-height: 20px; color: #000; margin-bottom: 10px; } #login .button { height: 30px; color: #777; } .image { position:absolute; top:30px; left:30px; } /* Form Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* This break loads of Taos forms: .formstyle table td { padding: 0; }*/ .formstyle h3 { margin-top: 25px; } .formstyle h3 span { font-size: 0.7em; color: #e8e8e8; } .formstyle label, .formstyle span { line-height: 20px; color: #fff; } .formstyle input { height: 20px; background-color: #9EA39D; line-height: 20px; font-size: 0.95em; color: #fff; border: 0; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footernav ul { padding: 25px 0 0 30px; margin: 0; } #footernav ul li { display: inline; list-style-type: none; color: #fff; } #footernav ul li span { color: #666666; } #footernav ul li a, #footernav ul li a:visited { color: #666666; text-decoration: none; } #footernav ul li a:hover, #footernav ul li a:active { color: #000; } #footernav img { float: right; padding: 25px 20px 0 0; } #footer img { float: right; padding: 15px; } #footer #tms { float: left; margin-left: -20px; } #footer p { font-size: 0.8em; font-family: verdana, helvetica, arial, sans-serif; color: #8a8a80; margin: 0 0 5px 50px; } /* Home Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .col { width: 149px; min-height: 100px; float: left; padding: 0 25px; border-right: 1px solid #9ca29c; } .col#last { border: 0; } .col h2 { font-weight: bold; font-size: 1.4em; padding: 0; border: 0; margin: 0; } .col h2 a { text-decoration: none; } .col h2 a:hover, .col h2 a:active { color: #fff; } .col p.more { width: 35px; height: 35px; background: transparent url(/templatefiles/more.jpg) no-repeat 0 0; text-align: center; } .col p.more a { line-height: 35px; color: #fff; } .katapult { text-align:right; color:#000; } .katapult a { color:#000; }