/* reset */

table, tr, th, td {
border-collapse: collapse;
}
button, .button {
background-color: #204477;
}
textarea, input, select {
border-color: #cccccc;
}
textarea, input, select {
border-style: solid;
}
textarea, input, select {
border-width: 1px;
}
button, .button, dl ul input, img {
border-width: 0;
}
h1 {
color: #ed1c24;
}
button, .button {
color: #ffffff;
}
h2, a {
color: #204477;
}
div, h1, .h1, h2, .h2, h3, h4, p, ul, dl, dt, dd, button, .button, img {
display: block;
}
form, dl li input {
display: inline;
}
dt {
float: left;
}
h1, .h1, h2, .h2, h3, h4 big, p big, .dropdown ul, .dropdown li, .dropdown a, .contact dl, .contact dt, .contact dd, .submenu ul, .submenu li, .tabs ul, .tabs li, .tabs a {
font-family: arial, helvetica, sans-serif;
}
html, body, div, h4, p, ul, li, dl, dt, dd, textarea, input, select, option, button, .button {
font-family: verdana, arial, helvetica, sans-serif;
}
h1 big {
font-size: 36px;
}
h1, .h1, h2 big {
font-size: 24px;
}
h1 small, h2, .h2, h3 big {
font-size: 19px;
}
h3, p big, .dropdown ul, .dropdown li, .dropdown a, .contact dl, .contact dt, .contact dd, .submenu ul, .submenu li, .tabs ul, .tabs li, .tabs a {
font-size: 14px;
}
html, body, div, h2 small, h4, p, ul, li, dl, dt, dd, textarea, input, select, option, button, .button {
font-size: 11px;
}
h1, .h1, h2, .h2, h3, h4, p big, button, .button, .dropdown ul, .dropdown li, .dropdown a, .contact dl, .contact dt, .contact dd, .submenu ul, .submenu li, .tabs ul, .tabs li, .tabs a {
font-weight: bold;
}
dl li {
list-style: none;
}
h1, .h1, h2, .h2, h3, h4, p, ul, li, dl, dt, dd, textarea, input, select, option, button, .button, table, tr, th, td {
margin: 0;
}
dd, dd li {
margin-bottom: 6px;
}
dl li input {
margin-bottom: -3px;
}
.contact dt, .contact dd {
margin-bottom: 1px;
}
li {
margin-left: 18px;
}
dl li {
margin-left: 0;
}
dd {
margin-left: 72px;
}
.col.b .row .col.span2 dd, .col.b .row .col.span4 dd {
margin-left: 108px;
}
dl li input {
margin-right: 3px;
}
li, dt, dd, option, table, tr, th, td {
padding: 0;
}
h1, .h1, h2, .h2, h3, h4, p, ul, dl {
padding: 6px;
}
textarea, input, select {
padding: 1px;
}
button, .button {
padding: 6px 0;
}
dl ul, dl li input {
padding: 0;
}
th, td {
padding: 6px;
}
.contact dl {
padding-top: 0;
}
.button {
text-align: center;
}
.button {
text-decoration: none;
}
button, .button {
width: 108px;
}

/* listen live */

.listenlive {
background-color: transparent;
margin-left: 633px;
margin-top: 154px;
overflow: hidden;
position: absolute;
z-index: 90;
}
.listenlive, .listenlive a {
display: block;
height: 63px;
width: 63px;
}
.listenlive span {
display: none;
}

/* common */

html, body, .frame {
overflow-y: auto;
}
.restrict.x {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
}
.restrict.y {
height: 100%;
left: 0;
overflow: auto;
overflow-y: scroll;
position: absolute;
top: 0;
width: 100%;
}
.block {
display: none;
}
.lock .block {
background-color: transparent;
background-image: url(block.png);
background-position: top left;
background-repeat: repeat;
color: #ffffff;
display: block;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}

/* frame */

.frame {
background-color: #ed1c24;
color: #000000;
margin: 0;
overflow: hidden;
text-align: center;
}

/* container */

.container {
margin: 0 auto;
width: 948px;
}

/* grid */

.grid {
margin: 0 auto;
overflow: hidden;
text-align: left;
width: 948px;
}

/* row */

.row {
clear: both;
overflow: hidden;
}
.panel .row {
padding-top: 12px;
}
.panel .row:first-child {
padding-top: 0;
}

/* col */

