body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5d5d5d;
  font-size: 11px;
  background: #180018 url(/images/bubble.jpg) no-repeat top;
}

#bodyWrap {
  margin:5px auto;
}

.header {
  height:88px;
  text-align:center;
}
.header_container {
  height:88px;
  margin:0px auto;
  text-align:left;
  width:950px;
}
  .header_container .menu_wrapper {
    float: right;
    display: inline;
    margin: 39px auto 0px auto;
  }

	.header_container #logo {
    background:url(/images/logo.gif) top left no-repeat;
    display:inline;
    float:left;
    height:88px;
    width:185px;
  }

  .header_container #search {
    float: left;
    position: absolute;
    right: 0;
    top: 10px;
  }

  .header_container #search #keyword {
    float: left;
    border: 1px solid #5d5d5d;
    background: #7f1b7d;
    color: #e8e9e9;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 15px;
    margin-right: 3px;
  }

#menu-container {
  width: 740px;
  background:#b7b6b8 url(/images/menu_bgr.gif) repeat-x;
  padding: 0px;
  margin: 0px;
}

#menu-container #menu {
  border:none;
  border:0px;
  margin:0px;
  padding:0px;
  font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  background:url(/images/menu_right.gif) no-repeat right;
}
  
  #menu-container #left-corner {
    background:url(/images/menu_left.gif) no-repeat;
    width:9px;
    height:44px;
    float:left;
  }

  #menu ul {
    height:44px;
    list-style:none;
    margin:0;
    padding:0;
    }

      #menu li {
        float:left;
        padding:0;
        width: 87px;
      }

        #menu li a {
          background:url(/images/menu_sep.gif) bottom right no-repeat;
          color:#313131;
          display:block;
          font-weight:normal;
          line-height:44px;
          margin:0px;
          text-align:center;
          text-decoration:none;
          font-size: 13px;
        }

        #menu li a:hover, #menu ul li:hover a{
          background: url(/images/menu_bgr_h.gif) repeat-x;
          color:#efeeee;
          text-decoration:none;
        }

        #menu li a.first {
        }

        #menu li a.last {
          background: none;
          width: 113px;
        }

        #menu li ul{
          background:#b7b6b8;
          display:none;
          height:auto;
          padding:0px;
          margin:0px;
          border:0px;
          position:absolute;
          width:200px;
          z-index:200;
          filter:alpha(opacity=90);
          opacity: 0.9;
          -moz-opacity:0.9;
        }

        #menu li:hover ul{
          display:block;
        }

        #menu li li {
          display:block;
          float:none;
          margin:0px;
          padding:0px;
          width:200px;
          border-bottom: 1px dashed;
        }

        #menu li:hover li a{
          background:#b7b6b8;
          color:#313131;
        }

        #menu li ul a{
          display:block;
          height:44px;
          font-size:12px;
          font-style:normal;
          margin:0px;
          padding:0px 10px 0px 15px;
          text-align:left;
          color:#efeeee;
        }

        #menu li ul a:hover, #menu li ul li:hover a{
          background:#818082;
          border:0px;
          color:#efeeee;
          text-decoration:none;
        }
  #menu p {
    clear:left;
  }	

.content_title {
  font-size: 14px;
  color: #7f197f;
  vertical-align: top;
  display: block;
}

.content_title a {
  text-decoration: none;
}


#date {
  display: block;
  float: left;
  text-align: right;
  width: 32px;
  position: absolute;
  top: 119px;
  left: -32px;
}

#date .content {
  background: url(/images/date_bgr.gif) repeat-y;
  padding: 8px;
  height: 124px;
  position: relative;
}

#date .mid {
  position: relative;
  top:50%;
  margin-top:-65px;
  margin-left: 5px;
}

#date .content img {
  margin: 1px 0px;
}

#date .content img.month {
  margin: 8px -3px 8px 0px;
}

table.control {
  margin-bottom: 3px;
  width: 100%;
}

table.control td {
  margin: 10px;
  text-align: center;
}

.gridcont {
  margin-top: 15px;
	background: url(/images/table_head.gif) repeat-x;
}

.gridtop { 
	background: url(/images/table_head_right.gif) no-repeat top right;
	height: 25px;
}

span.gridtitle {
  color: #e8e9e9;
  font-size: 11px;
	padding: 6px 10px;
	display: block;
}

.gridtitle a {
  color: #e8e9e9;
  text-decoration: none;
}

.gridtitle a:hover {
  border-bottom: 1px solid;
}

#bodyWrap .gridtitle a {
  color: #e8e9e9;
  text-decoration: none;
  border-bottom: none;
}

#bodyWrap .gridtitle a:hover {
  border-bottom: 1px solid;
}

img.gridcorner {
   width: 6px;
   height: 25px;
   border: none;
   display: block !important;
	 float: left;
}

div.gridbody {
  display: block;
  padding: 5px 10px 10px 10px;
  background: #f6f6f6 url(/images/grid_bgr.gif) repeat-x;
}

#leftcol span.gridbody {
  padding-left: 15px;
}

.schedule_aux {
  display: block;
  font-style: italic;
  font-size: 10px;
  margin-top: 3px;
}

#poll_form input.radio {
  padding: 5px 0px;
}

#poll_form input.button {
  margin: 5px auto;
}

#poll img {
  margin: 2px 0px 5px 0px;
}






#sPane {
  height: 720px;
  width: 420px;
  visibility: hidden;
}

#sPane table {
  padding-right: 8px;
}

.vertical-scroll-pane {
	height: 670px;
	float: right;
	margin: 10px;
}



