/* Fixed Classes */ .hidden {display: none;} .right {float: right;} .left {float: left;} .clearer {height: 0px; clear: both; visibility: hidden;} .disabled {text-decoration: line-through; color: #C0C0C0;} .fileAttachmentList {min-height: 40px; padding: 0 0 20px 0; margin: 0; clear: both;} .fileAttachmentList li {list-style-type: none; height: 35px; padding-left: 40px; padding-top: 20px; margin-bottom: -10px; background-position: left; background-repeat: no-repeat; } .podcastList li {height: auto !important; } .podcastList li.attachmentDownload_mp3 {background-position: top left;} .fileAttachmentList li.attachmentDownload_doc {background-image: url(../images/icons/doc.gif) !important;} .fileAttachmentList li.attachmentDownload_mp3 {background-image: url(../images/icons/mp3.gif) !important;} .fileAttachmentList li.attachmentDownload_pdf {background-image: url(../images/icons/pdf.gif) !important;} .fileAttachmentList li.attachmentDownload_pub {background-image: url(../images/icons/pub.gif) !important;} .fileAttachmentList li.attachmentDownload_zip {background-image: url(../images/icons/zip.gif) !important;} .fileAttachmentList li.attachmentDownload_jpg {background-image: url(../images/icons/jpg.gif) !important;} .fileAttachmentList li.attachmentDownload_jpeg {background-image: url(../images/icons/jpeg.gif) !important;} .fileAttachmentList li.attachmentDownload_gif {background-image: url(../images/icons/gif.gif) !important;} .fileAttachmentList li.attachmentDownload_xls {background-image: url(../images/icons/xls.gif) !important;} .fileAttachmentList li.attachmentDownload_ppt {background-image: url(../images/icons/ppt.gif) !important;} .fileAttachmentList li.attachmentDownload_rar {background-image: url(../images/icons/rar.gif) !important;} .fileAttachmentList li.attachmentDownload_rtf {background-image: url(../images/icons/rtf.gif) !important;} .fileAttachmentList li.attachmentDownload_txt {background-image: url(../images/icons/txt.gif) !important;} .fileAttachmentList li.attachmentDownload_csv {background-image: url(../images/icons/csv.gif) !important;} .fileAttachmentList li.attachmentDownload_png {background-image: url(../images/icons/png.gif) !important;} /* Fixed Classes */ body {margin: 0 auto; background: #FFF url(../images/design/day/background_rpt.png) repeat-x; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 80%; line-height: 170%; text-align: center; color: #000;} h1, h2, h3, h4, h5, h6 {margin: 0 0 10px; letter-spacing: 0.1em; color: #666;} h1 {font-size: 1.8em; color: #003864;} h2 {font-size: 1.6em;} h3 {font-size: 1.4em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;} p {margin-bottom: 1em;} a {text-decoration: none;} a:hover {text-decoration: underline;} strong, b {font-weight: bold;} em, i {font-style: italic; font-weight: inherit;} ul, ol {margin: 0 0 20px 10px; font-family: inherit;} li ul, li ol {margin-bottom: 3px;} li {margin-left: 25px;} .left {float: left;} .right {float: right;} .center {margin: 0 auto; text-align: center;} form {margin: 10px 0;} label {display: block;} label em {font-weight: normal; color: #c00;} input {margin-bottom: 10px; padding: 2px; width: 250px; font-family: inherit;} select {margin-bottom: 10px; width: auto;} textarea {margin-bottom: 10px; padding: 2px; width: 400px;} input.button {width: auto; cursor: pointer;} input.radio {float: left; margin: 3px 10px 0 0; width: auto;} label.radio {float: left; margin-right: 3px; width: auto;} img {border: 0;} img.left, img[align="left"] {float: left; margin: 0 10px 10px 0;} img.right, img[align="right"] {float: right; margin: 0 0 10px 10px;} .error {padding-left: 20px; color:#f00;} .caption {font-style: italic; font-size: 90%;} .noShow {display: none;} hr {margin: 10px auto; width: 100%; height: 0; border-bottom: 1px dashed #ccc;} hr.cleaner {visibility: hidden; clear: both; margin: -1px 0 0 0; padding: 0; height: 1px; border: none;} .clear:after {content: "."; display: block; clear:both; height: 0; visibility: hidden;} .clearme {display: block; width: 100%; height: 10px; clear: both;} /* Pagination - change border colours if necessary -------------------------------------------------- */ div#pagination {margin-top: 3px; height: 50px;} div#pagination .count {display: inline; float: left; padding: 5px;} div#pagination .pages {display: inline; float: right; padding: 5px;} div.pagination {display: inline; float: right; margin: 3px; padding: 3px;} div.pagination a, .Rows a {margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #0c1a27; text-decoration: none;} div.pagination a:hover, div.pagination a:active, .Rows a:hover, .Rows a:active {border: 1px solid #999; color: #999;} div.pagination span.current {margin: 2px; padding: 2px 5px 2px 5px; background: #26537a; border: 1px solid #0c1a27; font-weight: bold; color: #FFF;} div.pagination span.disabled {margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #EEE; color: #DDD;} /* Structure and DIV specific styling -------------------------------------------------- */ #backgroundscene {background: url(../images/design/day/header.jpg) no-repeat top;} #container {margin: 0 auto; width: 990px; text-align: left;} #header {width: 990px; height: 190px; background: url(../images/design/day/header.jpg) no-repeat top; color: #FFF; position: relative;} #header h1, #header h2 {display: none;} @keyframes plane-hover {from {top: 30px;} to {top: 42px;} } @-moz-keyframes plane-hover {from {top: 30px;}to {top: 42px;} } @-webkit-keyframes plane-hover {from {top: 30px;} to {top: 42px;} } #plane-ani {display: block; position: absolute; top: 30px; right: 80px; width: 360px; height: 80px; background: url(../images/design/plane-link.gif) no-repeat; animation-name: plane-hover; animation-duration: 3s; animation-timing-function: ease; animation-delay: 0; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; /* Firefox: */ -moz-animation-name: plane-hover; -moz-animation-duration: 3s; -moz-animation-timing-function: ease; -moz-animation-delay: 0; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -moz-animation-play-state: running; /* Safari and Chrome: */ -webkit-animation-name: plane-hover; -webkit-animation-duration: 3s; -webkit-animation-timing-function: ease; -webkit-animation-delay: 0; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; } #plane-ani span {display: none;} #accesslinks {display: inline; float: right; width: 600px; padding: 5px 20px; text-align: right; font-size: 85%;} #accesslinks a {color: #fff;} #main {width: 990px;} /* ------------------ start menu classes for image replaced menus ----------------- */ #menu {width: 990px; height: 90px; display: block;} #menu ul {display: inline; margin: 0; padding: 0; list-style-type: none;} #menu li {display: inline; float: left; margin: 0; padding: 0; list-style: none;} #menu li a {display: block; height: 90px; background-repeat: no-repeat; background-position: top left;} #menu li a:hover {background-position: bottom left;} #menu li span {display: none;} #menu .menuitem_page_1 a {background-image: url(../images/design/day/menu_1.jpg); width: 140px;} #menu .menuitem_page_2 a {background-image: url(../images/design/day/menu_2.jpg); width: 140px;} #menu .menuitem_page_52 a {background-image: url(../images/design/day/menu_3.jpg); width: 160px;} #menu.demo .menuitem_page_52 a {background-image: url(../images/design/day/menu_3_new.jpg); width: 160px;} #menu .menuitem_page_3 a {background-image: url(../images/design/day/menu_4.jpg); width: 200px;} #menu .menuitem_page_4 a {background-image: url(../images/design/day/menu_5.jpg); width: 180px;} #menu .menuitem_page_5 a {background-image: url(../images/design/day/menu_6.jpg); width: 170px;} #menu .selected a {background-position: bottom left;} /* ------------------ ^^ end menu classes for image replaced menus ^^ ----------------- */ #contentWrapper {float: left; display: inline; width: 940px; padding: 20px 20px 20px 30px; background: url(../images/design/day/contentinner.jpg) top no-repeat;} #subnavholder {width: 218px; float: left; padding: 1px; background: #0f4ba6;} #subnav {background: #1775ff; padding: 5px 0;} #subnav ul {margin: 0; padding: 0;} #subnav li {display: block; margin: 0; padding: 0; } #subnav li a {text-decoration: none; background: url(../images/design/day/bullet.png) 10px 11px no-repeat; color: #fff; display: block; padding: 5px 10px 5px 30px;} #subnav li a:hover {background-color: #17d1ff;} #breadcrumbs {display: block; float: left; margin-bottom: 10px; width: 940px; font-size: 80%;} #breadcrumbs ul {margin: 0; padding: 0; float: left; display: inline; width: 700px; list-style: none;} #breadcrumbs li {display: inline; margin: 0; padding: 0;} #breadcrumbs li a {margin: 0 5px; color: #666;} #breadcrumbs a:hover {} #dateTime {float: right; display: inline; width: 180px; text-align: right; color: #666;} #content {float: right; display: inline; width: 700px;} .forcer {float: left; width: 0; height: 250px;} #newsFeeds {margin: 30px 10px 0px; font-size: 90%;} #newsFeeds li {list-style: none;} #newsFeeds li a {font-size: 110%;} #newsFeeds img {margin: 0px 10px 0px 0px; padding: 0;} #footer {clear: both; width: 100%; background: #004599 url(../images/design/day/footer.png) no-repeat center; font-size: 80%; color: #FFF;} #footercontent {width: 970px; height: 110px; padding: 30px 0 0 20px; margin: 0 auto; background: url(../images/design/day/footer_content.jpg) no-repeat; text-align: left;} #footer a {color: #FFF;} /* Required for the editor in the backend. Make sure background images etc are removed in this attrubute... */ #editor {margin: 0; padding: 0; width: 495px; min-height: 590px; background-image: none; background-color: #fff; border: 5px solid #898989; text-align: left;} #editor #mainContent, #editor #subContent {border-right: 1px solid #cacaca; min-height: 590px; } #mainContent {float: left; margin: 0; width: 400px;} #mainContent.twoColumns {width: 400px;} #mainContent.even {width: 300px;} #subContent {float: right; margin: 0; width: 200px;} #subContent.even {width: 300px;} #inlineForm_8 fieldset {width: 100px; margin-left: 0;} #inlineForm_8 fieldset label {float: left; clear: left;} #inlineForm_8 fieldset input {float: left; } .formElementContainer {clear: left; float: left;} .formElementContainer table {float: left;} .formCaptchaSection { clear: left; padding-top: 10px;} #forumUpdateForm label {float: left; clear: left; width: 150px; display: block;} #forumUpdateForm input {float: left;} #forumUpdateForm input.button {float: left; clear: left; } #inlineForm_64 {width: 200px;} #inlineForm_64 legend {width: 150px;} #inlineForm_64 label {float: left; clear: left; width: 100px;} #inlineForm_64 input {float: left; } .formElement-text label {display: block; width: 150px; float: left; clear: left;} .formElement-text input {float: left;} .formElement-rating {padding-top: 15px;} .formElement-rating label {float: left;} .formElement-rating table {clear: left;} .cms_form {} #reqm{ position: absolute; left:0px; top: 0px; margin: 0px; padding: 0px; } .ceop{ float:right; margin-top:-20px; }