.col {
float: left;
margin-left: 12px;
min-height: 1px;
overflow: hidden;
}
.col:first-child {
margin-left: 0;
}
.col.a {
width: 948px;
}
.col.a .col.logo {
width: 300px;
}
.col.a .col.rh, .col.a .col.rh .row {
width: 636px;
}
.col.a .col.advert, .col.a .col.advert-large {
float: right;
}
.col.a .col.advert {
width: 492px;
}
.col.a .col.advert-large {
width: 624px;
}
.col.a .panel .col.span1 {
width: 222px;
}
.col.a .panel .col.span2 {
width: 456px;
}
.col.a .panel .col.span3 {
width: 690px;
}
.col.b {
width: 636px;
}
.col.b .panel .col.span1 {
width: 144px;
}
.col.b .panel .col.span2 {
width: 300px;
}
.col.b .panel .col.span3 {
width: 456px;
}
.col.b .panel .col.span4 {
width: 612px;
}
.col.c {
width: 480px;
}
.col.c .panel .col.span1 {
width: 144px;
}
.col.c .panel .col.span2 {
width: 300px;
}
.col.c .panel .col.span3 {
width: 456px;
}
.homepage .col.c .panel .col.span1 {
height: 214px;
}
.col.d {
width: 456px;
}
.col.e {
width: 324px;
}
.col.f {
width: 300px;
}
.col.f .panel .col.span1 {
width: 82px;
}
.col.g {
width: 144px;
}
.col.h {
width: 234px;
}
.col.float-right {
float: right;
margin-bottom: 12px;
margin-left: 12px;
}

/* panel */

.panel {
overflow: hidden;
}
.panel .panel {
margin-bottom: 0;
}
.panel .top {
height: 12px;
}
.panel .top .left, .panel .top .right {
height: 12px;
width: 12px;
}
.panel .bottom {
height: 24px;
}
.panel .bottom .left, .panel .bottom .right {
height: 24px;
width: 12px;
}
.panel .top .left, .panel .bottom .left {
float: left;
}
.panel .top .right, .panel .bottom .right {
float: right;
}
.panel .top {
background-position: top center;
}
.panel .top .left {
background-position: top left;
}
.panel .top .right {
background-position: top right;
}
.panel .middle {
background-position: top center;
}
.panel .middle .left {
background-position: center left;
padding: 0 0 0 12px;
}
.panel .middle .right {
background-position: center right;
padding: 0 12px 0 0;
}
.panel .bottom {
background-position: bottom center;
}
.panel .bottom .left {
background-position: bottom left;
}
.panel .bottom .right {
background-position: bottom right;
}

/* panel.xxxxxx */

.panel.blank .top, .panel.blank .left, .panel.blank .right, .panel.blank .middle, .panel.blank .bottom, .panel .panel.blank .top, .panel .panel.blank .left, .panel .panel.blank .right, .panel .panel.blank .middle, .panel .panel.blank .bottom {
background-image: url(panel.blank.gif);
color: #000000;
}
.panel.transparent .top, .panel.transparent .left, .panel.transparent .right, .panel.transparent .middle, .panel.transparent .bottom, .panel .panel.transparent .top, .panel .panel.transparent .left, .panel .panel.transparent .right, .panel .panel.transparent .middle, .panel .panel.transparent .bottom {
background-image: url(panel.transparent.gif);
color: #000000;
}

/* header */

.header {
background-position: bottom center;
}
.header h1, .header h2, .header h3, .header h4 {
padding-bottom: 6px;
padding-top: 0;
}
.header a {
text-decoration: none;
}
.header .top {
height: 6px;
}
.header .top .left, .header .top .right {
height: 6px;
width: 6px;
}
.header .top .left, .header .bottom .left {
float: left;
}
.header .top .right, .header .bottom .right {
float: right;
}
.header .top {
background-position: top center;
}
.header .top .left {
background-position: top left;
}
.header .top .right {
background-position: top right;
}

/* header.xxxxxx */

.header.fill, .header.fill .top, .header.fill .left, .header.fill .right {
background-image: url(header.fill.gif);
}
.header.dazzle, .header.dazzle .top, .header.dazzle .left, .header.dazzle .right, .header.dazzle a {
background-image: none;
}
.header.fill, .header.fill .top, .header.fill .left, .header.fill .right, .header.fill a, .header.fill h2 {
color: #ffffff;
}
.header.dazzle, .header.dazzle .top, .header.dazzle .left, .header.dazzle .right, .header.dazzle a, .header.dazzle h2 {
color: #ed1c24;
}

/* head */

.head {
background-image: url(head.jpg);
background-position: bottom left;
background-repeat: no-repeat;
color: #ffffff;
height: 229px;
margin-top: 12px;
}

/* logo */

.logo {
height: 142px;
}
.logo h1 {
display: none;
}
.logo h2 {
color: #ffffff;
font-size: 23px;
margin-left: 12px;
}
.logo a {
display: block;
height: 84px;
width: 300px;
}

/* advert */

.advert {
}

/* dropdown */

