html { height: 100%; } body { background: #FFF url(back.png) repeat; color: #D5D2D6; font-family: 'Open Sans', sans-serif; padding: 0px; margin: 0px; font-size: .78em; } p { margin: 0px; padding: 0px 0px 16px 5px; line-height: 1.7em; } .marquee { width: 670px; overflow: hidden; margin-left: 10px; } h1 { font-family: 'Open Sans', sans-serif; font-size: 108%; letter-spacing: .1em; } h2 { margin: 0px; padding: 0px 0px 4px 0px; font-size: 100%; color: #D5D2D6; } h3 { padding: 5px 0 2px 5px; font: normal 140% arial; text-shadow: 2px 2px #000000; color: #D5D2D6; } img { border: 0px; } a { outline: none; } a, a:hover { outline: none; text-decoration: none; color: #FF9C27; } a:hover { color: #F62752; text-decoration: none; } .left { float: left; padding: 0px 8px 0px 0px; } .right { float: right; padding: 0px 0px 0px 8px; } .center { display: block; text-align: center; margin: 0 auto; } blockquote { margin: 20px 0px 20px 0px; padding: 10px 20px 0px 20px; border-left: 8px solid; border-color: #FF9C27; } ul { margin: 8px 0px 0px 16px; padding: 0px; } ul li { list-style-type: square; margin: 0px 0px 11px 0px; padding: 0px; } ol { margin: 8px 0px 0px 24px; padding: 0px; } ol li { margin: 0px 0px 11px 0px; padding: 0px; } #main, #links, #footer, #logo, #menu, #content { margin-left: auto; margin-right: auto; } #main { width: 1014px; background: #414141 url(main.png) repeat-y; color: #D5D2D6; } #links { width: 956px; height: 20px; font-size: 88%; text-transform: uppercase; padding: 8px 21px 0px 19px; } #footer { width: 960px; height: 85px; font-size: 88%; text-transform: uppercase; padding: 8px 19px 0px 17px; text-align: center; border-top: 2px solid; border-color: #FF9C27 } #links { text-align: right; } #links a, #footer a { text-decoration: none; } #links a:hover, #footer a:hover { text-decoration: underline; } #logo { background: #FFF url(logo.jpg) no-repeat; color: #FF9C27; border-color: #FF9C27; width: 995px; height: 125px; border-top: 2px solid; border-bottom: 5px solid; } #logo h1, #logo h2 { margin: 0px; letter-spacing: .2em; } #logo h1 { padding: 20px 0px 0px 139px; font-size: 210%; text-shadow: 1px 1px #000000; } #logo h2 { padding: 5px 0px 0px 139px; font-size: 108%; text-shadow: 1px 1px #000000; } #menu { background: transparent; color: #D5D2D6; height: 30px; width: 995px; margin-top: -30px; position: relative; } #menu ul { margin: 0px auto; } #menu li { float: left; margin: 0px 5px 0px 0px; padding: 0px; list-style: none; } #menu li ul a { width: 100%; display: block; } #menu li a { float: left; height: 20px; text-decoration: none; padding: 6px 19px 2px 19px; border: 1px solid; text-transform: uppercase; font-size: 88%; z-index: 99999; } #menu li a:hover, #menu li a#selected, #menu li ul#selected, #menu li a#selected:hover { height: 20px; padding: 7px 20px 2px 20px; border: 0px; background: #FF9C27; color: #FFF; } ul.sf-menu, ul.sf-menu * { margin: 0; padding: 0; } ul.sf-menu { display: block; position: relative; } ul.sf-menu li { display: block; list-style: none; float: left; position: relative; } ul.sf-menu li:hover { visibility: inherit; } ul.sf-menu a { display: block; position: relative; } ul.sf-menu ul { position: absolute; left: 0; width: 150px; top: 30px; left: -999999px; } ul.sf-menu ul a { zoom: 1; } ul.sf-menu ul li { float: left; width: 150px; white-space: nowrap; } ul.sf-menu ul ul { top: 0; margin: 0 0 0 150px; } ul.sf-menu li:hover ul, ul.sf-menu li:focus ul, ul.sf-menu li.sf-hover ul, ul.sf-menu ul li:hover ul, ul.sf-menu ul li:focus ul, ul.sf-menu ul li.sf-hover ul, ul.sf-menu ul ul li:hover ul, ul.sf-menu ul ul li:focus ul, ul.sf-menu ul ul li.sf-hover ul, ul.sf-menu ul ul ul li:hover ul, ul.sf-menu ul ul ul li:focus ul, ul.sf-menu ul ul ul li.sf-hover ul { left: auto; } #content { width: 996px; overflow: hidden; } #column1 { width: 230px; margin: 22px 0px 0px 0px; float: right; padding: 19px 19px 15px 19px; } #menu li a, .sidebaritem { background: #545454; color: #D5D2D6; border-color: #787878; } .sidebaritem { text-align: left; width: 200px; float: left; margin: 0px 0px 23px 0px; border: 1px solid; padding: 14px 8px 14px 19px; } .sidebaritem h1 { margin: 0px; font-weight: normal; padding: 0px 0px 16px 0px; text-transform: uppercase; } .sidebaritem p { line-height: 16px; padding: 0px 0px 8px 0px; } .sidebaritem a, .sidebaritem a:hover { padding: 0px 0px 2px 19px; text-decoration: none; } .sbilinks { padding: 0px } .sbilinks ul { margin: 0px auto; } .sbilinks li a, .sidebaritem a { background: #545454 url(cog.png) no-repeat left center; color: #D5D2D6; } .sbilinks li { margin: 0px; float: left; list-style: none; } .sbilinks li a:hover, .sidebaritem a:hover { background: #545454 url(orange_cog.png) no-repeat left center; color: #FF9C27; } .sbilinks li a, .sbilinks li a:hover { float: left; height: 16px; text-decoration: none; padding: 5px 0px 4px 19px; width: 149px; } #column2 { text-align: justify; width: 600px; float: left; padding: 2px 3px 15px 19px; font-size: 102%; } #column2 h1 { font-family: 'Open Sans', sans-serif; padding: 16px 0px 5px 0px; margin: 0px 0px 12px 0px; border-bottom: 1px solid; font-size: 150%; text-shadow: 1px 1px #000000; text-transform: uppercase; font-weight: normal; } #column2 a, #column2 a:hover { padding: 0px 0px 2px 0px; text-decoration: none; } #column2 a:hover { background: #414141; color: #F62752; } h1, #column1 h1, #column2 h1 { background: transparent; color: #FF9C27; border-color: #787878; } #colour { margin: 0px 0px 20px 0px; } #colour a, #colour a:hover { border: 0px; } .lowerfont { font-size: 80%; } /* TABLE 1 */ table.table_1 tr:hover td { background: #F0F8FF !important; color: #000000; font: 100% 'Open Sans', sans-serif; text-shadow: 0px 0px #000000; } table.table_1 { margin: 10px 0 30px 0; font: normal 101% 'Open Sans', sans-serif; font-weight: 500; } table.table_1 tr th, table.table_1 tr { background: rgba(32, 152, 199, 1); background: -moz-linear-gradient(left, rgba(49, 92, 147, 1) 0%, rgba(73, 107, 153, 0.38) 50%, rgba(79, 112, 157, 0) 81%, rgba(133, 153, 180, 0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(49, 92, 147, 1)), color-stop(50%, rgba(73, 107, 153, 0.38)), color-stop(81%, rgba(79, 112, 157, 0)), color-stop(100%, rgba(133, 153, 180, 0))); background: -webkit-linear-gradient(left, rgba(49, 92, 147, 1) 0%, rgba(73, 107, 153, 0.38) 50%, rgba(79, 112, 157, 0) 81%, rgba(133, 153, 180, 0) 100%); background: -o-linear-gradient(left, rgba(49, 92, 147, 1) 0%, rgba(73, 107, 153, 0.38) 50%, rgba(79, 112, 157, 0) 81%, rgba(133, 153, 180, 0) 100%); background: -ms-linear-gradient(left, rgba(49, 92, 147, 1) 0%, rgba(73, 107, 153, 0.38) 50%, rgba(79, 112, 157, 0) 81%, rgba(133, 153, 180, 0) 100%); background: linear-gradient(to right, rgba(49, 92, 147, 1) 0%, rgba(73, 107, 153, 0.38) 50%, rgba(79, 112, 157, 0) 81%, rgba(133, 153, 180, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2098c7', endColorstr='#386e82', GradientType=1); color: #FFF; padding: 6px 4px; text-align: left; } table.table_1 td { padding: 4px 4px; text-align: left; } table.table_1 tr { background: #545454; color: #D5D2D6; text-align: left; text-shadow: 1px 1px #000000; } table.table_1 th { font-weight: 500; border-top: 1px solid #FF9C27; letter-spacing: .1em; } table.table_3 th { font-weight: 500; border-top: 1px solid #000000; letter-spacing: .1em; } /* TABLE 2 */ table.table_2 { margin: 10px 0 30px 0; font: normal 101% 'Open Sans', sans-serif; font-weight: 500; } table.table_2 tr th, table.table_2 tr { background: rgba(32, 152, 199, 1); background: -moz-linear-gradient(left, rgba(49, 92, 147, 1) 0%, rgba(73, 107, 153, 0.38) 50%, rgba(79, 112, 157, 0) 81%, rgba(133, 153, 180, 0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(49, 92, 147, 1)), color-stop(50%, rgba(73, 107, 153, 0.38)), color-stop(81%, rgba(79, 112, 157, 0)), color-stop(100%, rgba(133, 153, 180, 0))); background: -webkit-linear-gradient(left, rgba(49, 92, 147, 1) 0%, rgba(73, 107, 153, 0.38) 50%, rgba(79, 112, 157, 0) 81%, rgba(133, 153, 180, 0) 100%); background: -o-linear-gradient(left, rgba(49, 92, 147, 1) 0%, rgba(73, 107, 153, 0.38) 50%, rgba(79, 112, 157, 0) 81%, rgba(133, 153, 180, 0) 100%); background: -ms-linear-gradient(left, rgba(49, 92, 147, 1) 0%, rgba(73, 107, 153, 0.38) 50%, rgba(79, 112, 157, 0) 81%, rgba(133, 153, 180, 0) 100%); background: linear-gradient(to right, rgba(49, 92, 147, 1) 0%, rgba(73, 107, 153, 0.38) 50%, rgba(79, 112, 157, 0) 81%, rgba(133, 153, 180, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2098c7', endColorstr='#386e82', GradientType=1); color: #FFF; padding: 6px 4px; text-align: left; } table.table_2 td { padding: 4px 4px; text-align: left; } table.table_2 tr { background: #545454; color: #D5D2D6; text-align: left; text-shadow: 1px 1px #000000; } table.table_2 th { font-weight: 500; border-top: 1px solid #FF9C27; letter-spacing: .1em; } /* TABLE 3 */ table.table_3 { margin: 10px 0 30px 0; font: normal 101% 'Open Sans', sans-serif; font-weight: 500; } table.table_3 tr th, table.table_3 tr { background: #355C8E; border-top: 1px solid #FF9C27; color: #FFF; padding: 6px 4px; font: normal 101% 'Open Sans', sans-serif; font-weight: 500; } table.table_3 td { padding: 4px 4px; } table.table_3 tr { background: #545454; color: #D5D2D6; border-top: 1px solid #545454; padding: 6px 4px; } table.table_3 th { font-weight: 500; border-top: 1px solid #FF9C27; letter-spacing: .1em; text-shadow: 1px 1px #000000; } .orange { background: #414141 url(orange.png) no-repeat left center; color: #FF9C21; padding: 0px 40px 0px 20px; } h5 { color: #FF9C21; font: bold 175% 'Open Sans', sans-serif; text-shadow: 1px 1px #000000; letter-spacing: normal; position: relative; bottom: 109px; left: 17px; } section { display: block; } a.masterTooltip { cursor: pointer; } utip { text-decoration: underline; #FE7973; } maxtip { color: #F62752; font: bold .95em 'Open Sans', sans-serif; font-size: 13px; text-shadow: none; } mintip { color: #0091F7; font: bold .95em 'Open Sans', sans-serif; font-size: 13px; text-shadow: none; } .tooltip { display: none; position: absolute; border: 1px solid #FFFFFF; background-color: #000000; padding: 4px; color: #FFF; font: 'Open Sans', sans-serif; font-size: 12px; opacity: 0.8; } input#gobutton { -moz-box-shadow: inset 0px 0px 14px -3px #000000; -webkit-box-shadow: inset 0px 0px 14px -3px #DBDBDB; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #355C8E), color-stop(1, #525962)); background: -moz-linear-gradient(top, #355C8E 5%, #525962 100%); background: -webkit-linear-gradient(top, #355C8E 5%, #525962 100%); background: -o-linear-gradient(top, #355C8E 5%, #525962 100%); background: -ms-linear-gradient(top, #355C8E 5%, #525962 100%); background: linear-gradient(to bottom, #355C8E 5%, #525962 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#355C8E', endColorstr='#525962', GradientType=0); border: 1px solid #FF9C27; display: inline-block; cursor: pointer; font-family: 'Open Sans', sans-serif; font-weight: bold; margin: 5px 5px 5px 8.5px; width: 5.5em; height: 2em; text-decoration: none; text-shadow: 1px 1px #000000; font-size: 12px; color: #D5D2D6; } input#gobutton:hover, input#gobutton:focus { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D5D2D6), color-stop(1, #F0F8FF)); background: -moz-linear-gradient(top, #D5D2D6 5%, #F0F8FF 100%); background: -webkit-linear-gradient(top, #D5D2D6 5%, #F0F8FF 100%); background: -o-linear-gradient(top, #D5D2D6 5%, #F0F8FF 100%); background: -ms-linear-gradient(top, #D5D2D6 5%, #F0F8FF 100%); background: linear-gradient(to bottom, #D5D2D6 5%, #F0F8FF 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D5D2D6', endColorstr='#F0F8FF', GradientType=0); color: #000000; text-shadow: 0px 0px #000000; } .form_settings { margin: 15px 0 0 5px; } .form_settings p { padding: 0 0 4px 0; } .form_settings span { float: left; width: 200px; text-align: left; } .form_settings input, .form_settings textarea { padding: 5px; width: 299px; font: 100% arial; border: 1px solid #E5E5DB; background: #FFF; color: #47433F; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border: 7px 7px 7px 7px; } .form_settings .submit { font: 100% arial; border: 0; width: 99px; margin: 0 0 0 212px; height: 33px; padding: 2px 0 3px 0; cursor: pointer; background: #3B3B3B; color: #FFF; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border: 7px 7px 7px 7px; } .form_settings textarea, .form_settings select { font: 100% arial; width: 299px; } .form_settings select { width: 310px; } .form_settings .checkbox { margin: 4px 0; padding: 0; width: 14px; border: 0; background: none; } ul.enlarged { list-style-type: none; margin: 4px 2px; } ul.enlarged li { display: inline-block; position: relative; z-index: 0; margin: 5px 40px 0px 12px; } ul.enlarged img { background-color: #545454; padding: 4.5px; -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75); -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75); box-shadow: 0 0 6px rgba(132, 132, 132, .75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } ul.enlarged span { position: absolute; left: -9999px; background-color: #545454; padding: 10px; font-family: 'Open Sans', sans-serif; font-size: .9em; text-align: center; color: #D5D2D6; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .75)); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .75); box-shadow: 0 0 10px rgba(0, 0, 0, .75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } ul.enlarged li:hover { z-index: 50; cursor: pointer; } ul.enlarged span img { padding: 2px; background: #ccc; } ul.enlarged li:hover span { top: -400px; left: -23px; } ul.enlarged li:hover:nth-child(2) span { left: -162px; } ul.enlarged li:hover:nth-child(3) span { left: -302px; } ul.enlarged li:hover:nth-child(4) span { left: -442px; } ul.enlarged li:hover:nth-child(5) span { left: -581px; } ul.enlarged li:hover:nth-child(6) span { left: -722px; } ul.enlarged img, ul.enlarged span { behavior: url(pie/PIE.htc); } pre { font: normal .95em 'Open Sans', sans-serif; color: #000000; letter-spacing: 0.7px; padding: 5px; }