@media all
{

    /* common */
    * {
        font-family: Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px;
        line-height: 1.3em;
        font-size: 12px;
    }
    
    html, body, table {
        width: 100%;
        height: 100%;
    }
    
    option {
        padding: 0 2px;
    }
        
    /* debug */
    #debugOutput {
        margin: 2px;
        font-size: xx-small;
        color: #60F;
        background-color: #EDF;
        line-height: 1em;
    }
    
    /* error */
    .errorContainer {
        padding: 75px;
        margin-left: 30px;
        cursor: help;
    }
    
    .errorIcon {
        position: relative;
        margin: 0 4px -2px 0;
    }
    
    .errorMessage {
        font-weight: bold;
        font-size: 12px;
        color: #ec0202;
        text-decoration: underline;    
    }
    
    #loadingLabel {
        display: none;
        position: absolute;
        top: 195px;
        left: 200px;
        text-align: center;
        width: 130px;
        font-size: 10px;
        cursor: wait;
        overflow: hidden;
    }    
    
    #embedCodeContainer {
        width: 100%;
        height: 250px;
        display: none;
    }
    #embedCode {
        margin: 0.4em;
        width: 97%;
        height: 250px;
        font-size: x-small;
        font-weight: bold;
        color: #909;
        font-family: Verdana,Arial,Helvetica,sans-serif;
    }
    
    /* table */
    table#profile {
        border-bottom: 1px solid #999999;
        clear: both;
    }

    table#profile td, table#profile th {
        vertical-align: bottom;
        text-align: left;
    }
    
    table#profile tr.selectors th, table#profile tr#downloadLinks th {
        padding: 0.2em;
        border-bottom: 1px solid #000;
    }
    
    table#profile tr.head th {
        background-color: #999;
    }
    
    table#profile tr.labelAndPictures th {
        border-bottom: 1px solid #000000;
    }
    
    table#profile tr.hasRegionPictures {
        height: 100px;
    }
    
    table#profile label {
        font-weight: normal;
    }
     
    table#profile td {
        border-bottom: 1px solid #999999;
        padding: 0.1em 0.4em;
    }
    
    table#footer td, table#closeEmbedCode td {
        padding: 0.1em 0.4em;
    }
    
    table#profile th.tdPadding {
        padding: 0.4em 0.4em;
    }
    
    table#profile button {
        font-weight: bold;
        background-color: #D4D4D4;
        height: 20px;
        width: 80px;
        overflow: hidden;
    }
    
    table#profile button:disabled {
        background-color: #D4D4D4;
        color: #999;
        height: 20px;
        width: 80px;
        overflow: hidden;
    }
    
    table#profile button.closeButton {
        margin-top: 4px;
        padding-bottom: 0.2em;
    }
    
    table#profile tr.rowType2 td {
        background-color: #D4D4D4;
        font-weight: bold;
    }
    
    table#profile tr.rowType1 td, 
    table#profile tr.rowType3 td,
    table#profile tr.rowType4 td {
        background-color: #FFF;
    }
    
    table#profile .geoUnitNames {
        font-size: 18px;
        padding-bottom: 2px;
    }

    table#profile .geoUnitNames span {
        font-size: 11px;
        font-weight: normal;
    }

    table#profile .inset {
        border: 2px inset #CCC;
        background-color: #BBB;
        color: #666;
    }
    
    table#profile .outset {
        border: 2px outset #CCC;
    }
    
    .strong {
        font-weight: bold;
    }
    
    table#profile .right, table#footer .right, table#closeEmbedCode .right {
        text-align: right;
    }
    
    table#profile td.small, table#footer td.small {
        font-size: x-small;
    }
    
    table#profile td a, table#profile th a, table#footer td a, table#closeEmbedCode td a {
        font-size: x-small;
        color: blue;
        text-decoration: underline;
        cursor: pointer;
    }
    
    table#closeEmbedCode {
        height: 10px;
    }
    
    table#profile .center {
        text-align: center;
    }
    
    table#profile .middle {
        vertical-align: middle;
    }
    
    table#profile .rightBorder {
        border-right: 1px solid #000;
    }
    
    table#profile .leftBorder {
        border-left: 1px solid #000;
    }
    
    .pictureCell {
        padding: 0;
        margin: 0;
    }
    
    .regionPicture {
        display: block;
    }
    
    table#profile label {
        padding-left: 0.2em;
    }

    table#profile select.region {
        width: 94px;
        margin-bottom: 4px;
        background-color: #DDD;
        font-weight: bold;
    }

    table#profile select#profileSelector {
        /*width: 196px;*/
    }

    table#profile input#search1, table#profile input#search2 {
        width: 90px;
        background-color: #DDD;
    }

    table#profile .switchButton {
        margin: 4px 0 -4px 0;
        cursor: pointer;
    }

}