.dropdown ul, .dropdown li {
list-style: none;
margin: 0;
padding: 0;
}
.dropdown a {
background-color: transparent;
color: #204477;
display: block;
text-decoration: none;
}
.dropdown ul {
margin-top: 15px;
}
.dropdown ul li {
float: left;
margin-right: 6px;
}
.dropdown ul li a {
display: block;
padding: 6px 0;
text-align: center;
width: 72px;
}
.dropdown ul li ul {
display: none;
margin-top: 0;
position: absolute;
z-index: 99;
}
.dropdown ul li:hover ul, .dropdown ul li.hover ul {
display: block;
}
.dropdown ul li:hover a, .dropdown ul li.hover a  {
background-color: #ffffff;
color: #204477;
}
.dropdown ul li ul li {
float: none;
width: 144px;
}
.dropdown ul li ul li a {
background-color: #ffffff;
color: #204477;
padding: 6px;
text-align: left;
width: 132px;
}
.dropdown ul li a.active {
background-color: transparent;
background-image: url(menu.active.png);
color: #ffffff;
}
.dropdown ul li:hover a.active, .dropdown ul li.hover a.active, .dropdown ul li a.active:hover {
 /*   background-color: #ee1f8a; */
}
.dropdown ul li:hover ul li a.active, .dropdown ul li.hover ul li a.active, .dropdown ul li ul li a.active {
background-color: #ee1f8a;
background-image: none;
color: #ffffff;
}

/* submenu */

.row.submenu {
padding-top: 6px;
}
.submenu ul, .submenu li {
list-style: none;
margin: 0;
padding: 0;
}
.submenu li {
border-top: 1px dotted #cccccc;
padding: 6px;
}
.submenu li:first-child {
border-top: none;
}
.submenu a {
text-decoration: none;
}
.submenu a.active {
color: #ed1c24;
}

/* live */

.live h1, .live h2, .live a {
color: #ffffff;
}
.live h2 {
padding-bottom: 0;
}
.live h1 {
padding-top: 0;
}
.live a {
text-decoration: none;
}

/* contact */

.contact {
color: #204477;
}
.contact a {
color: #ed1c24;
text-decoration: none;
}

/* slideshow */

.slideshow, .slideshow ul, .slideshow li, .slideshow .slides a {
display: block;
float: left;
list-style: none;
margin: 0;
padding: 0;
text-decoration: none;
}
.slideshow img {
border: none;
}
.slideshow, .slideshow .slides, .slideshow .slides ul, .slideshow .slides li, .slideshow .slides a, .slideshow .menu {
height: 250px;
overflow: hidden;
width: 432px;
}
.slideshow .slides, .slideshow ul {
position: relative;
}
.slideshow .slides ul {
width: 10000px;
}
.slideshow .menu {
height: 31px;
margin-top: -31px;
position: absolute;
}
.slideshow .menu ul {
float: right;
}
.slideshow .menu li {
background-color: transparent;
background-image: url(slideshow.inactive.png);
color: #ffffff;
cursor: pointer;
font-weight: bold;
height: 13px;
margin: 6px 0 0 6px;
padding: 6px 0;
text-align: center;
width: 25px;
}
.slideshow .menu li.active {
background-image: url(slideshow.active.png);
color: #ffffff;
}
.slideshow .h2 {
background-color: #ffffff;
color: #ed1c24;
cursor: pointer;
display: block;
height: 58px;
margin-top: 217px;
width: 432px;
}

/* scroller */

.scroller, .scroller ul, .scroller li, .scroller .slides a {
display: block;
float: left;
list-style: none;
margin: 0;
padding: 0;
text-decoration: none;
}
.scroller img {
border: none;
}
.scroller {
width: 924px;
}
.scroller .slides {
margin-left: 6px;
}
.scroller .slides, .scroller .slides ul  {
width: 912px;
}
.scroller, .scroller .slides, .scroller .slides ul, .scroller .slides li, .scroller .slides a, .scroller .arrow, .scroller .arrow a {
height: 120px;
overflow: hidden;
}
.scroller .slides li, .scroller .slides a, .scroller .menu {
width: 120px;
}
.scroller .slides, .scroller ul {
position: relative;
}
.scroller .slides ul {
width: 10000px;
}
.scroller .slides li {
background-color: #cccccc;
margin-left: 12px;
}
.scroller .slides li:first-child {
margin-left: 0;
}
.scroller .mask {
margin-left: -132px;
margin-top: 120px;
position: absolute;
z-index: 998;
}
.scroller .arrow {
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
color: #ffffff;
cursor: pointer;
float: left;
overflow: hidden;
position: absolute;
width: 6px;
z-index: 999;
}
.scroller .arrow.prev {
background-image: url(scroller.arrow.prev.png);
margin-left: -6px;
}
.scroller .arrow.next {
background-image: url(scroller.arrow.next.png);
margin-left: 924px;
}

/* register */

