/*----------------------------------------------------------------------
  FILENAME: ie6-fixes.css
  DESCRIPTION: Styles defined here only apply to IE 6.
----------------------------------------------------------------------*/

#nav li a {
    float: left;
}

.article {
    height: 1%;
}

h1 {
    height: 1%;
}

h1 .corners-top {
    overflow: hidden;
}

h1 .corners-top span {
    overflow: hidden;
}

#nav ul {
    padding-top: 3px;
}

#aside .nav ul li {
    height: 1%;
}

/* Fixes previous blocks from disappearing */
.mediaQuestion ul {
    height: 1%;
}

/* Fixes links block being unclickable */
.mediaQuestion li a {
    display: inline-block;
}

/* Fixes disappearing imgBlock -- border must be set to a colour */
.imgBlock {
    border: 1px solid #D2E0E9;
}

a:hover .imgBlock {
    border: 1px solid #DFEDF7;
}

ul.select {
    margin-top: 1em;
}

/* Fixes disappearing list numbers */
.mediaItem .tabbedArea {
    display: inline;
}

/* Fixes tabs from stacking */
ul.tabs li a {
    float: left;
}

/* Fixes the top of the tabs from being cropped off */
ul.tabs {
    padding-top: 2px;
}

/* 100% width fills the entire window as opposed to just the parent block */
.htmlUrl textarea, .jsCode textarea, .htmlCode textarea, .linkUrl textarea {
    width: 99%;
}

/* Stops the textareas clearing a floated block */
.jsCode, .htmlCode, .linkUrl {
    height: 1%;
}

.tabFragment .section .legend {
    position: absolute;
}

.accountDetails {
    width: 500px;
}

/* needed to get the tops of the two columns to align after fieldset hack */
.col_2-2 {
    width: 49.9%;
}

/* Make spacing between legend and fieldset consistent */
form fieldset {
    padding-top: 2em;
}

/* The expand area collapses too small without this. */
fieldset.expandArea {
    height: 0px;
}

/* Floating the close button expands the containing block.  Need to use an
  alternative method */
#linkUsage .close {
    float: none;
    position: absolute;
    right: 0;
    margin-right: 0.5em;
}

#qrCode .close {
    float: none;
    position: absolute;
    right: 0;
    margin-right: 0.5em;
}

/* Without this, empty areas of the div do not pickup a click event. It also
  fixes the disappearing heading. */
.expandSelf {
    height: 1%;
}

/* Fixes dissappearing content */
.ticketItem {
    height: 1%;
}

/* IE6 display these items large spaces between them. */
#aside .contentList ul li {
    height: 1%;
}

.getCode .section.mediaConfig {
    margin-top: 2em;
}

.getCode .section.mediaCode {
    margin-top: 2em;
}

/* A lazy fix for a single select box that will most likely be too wide for 
  the browser window */
#fldCountries {
    width: 100%;
}