.more {
  text-align: right;
  display: block;
  margin: 0 10px;
	clear: left;
}

.more a {
  text-decoration: none;
  color: #5d5d5d;
}

.more a:hover {
  border-bottom: 1px solid #7f197f;
  color: #7f197f;
}

#accent {
  margin: 3px;
}

#accent ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#accent ul li {
  margin-bottom: 10px
}

#accent li:before {
  font-size: 11px;
	content: "\00BB \0020";
}

#accent a {
  font-size: 11px;
  text-decoration: none;
  color: #5d5d5d;
}

#accent a:hover {
  color: #7f197f;
  border-bottom: 1px solid;
}

.video-item {
  position: relative;
  display: inline;
  float: left;
  text-align: center;
  margin: 5px;
  padding: 10px;
  width: 28%;
}

.video-item:hover {
  background: #ded7de;
}

.video-item img {
	border: 1px solid #a97fab;
  margin: 3px;
}

.video-item a:hover img {
  text-decoration: none;
	border: 1px solid #7f1b7d;
}

.programme-video-item {
  display: block;
  clear: left;
  padding: 5px 0;
}

#centercol .programme-video-item img {
  margin-right: 7px;
}

#centercol .programme-video-item a {
  font-size: 13px;
}

#widecol .video-item a {
  border: none;
}

#widecol .tableTitle {
  position: relative;
  border-bottom: 1px solid #bbb;
  font-size: 14px;
  color: #7f197f;
  padding: 0 0 2px 5px;
  clear:left;
  margin-top: 2px;
}

#widecol .tableTitle a {
  color: #7f197f;
  border-bottom: none;
  padding: 2px;
  margin-left: 1px;
}

#widecol .tableTitle a:hover {
  border: 1px solid #bbb;
  margin-left: 0;
  background: #ded7de;
}

#widecol .tableTitle form {
  position: absolute;
  right: 0;
  margin: 0 25px 3px auto;
  margin: 0;
  padding: 0;
  display: inline;
}

#widecol .tableTitle form select {
  border: 1px solid #cccccc;
  background: #ded7de;
  padding: 0;
  font-size: 10px;
  height: 15px;
}

#centercol .tableTitle {
  border-bottom: 1px solid #bbb;
  font-size: 12px;
  color: #7f197f;
  padding: 10px 0 2px 0;
  clear:left;
}

#centercol .tableTitle a {
  color: #7f197f;
  border-bottom: none;
  padding: 2px;
  margin-left: 1px;
}

#centercol .tableTitle a:hover {
  border: 1px solid #bbb;
  margin-left: 0;
  background: #ded7de;
}

#centercol a img {
	border: 1px solid #a97fab;
  margin: 3px;
}

#centercol a:hover img {
  text-decoration: none;
	border: 1px solid #7f1b7d;
}

#widecol .paging {
  text-align: center;
  margin: 5px auto;
  clear: both;
  font-size: 14px;
  border-top: 1px solid #bbb;
  padding-top: 10px;
}

#widecol .paging b {
  padding: 5px;
}

#widecol .paging a {
  color: #7f197f;
  border-bottom: none;
  padding: 5px;
  margin: 0 1px;
}

#widecol .paging a:hover {
  border: 1px solid #bbb;
  margin: 0;
  background: #ded7de;
}

h2 {
  font-weight: normal;
}

.search-item {
  display: block;
  text-align: left;
  margin: 5px;
  padding: 10px;
  clear: left;
}

#widecol .search-item a {
  border-bottom: none;
  font-size: 14px;
}

#widecol .search-item p {
  font-style: italic;
  display: block;
}

.search-item img {
  float: left;
  border: 1px solid #a97fab;
  margin: 0 5px 5px 0;
}

.search-item a:hover img {
  text-decoration: none;
  border: 1px solid #7f1b7d;
}

#weather {
  font-size: 12px;
  margin-top: -5px;
}

#weather DIV {
  z-index:8;
  height: 35px;
  padding-top: 5px;
  border-bottom: 1px solid #ccc;
}

#weather span.purple {
  text-align: center;
  display: block;
  float: left;
  width: 65px;
  margin: 7px 0px 0px 25px;
}

#weather img.meteo-icon {
  vertical-align: middle;
  margin: 0px 15px 0px 10px;
}



#sharer {
  margin: 10px;
  float: right;
}

#sharer a {
  float: left;
}

#sharer a:hover {
  border-bottom: none;
  text-decoration: none;
}

#sharer a.svejo {
  color: #414042;
  background-attachment: scroll;
  background-color: transparent;
  background-image: url("/images/svejo.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: inline;
  float: left;
  height: 20px;
  margin-bottom: 0px;
  margin-left: 12px;
  margin-right: 3px;
  margin-top: -2px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-left: 15px;
  width: 0px;
}

#sharer a.twitter { 
  color: #414042;
  background-attachment: scroll;
  background-color: transparent;
  background-image: url("/images/twitter.jpg");
  background-position: 1px 0px;
  background-repeat: no-repeat;
  height: 20px;
  padding-bottom: 2px;
  padding-left: 26px;
  padding-right: 5px;
  padding-top: 2px;
  margin-left: 10px;
  margin-top: 2px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 0px;
}

#sharer .dark_text { 
  color: #a6a6a6;
}

.preSharer {
  border-bottom: 1px solid #bbbbbb;
  padding-bottom: 5px;
}

.breaking_news {
  margin-top: -5px;
  width: 950px;
  float: right;
  font-size: 13px;
  color: #ddd;
}

.breaking_news a {
  color: #ddd;
  text-decoration: none;
}

.breaking_news a:hover {
  color: #fff;
}