.register .middle {
height: 250px;
}
.register dt, .register dd {
clear: both;
float: none;
margin: 0;
}
.register dt {
padding: 0 0 6px 0;
}
.register input {
margin-bottom: 6px;
width: 104px;
}

/* title */

.title .col {
border-bottom: 1px dotted #cccccc;
}

/* tabs */

.tabs {
border-bottom: 1px dotted #cccccc;
margin-bottom: 6px;
padding-bottom: 12px;
}
.tabs ul, .tabs li {
list-style: none;
margin: 0;
padding: 0;
}
.tabs a {
background-color: #90a1bb;
color: #204477;
display: block;
text-decoration: none;
}
.tabs ul li {
float: left;
margin-right: 6px;
}
.tabs ul li a {
display: block;
padding: 6px;
}
.tabs ul li a.active {
background-color: #ed1c24;
color: #ffffff;
}

/* image */

.image {
background-color: #cccccc;
overflow: hidden;
}
.image .container {
background-position: center center;
background-repeat: no-repeat;
overflow: hidden;
}
.image .container a {
background-color: transparent;
display: block;
overflow: hidden;
}

/* link */

.link ul, .link li {
list-style: none;
margin: 0;
padding: 0;
}
.link li {
background-image: url(arrow.gif);
background-position: 6px 7px;
background-repeat: no-repeat;
padding: 6px 6px 6px 18px;
}

/* grid */

.grid h3 {
margin-top: 6px;
padding-bottom: 0;
}
.grid h3 a {
color: #204477;
text-decoration: none;
}
.grid h2 {
margin-top: 3px;
padding-bottom: 0;
}
.grid h2 a {
color: #ed1c24;
text-decoration: none;
}

/* listing */

.listing .row {
border-top: 1px dotted #cccccc;
margin-top: 6px;
padding-top: 6px;
}
col.f .listing .row {
min-height: 62px;
}
.row:first-child {
border-top: 0;
}
.col.f .listing .row:first-child {
min-height: 63px;
margin-top: 12px;
}
.listing .image {
float: left;
margin-right: 6px;
}
.listing .text ul {
padding-top: 0;
}
.listing h3 a {
color: #204478;
text-decoration: none;
}
.listing.directory .row {
margin-top: 0;
padding-top: 0;
}
.listing.directory .highlight {
background-color: #ffffdd;
border: 6px solid #ffdd00;
margin: 6px 0;
padding: 6px;
}
.listing.directory .highlight .image {
float: right;
margin-right: 0;
}
.listing .buynow, .listing .download {
float: right;
margin-left: 12px;
margin-top: 6px;
}

/* mask */

.mask-468x60, .mask-300x250, .mask-120x600, .mask-144x96 {
background-color: transparent;
position: absolute;
}
.mask .tl, .mask .tr, .mask .bl, .mask .br {
background-color: transparent;
background-image: url(mask.png);
height: 6px;
position: absolute;
width: 6px;
z-index: 98;
}
.mask .tl {
background-position: top left;
}
.mask .tr {
background-position: top right;
}
.mask .bl,  .br {
margin-top: -6px;
}
.mask .bl {
background-position: bottom left;
}
.mask .br {
background-position: bottom right;
}
.mask.d468x60 .tl, .mask.d468x60 .tr {
margin-top: -60px;
}
.mask.d468x60 .tr, .mask.d468x60 .br {
margin-left: 462px;
}
.mask.d432x250 .tl, .mask.d432x250 .tr {
margin-top: -250px;
}
.mask.d432x250 .tr, .mask.d432x250 .br {
margin-left: 426px;
}
.mask.d300x250 .tl, .mask.d300x250 .tr {
margin-top: -250px;
}
.mask.d300x250 .tr, .mask.d300x250 .br {
margin-left: 294px;
}
.mask.d300x225 .tl, .mask.d300x225 .tr {
margin-top: -225px;
}
.mask.d300x225 .tr, .mask.d300x225 .br {
margin-left: 294px;
}
.mask.d144x96 .tl, .mask.d144x96 .tr {
margin-top: -96px;
}
.mask.d144x96 .tr, .mask.d144x96 .br {
margin-left: 138px;
}
.mask.d120x600 .tl, .mask.d120x600 .tr {
margin-top: -600px;
}
.mask.d120x600 .tr, .mask.d120x600 .br {
margin-left: 114px;
}
.mask.d132x88 .tl, .mask.d132x88 .tr {
margin-top: -88px;
}
.mask.d132x88 .tr, .mask.d132x88 .br {
margin-left: 126px;
}
.mask.d116x62 .tl, .mask.d116x62 .tr {
margin-top: -62px;
}
.mask.d116x62 .tr, .mask.d116x62 .br {
margin-left: 110px;
}
.mask.d84x84 .tl, .mask.d84x84 .tr {
margin-top: -84px;
}
.mask.d84x84 .tr, .mask.d84x84 .br {
margin-left: 78px;
}
.mask.d84x88 .tl, .mask.d84x88 .tr {
margin-top: -88px;
}
.mask.d84x88 .tr, .mask.d84x88 .br {
margin-left: 78px;
}

