﻿/* ////////////////////////////////////////////////////////////////////////////
//
// Copyright (c) Telenet NV 2009
//
// This material contains unpublished, copyrighted work, which includes
// confidential and proprietary information of Telenet NV, Liersesteenweg 4,
// BE-2800 Mechelen, +32 15 33 30 00, info@telenet.be.
//
// All rights reserved. No copy of any part of this document is permitted
// without explicit written authorization from Telenet NV.
//
// $Revision: $
// Last modified by $Author: $ on $Date: $
//
// ///////////////////////////////////////////////////////////////////////// */

/* *, BODY, BR, IMG, BUTTON, INPUT, SELECT & TEXTAREA */
* { margin: 0px; padding: 0px; }

BODY {
   background: #E0E0E0; color: #666666; cursor: default;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal;
   height: 100%; line-height: 20px; text-align: center; width: 100%; }

BR { clear: both; line-height: 0px; }

IMG { border: none; }

BUTTON, INPUT, SELECT, TEXTAREA {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal;
}


/* ///////////////////////////////////////////////////////////////////////// */

/* H1, H2, H3, H4 & P */
H1 { display: none; }

H2 { color: #CC0000; font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 10px; }

H3 { color: #FFCC00; font-size: 14px; font-weight: bold; margin: 20px 0px 10px; }

H4 { color: #FFFFFF; font-size: 18px; padding: 0px 20px; }

P { color: #666666; margin: 10px 0px; }


/* ///////////////////////////////////////////////////////////////////////// */

/* A:Link, A:Visited, A:Active & A:Hover */
A:Link, A:Visited { color: #666666; text-decoration: underline; }

A:Active, A:Hover { color: #CC0000; text-decoration: underline; }


/* ///////////////////////////////////////////////////////////////////////// */

/* Label, Button, TextBox */
LABEL { color: #FFFFFF; font-size: 14px; }

.Button { background: #7B7B7B; border: none; color: #FFFFFF; cursor: pointer; font-weight: bold; margin-top: 10px; padding: 5px 15px; -moz-border-radius: 4px; }

.TextBox { border: solid 1px #CCCCCC; font-size: 12px; margin: 4px; padding: 5px 4px; -moz-border-radius: 4px; }

.TextBox:Focus { border: solid 1px #ABABAB; }


.Failure { background: #FFD1D1; border: dotted 1px #F8ACAC; }

.Failure:Focus { border: dotted 1px #DB8F8F; }

.Success { color: #12863B; padding-bottom: 5px; }

.ValidationSummary { color: #CC2A2A; display: none; margin-left: 15px; padding-bottom: 5px; font-size: 14px; }


/* ///////////////////////////////////////////////////////////////////////// */

/* MasterPage */
.MasterPage, .MasterPageLarge { left: 0px; min-height: 100%; position: absolute; top: 0px; width: 100%; z-index: 0; }


/* MasterPage Header */
.MasterPage .Header { margin: 40px auto 0px; text-align: left; width: 640px; }

.MasterPageLarge .Header { margin: 40px auto 0px; text-align: left; width: 960px; }

.MasterPage .Header .Languages { margin: -30px 0px 0px -5px; position: absolute; text-align: right; width: 640px; z-index: 999; }

.MasterPageLarge .Header .Languages { margin: -30px 0px 0px -5px; position: absolute; text-align: right; width: 960px; z-index: 999; }

.MasterPage .Header .Languages LI, .MasterPageLarge .Header .Languages LI { border-left: solid 1px #999999; display: inline; margin-left: 7px; padding-left: 10px; }

.MasterPage .Header .Languages LI.NoBorder, .MasterPageLarge .Header .Languages LI.NoBorder { border: none; }

.MasterPage .Header .Logo, .MasterPageLarge .Header .Logo { float: left; height: 123px; margin: 0px; }

.MasterPage .Header .SearchForm { background: #B1B1B1; float: right; height: 40px; margin: 0px 0px 10px; padding: 68px 15px 15px 0px; text-align: right; width: 479px; -moz-border-radius: 10px; }

.MasterPageLarge .Header .SearchForm { background: #B1B1B1; float: right; height: 40px; margin: 0px 0px 10px; padding: 68px 15px 15px 0px; text-align: right; width: 799px; -moz-border-radius: 10px; }


/* MasterPage Content */
.MasterPage .Content { margin: 0px auto 40px; padding-bottom: 40px; text-align: left; width: 640px; }

.MasterPageLarge .Content { margin: 0px auto 40px; padding-bottom: 40px; text-align: left; width: 960px; }


/* MasterPage Footer */
.MasterPage .Footer, .MasterPageLarge .Footer { background: #FFFFFF; bottom: 0px; height: 40px; left: 0px; position: absolute; width: 100%; z-index: 999; }

.MasterPage .Footer DL, .MasterPageLarge .Footer DL { font-size: 10px; margin: 10px 0px; }

.MasterPage .Footer DT, .MasterPageLarge .Footer DT { display: inline; }

.MasterPage .Footer DD, .MasterPageLarge .Footer DD { border-left: solid 1px #999999; display: inline; margin-left: 7px; padding-left: 10px; }


/* ///////////////////////////////////////////////////////////////////////// */

/* DefaultPage */
.DefaultPage { background: #FFFFFF; margin: 10px 0px 80px; padding: 40px 40px 30px; width: 560px; -moz-border-radius: 10px; }

.DefaultPage H1 { color: #CC0000; display: inline; font-size: 18px; line-height: 30px; }

.DefaultPage H6 { color: #666666; font-size: 9px; font-weight: normal; line-height: 15px; }

.DefaultPage UL LI { margin: 10px 0px 0px 15px; }


/* ///////////////////////////////////////////////////////////////////////// */

/* ChannelsPage */
.ChannelsPage { background: #FFFFFF; margin: 10px 0px 80px; padding: 40px 40px 30px; width: 560px; -moz-border-radius: 10px; }


/* ChannelsPage TableSorter */
.ChannelsPage .TableSorter { width: 560px; }

.ChannelsPage .TableSorter TH { cursor: pointer; font-size: 13px; text-align: center; text-transform: uppercase; }

.ChannelsPage .TableSorter TD { font-size: 11px; }

.ChannelsPage .TableSorter .Channels { background: #B1B1B1; font-size: 13px; padding: 2px 10px; }

.ChannelsPage .TableSorter .Frequency { background: #B1B1B1; text-align: center; width: 11%; }

.ChannelsPage .TableSorter .Wave { background: #FFCC00; text-align: center; width: 16%; }


/* ToolTip */
#tooltip { background: #FFFFFF; border: solid 2px #B1B1B1; opacity: 0.85; padding: 5px; position: absolute; z-index: 3000; }

#tooltip h3, #tooltip div { color: #666666; font-size: 12px; font-weight: normal; margin: 0; }


/* RadioFrequenties */
.RadioFrequenties { margin-right: 10px; text-align: right; }

.RadioFrequenties LI { border-left: solid 1px #999999; display: inline; margin-left: 7px; padding-left: 10px; }

.RadioFrequenties LI.NoBorder { border: none; }


/* ///////////////////////////////////////////////////////////////////////// */

/* ChannelsRemark */
.ChannelsRemark { background: #FFFFFF; margin: 10px 0px 0px; padding: 40px 40px 30px; width: 880px; -moz-border-radius: 10px; }

.ChannelsRemark H1 { color: #CC0000; display: inline; font-size: 18px; line-height: 30px; }

.ChannelsRemark H2 { color: #FFCC00; font-size: 14px; line-height: 20px; margin-top: 10px; }

.ChannelsRemark H6 { color: #666666; font-size: 9px; font-weight: normal; line-height: 16px; margin-top: 20px; }

.ChannelsRemark H6 UL { margin-bottom: 20px!important; }

.ChannelsRemark H6 UL LI { color: #666666!important; font-size: 9px!important; font-weight: normal!important; margin: 0px 0px 0px 25px !important; }

.ChannelsRemark UL { margin-bottom: 20px; }

.ChannelsRemark UL UL { margin-bottom: 0px; }

.ChannelsRemark UL LI { color: #FFCC00; font-size: 12px; font-weight: bold; margin: 10px 0px 0px 15px; }

.ChannelsRemark UL UL LI { color: #666666; font-size: 11px; font-weight: normal; margin: 5px 0px 0px 15px; }

.ChannelsRemark P + UL LI { color: #666666!important; font-size: 11px!important; font-weight: normal!important; }


/* CompareChannelsPage */
.CompareChannelsPage { background: #FFFFFF; margin: 10px 0px 80px; padding: 40px 40px 30px; width: 880px; -moz-border-radius: 10px; }


/* ChannelsPage TableSorter */
.CompareChannelsPage .TableSorter { width: 880px; }

.CompareChannelsPage .TableSorter TH { cursor: pointer; font-size: 13px; text-align: center; text-transform: uppercase; }

.CompareChannelsPage .TableSorter TD { font-size: 11px; }

.CompareChannelsPage .TableSorter .DateHeader { background: #FFCC00; font-size: 13px; font-weight: bold; padding: 5px; text-align: center; text-transform: uppercase; }

.CompareChannelsPage .TableSorter .Channels { background: #B1B1B1; font-size: 13px; padding: 2px 10px; width: 50%; }

.CompareChannelsPage .TableSorter .Frequency { background: #B1B1B1; text-align: center; width: 5%; }

.CompareChannelsPage .TableSorter .Wave { background: #FFCC00; text-align: center; width: 8%; }


/* ///////////////////////////////////////////////////////////////////////// */

/* MunicipalitiesPage */
.MunicipalitiesPage { background: #FFFFFF; margin: 10px 0px 80px; padding: 40px 40px 30px; width: 560px; -moz-border-radius: 10px; }


/* ///////////////////////////////////////////////////////////////////////// */

/* LoginPage */
.LoginPage { background: #FFFFFF; margin: 10px 0px 80px; padding: 40px 40px 30px; width: 560px; -moz-border-radius: 10px; }


.LoginPage FORM DL { margin: 15px 0px; }

.LoginPage FORM DT { color: #A5A5A5; float: left; font-size: 14px; line-height: 24px; padding-top: 5px; width: 120px; }

.LoginPage FORM DD { color: #A5A5A5; font-size: 12px; line-height: 24px; margin: 0px 0px 10px 120px; }

.LoginPage FORM LABEL { color: #666666; }


.LoginPage #UserName { width: 280px; }

.LoginPage #Password { width: 280px; }