/* footer */

.footer {
background-color: #204477;
color: #ffffff;
}
.footer a {
background-color: transparent;
color: #ffffff;
}

/* modal */

.modal {
background-color: transparent;
text-align: left;
}
.modal.small {
margin: 50px auto 0 auto;
width: 338px;
}
.modal.large {
margin: 50px auto 0 auto;
text-align: center;
width: 636px;
}
.modal .header {
margin-bottom: 6px;
}
.modal input, .modal textarea {
width: 218px;
}
.modal input.checkbox {
width: 13px;
}
.modal .action {
text-align: right;
}
.modal .action .cancel {
float: left;
}
.modal .action button {
margin-left: auto;
}
.modal .confirm {
margin-top: 6px;
text-align: center;
}
.modal .confirm button {
margin-left: auto;
margin-right: auto;
}
.modal .error {
color: #ed1c24;
}

/* captcha */

.captcha {
margin-bottom: 6px;
}

/* button pmsg */

.button.enqmsg {
margin: 6px;
padding: 12px 0;
width: 264px;
}

/* button pmsg */

.button.pmsg {
margin: 6px 0;
padding: 12px 0;
width: 300px;
}

/* highlight */

.highlight {
background-color: #ffffdd;
border: 6px solid #204477;
margin: 6px 0;
padding: 6px;
}

/* zebra */

.zebra {
width: 100%;
}
.zebra tr.zebra0 td {
background-color: #ffffff;
}
.zebra tr.zebra1 td {
background-color: #e8ecf1;
}

/* toggles */

.toggles {
min-height: 225px;
}

/* poll */

.poll ul, .poll li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.poll ul {
    padding: 3px 0;
}
.poll li {
    clear: both;
    padding: 3px 6px;
    width: 100%;
}
.poll .checkbox {
    background-image: url(checkbox.gif);
    display: block;
    height: 19px;
    float: left;
    width: 19px;
}
.poll .checkbox.checked {
    background-image: url(checkbox.checked.gif);
}
.poll .background {
    background-color: #cccccc;
    display: block;
    float: left;
    margin-left: 3px;
    overflow: hidden;
    width: 100px;
}
.poll .foreground {
    background-color: #ed1c24;
    color: #ffffff;
    display: block;
    padding: 3px;
}
.poll .option {
    display: block;
    float: left;
    margin-left: 12px;
    padding: 3px 0;
}
.poll .option.bold {
    font-weight: bold;
}

		/* Sky News constituency widget */
		#elecPcodeSrch * {margin:0;padding:0; font-family: Arial, Helvetica, sans-serif}
		#elecPcodeSrch a {outline: none;}
		#elecPcodeSrch img.logo {height: auto; position: absolute; top: 12px; left: 9px; text-align: center}
		#elecPcodeSrch h2 {margin:0; color: #000; font-size: 14px; font-weight: bold; padding-top: 43px; text-transform: uppercase; padding-right: 0}
		#elecPcodeSrch {background: url(http://news.sky.com/sky-news/app/img/election-constituency-widget/bg.jpg) no-repeat; height: 286px; margin-bottom: 10px; padding: 0 0 0 12px; position: relative; z-index:999}
		#elecPcodeSrch p {color: #000; font-size: 12px; padding: 2px 0 0; font-weight: normal;}
		#elecPcodeSrch p.label {padding-top: 13px; padding-bottom: 2px;}
		#elecPcodeSrch .elecPcodeSrch_footer p {padding-top: 4px; text-transform: none; font-size: 9px}
		#elecPcodeSrch .elecPcodeSrch_footer p #elecpCode_error {color: #f00}
		#elecPcodeSrch .formTxt {float: left; width: 114px; border: 1px solid #000; background: #fff; padding: 2px; height: 17px}
		#elecPcodeSrch .formTxt input {display: block; width: 100%; font-size: 12px; color: #333; background: none; border: 0}
		* html #elecPcodeSrch .formTxt input {padding-top: 1px; padding-bottom: 1px}
		#elecPcodeSrch .submit {float: left; width: 46px}
		#elecPcodeSrch a {text-decoration: none}
		#elecPcodeSrchSubmit {margin-top: 6px}
		#elecPcodeSrch .submit a {display: block; background: url(http://news.sky.com/sky-news/app/img/election-constituency-widget/btn-go.gif) no-repeat; text-indent: -9999px; height: 23px; display: block; cursor: pointer}
		#elecPcodeSrch .submit a:hover {background-position: 0 -24px}
		#elecPcodeSrch .elecPcodeSrch_footer p a:hover {text-decoration: underline}
		#elecPcodeSrch .elecPcodeSrch_footer {clear: both; overflow: hidden; width: 100%}
		#elecPcodeSrch .elecPcodeSrch_footer p a {color: #000}
		#elecPcodeSrch span.error {display: none;}
		#elecPcodeSrch span.errorShow {display: inline;}
		#elecPcodeSrch_results {position: absolute; width: 206px; z-index: 999; left: 12px; top: 159px; background: #fff; border: 1px solid #999; padding: 3px 0}
		#elecPcodeSrch_results.hide {display: none}
		#elecPcodeSrch_results ul {margin: 0 3px;}
		#elecPcodeSrch_results li {color: #333; font-size: 11px; list-style: none; position: relative; display: block}
		#elecPcodeSrch_results li span {position: absolute; top: 4px; right: 4px;}
		#elecPcodeSrch_results li a {display: block; background: url(http://news.sky.com/sky-news/app/img/elec_arrow.gif) no-repeat 172px 8px; color: #333; padding: 3px; }
		#elecPcodeSrch_results li a:hover, #elecPcodeSrch_results li.selected a {background-color: #ddd; cursor: pointer}
		#elecPcodeSrch .error_hide {display: none;}
		#elecPcodeSrch p#elecPcode_noJSLink {margin-top: 10px}
		#elecPcodeSrch p#elecPcode_noJSLink a {color: #000;}
		/* end Sky News constituency widget */

.weatherfeed {
  width: 456px;
  height: 124px;
  overflow: hidden;
  font-family: helvetica, arial;
  padding: 0;
  margin: 0;
}
        
.weatherfeed img {
  float: center;
  padding: 0;
  margin: 0;
  display: inline;
}
        
.weatherfeedhead  {
  width: 456px;
  height: 26px;
  font-weight: bold;
  background-image: url(head.gif);
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.weatherfeedhead.weatherfor {        
  color: #ed1c24;
  padding: 0;
  margin: 0;
}
        
.weatherboxcont {
  width: 152px;
  border: none;
  padding: 0;
  margin: 0;
  float: left;
}
        
.weatherbox {
  text-align: center;
  width: 152px;
  height: 98px;
  margin: 0;
  float: left;
  padding: 0;
}

.infowindow {
  width: 300px;
  font-family: arial, sans serif;
  font-size: 12px;
}

.infowindow img{
  display: inline;
}

.everythingtraffic {
  width: 610px;
  overflow: hidden;
}

.googlemap {
  border: 1px solid black;
  width: 608px;
  height: 400px;
}

#trafficinfocontainer {
  border: 1px solid black;
  width: 608px;
  max-height: 300px;
  font-family: arial, sans serif;
  font-size: 12px;
  background: #ed1c24;
  padding: 0;
  margin: 0;
  overflow: auto;
  text-align: center;
}
 
#selectmenu {
  width: 100%;
  float: left;
  background-color: #fe2d35;
}
  
#selectmenu ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

#selectmenu li {
  float: left;
  display: inline;
  margin:0;
  padding:0;
}

#selectmenu li a {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  display:block;
  padding: 5px;
}

#selectmenu li a img{
  width: 20px;
  float: left;
}

#selectmenu a:hover,a:active {
  background-color: #ed1c24;
}
  
#trafficinfocontainer h1 {
  width: 578px;
  color: #204478;
  float: left;
  margin: 0;
}

#legend {
  width: 600px;
  height: 40px;
  margin: 10px 0;
}

#legend img {
  display: inline;
  margin: 0 0 0 10px;
}

.trafficinfo img {
  display: inline;
  margin: 0 0 0 10px;
}

.trafficinfo {
  width: 541px;
  height: 80px;
  margin: 0 auto 10px 10px;
  overflow: hidden;
  padding: 10px;
  background: White;
  text-align: left;
}

.pollcont {
	margin: 0;
        width: 124px;
        padding: 0 5px;
        max-height: 264px;
        font-family: arial;
	height: 250px;
	overflow: hidden;
        }
        
.pollhead {
	margin: 0;
        color: #000;
        }

.polllegend {
        width: 124px;
        font-size: 11px;
        float: left;
        }
 
.pollgraphbox {
        background-image: url("pollbarbg.gif");
        width: 124px;
        margin: 0;
        padding: 0;
        float: left;
        }
        
.pollgraphbar  {
        background-color: transparent;
        background-image: url("pollbg.gif");
        background-repeat: repeat-y;
        border-left: none;
        float: left;
        height: 21px;
        width: 124px;
        border-bottom: 1px solid #ccc;
        margin: 0;
        padding: 0;
        }


#calendarcontainer {
        font-family: arial, verdana, helvetica, sans-serif;
        padding: 5px;
        margin: 0 0 50px;
        width: 605px;
        float: left;
        overflow: hidden;
        }
        
#calendarhead {
        display: block;
        width: 605px;
        text-align: center;
        font-family: arial, verdana, helvetica, sans-serif;
        float: left;
        padding: 0;
        margin: 0;
        height: 40px;
        }
        
#calendarhead h2 {
        display: block;
        float: left;
        width: 530px;
        color: #204478;
}

#calendarhead img {
        display: inline;
        float: left;
}

.calendarlegend {
        display: block;
        float: left;
        font-size: 11px;
        width: 605px;
        height: 210px;
}
        
#calendarheadcont {
        display: block;
        width: 605px;
        float: center;
        margin: 0 auto;
}

.calendar.button {
        display: block;
        float: left;
}

#calendarcontainer h3 {
        display: inline;
        font-size: 14px;
        font-weight: 900;
        }
            
.calendardaycontainer {
        display: block;
        float: left;
        width: 146px;
        height: 148px;
        background-color: #fff;
        float: left;
        white-space: normal;
        font-size: 12px;
        border-left: 1px dotted #204478;
        }


.sm {list-style:none; width:609px; height:150px; display:block; overflow:hidden; padding: 0; margin: 0;}
.sm li {float:left; display:inline; overflow:hidden; margin: 0;}

.calendardaycontainer h3 {
        padding: 0;
        line-height: 14px;
        width: 146px;
        }
        
.calendardaycontainer p {
        margin: 0 0 0 5px;
        padding: 0;
        }
        
.calendardaycontainer a {
        display: block;
        margin: 0;
        padding: 5px 0 0 10px;
        width: 146px;
        }

.calendarday {
        color: #fff;
        padding: 6px 0;
        text-align: left;
        padding-left: 10px;
        background-color: #204478;
        background-repeat: no-repeat;
        background-position: top left;
}

#calendardatescont {
        width: 599px;
        height: 150px;
        overflow: hidden;
}
        
#calendardisplay {
        display: block;
        font-family: arial, verdana, helvetica, sans-serif;
        padding: 0;
        float: left;
        margin: 0 auto;
        overflow: auto;
        width: 599px;
        white-space: nowrap;
        height: 148px;
        overflow: hidden;
        }
        
#calendarevents {
        font-family: arial, verdana, helvetica, sans-serif;
        padding: 0;
        float: left;
        margin: 10px 0 0 0;
        width: 605px;
        height: 97px;
        overflow-y: hidden;
        overflow-x: hidden;
        }

.calendarevent {
        width: 605px;
        height: 87px;
        padding: 5px;
        background-color: #efefef;
        margin: 0 0 10px 0;
        font-size: 12px;
}

.calendarevent h2 {
        font-size: 13px;
        padding: 5px 0 1px 0px;
}

.calendarevent img {
        margin-right: 10px;
        display: inline;
        float: left;
}

.calendarevent h3 {
        font-size: 12px;
        padding: 5px 0 1px 5px;
}

.calendarevent p {
        margin: 5px 0 1px 5px;
}

.roundedcorner {
        width: 6px;
        height: 148px;
        background-image: url(chbg2.png);
        background-position: top right;
        background-repeat: no-repeat;
        float: left;
        display: block;
}

     
.eventerror {
  color: red;
}
      
.eventerror strong {
  color: #000;
}
      
.formcont {
  width: 612px;
  text-align: center;
}

.formalign {
  width: 520px;
  margin: 0 auto;
  text-align: left;
  float: center; 
}
      
.formcont input {
  background-color: #eeeeee;
  border: 1px solid #777;
  margin: 0 0 0 20px;
  width: 400px;
  height: 20px;
}
      
.formcont textarea {
  background-color: #eeeeee;
  border: 1px solid #777;
  margin: 0 0 0 20px;
  width: 400px;
  height: 100px;
}
            
.formcont select {
  background-color: #eeeeee;
  border: 1px solid #777;
  margin: 0 0 0 20px;
}

.formcont button {
  color: black;
  background-color: #eeeeee;
  border: 1px solid #777;
  margin: 20px 0 0 20px;
  width: 100px;
  height: 30px;
}

.formcont dt {
  margin: 10px 0 5px 0;
}

.compform dl {
  display: block;
  width: 270px;
  float: left;
  margin-bottom: 12px;
}

.compform dt {
  margin-bottom: 2px;
  width: 128px;
}

.compform dd {
  margin-bottom: 6px;
}

.compform button {
  margin: 36px auto 0 auto;
}

.compform .compformerror {
  color: red;
  font-size: 12px;
  margin-left: 6px;
  padding-left: 18px;
  background-image: url(warning.png);
  background-repeat: no-repeat;
}

.compform .errors {
  width: 100%;
  display: block;
  float: left;
  margin: 12px 0;
}

.compform .warning {
  background-image: url(warning.png);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  display: block;
  float: left;
  margin-right: 6px;
}

/* ---------------------------------------------- */

.datepicker_vista {
	position: absolute;
	font-size: 10px;
	font-family: Tahoma, sans-serif;
	color: #000;
	line-height: normal;
	width: 172px;
	height: 135px;
	padding: 14px;
	background: url(frame.png) no-repeat;
}

/* header
********************************************************/
.datepicker_vista .header {
	position: relative;
	height: 15px;
	margin-bottom: 5px;
	padding-top: 1px;
}

.datepicker_vista .header .title {
	text-align: center;
	margin: 0 18px 0 18px;
}

.datepicker_vista .header .titleText {
}

.datepicker_vista .header .previous,
.datepicker_vista .header .next,
.datepicker_vista .header .closeButton {
	position: absolute;
	cursor: pointer;
	text-indent: -40px;
	overflow: hidden;
	width: 12px;
	height: 12px;
	top: 2px;
	background-image: url(buttons.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.datepicker_vista .header .previous {
	left: 4px;
}
.datepicker_vista .header .previous:hover {
	background-position: left bottom;
}
.datepicker_vista .header .next {
	right: 4px;
	background-position: -13px top;
}
.datepicker_vista .header .next:hover {
	background-position: -13px bottom;
}
.datepicker_vista .header .closeButton {
	display: none;
	right: 0px;
	top: 0px;
	background-position: right top;
}
.datepicker_vista .header .closeButton:hover {
	background-position: right bottom;
}

/* body
********************************************************/
.datepicker_vista .body {
	position: relative;
	top: 0px;
	left: 2px;
	width: 168px;
	height: 112px;
	overflow: hidden;
}

/* time
********************************************************/
.datepicker_vista .time {
	position: relative;
	width: 100%;
	height: 100%;
}

.datepicker_vista .time .hour,
.datepicker_vista .time .separator,
.datepicker_vista .time .minutes {
	border: 1px solid #ccc;
	background: #fff;
	width: 50px;
	font-size: 32px;
	position: absolute;
	top: 10px;
	text-align: center;
	padding: 2px;
}

.datepicker_vista .time .hour {
	left: 15px;
}
.datepicker_vista .time .separator {
	background: transparent;
	border: 0px;
	width: 10px;
	left: 76px;
}

.datepicker_vista .time .minutes {
	left: 95px;
}
.datepicker_vista .time .ok {
	position: absolute;
	top: 65px;
	width: 136px;
	left: 15px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.datepicker_vista .days .day {
	float: left;
	text-align: center;
	overflow: hidden;
	width: 23px;
	height: 15px;
	margin: 0 1px 1px 0;
}
.datepicker_vista .days .titles {
	height: 15px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 1px;
}
.datepicker_vista .days .day0 {
	margin-right: 0;
}

.datepicker_vista .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker_vista .days .week .day {
	cursor: pointer;
}
.datepicker_vista .days .week .day:hover {
	background: url(days.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .days .otherMonth {
	color: #aaa;
}

.datepicker_vista .days .selected {
	background: url(days.png) left bottom no-repeat;
	color: #316879;
}

/* months-grid
********************************************************/
.datepicker_vista .months .month {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 55px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_vista .months .month3,
.datepicker_vista .months .month6,
.datepicker_vista .months .month9,
.datepicker_vista .months .month12 {
	margin-right: 0;
}

.datepicker_vista .months .month10,
.datepicker_vista .months .month11,
.datepicker_vista .months .month12 {
	margin-bottom: 0;
}

/* months-colors
********************************************************/
.datepicker_vista .months .month:hover {
	background: url(months.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .months .selected {
	background: url(months.png) left bottom no-repeat;
	color: #316879;
}

/* years-grid
********************************************************/
.datepicker_vista .years .year {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 32px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_vista .years .year4,
.datepicker_vista .years .year9,
.datepicker_vista .years .year14,
.datepicker_vista .years .year19 {
	margin-right: 0;
}

.datepicker_vista .years .year15,
.datepicker_vista .years .year16,
.datepicker_vista .years .year17,
.datepicker_vista .years .year18,
.datepicker_vista .years .year19 {
	margin-bottom: 0;
}

/* years-colors
********************************************************/
.datepicker_vista .years .year:hover {
	background: url(years.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .years .selected {
	background: url(years.png) left bottom no-repeat;
	color: #316879;
}

/* global
********************************************************/
.datepicker_vista .unavailable {
	background: none !important;
	color: #fbb !important;
	cursor: default !important;
}