* {
    font-family: Verdana, Tahoma, Arial;
}

#content {
    text-align: center;
}
#content * {
    text-align: left;
}
#content #pagebody {
    margin: 0 auto;
    width: 71em;
}

h1, h2, h3, h4 {
    color: #33a;
    margin: 0;
}
h1 {
    font-size: 1.5em;
    padding: .7em .1em;
}
h2 {
    font-size: 1.3em;
    padding: .6em .1em;
}
h3 {
    font-size: 1.2em;
    padding: .5em .1em;
}

div#header h1 {
    color: #999;
}
div#header h1 a {
    color: #333;
    text-decoration: none;
    vertical-align: -2px;
}

table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

#header ul.support {
    float: right;
    margin-top: -55px;
    list-style: none;
}
#header ul.support a {
    color: #33a;
    font-size: 85%;
    font-weight: bold;
}

div.vkContainer {
    position: relative;
    width: 651px;
}

#clipboard {
    cursor: pointer;
    cursor: hand;
    display: block;
    text-align: right;
    text-decoration: underline;
}

div#layoutsContainer {
    clear: right;
    float: right;
    border-left: 1px solid #344;
    padding: 0 0 0 .2em;
    width: 22em;
}

div#layoutsContainer div#layouts {
    clear: both;
    text-align: right;
}

div#layoutsContainer div#layouts span.group {
    clear: both;
    float: left;
    font-size: 90%;
}
div#layouts div.group_block {
    clear: both;
}

div#layoutsContainer.filtering div.group_block {
    display: none;
}

div#layouts div.group_block,
div#layoutsContainer div.selector_block,
div#layoutsContainer.filtering span.layout_customize,
div#layoutsContainer span.layout_customize_done,
div#layoutsContainer.filtering div.group_block a {
    display: none;
}
/*
*  hide and show checkboxes this way to keep vertical space of the checkbox in place
*/
div#layoutsContainer.filtering div.group_block input {
    visibility: visible;
    width: auto;
}
div#layouts div.group_block input {
    visibility: hidden;
    width: 0px;
}

div#layouts div.group_block_active,
div#layoutsContainer.filtering div.selector_block,
div#layoutsContainer.filtering div.group_block {
    display: block;
}

div#layoutsContainer.filtering div.group_block {
    filter: alpha(opacity=50);
    opacity: .5;
    width: 100%;
}
div#layoutsContainer.filtering div.group_block_active {
    filter: alpha(opacity=100);
    opacity: 1;
}

div#layoutsContainer.filtering span.layout_customize_done {
    display: inline;
}

div#layoutsContainer div#layouts div.group_block_active a {
    color: #921;
    display: block;
    font-size: 85%;
    line-height: 1.4;
    margin-right: 1em;
    padding: 0 .1em;
    text-align: right;
    text-decoration: none;
}

div#layoutsContainer div#layouts a:hover {
    color: #121;
    text-decoration: underline;
}

#layouts_customize {
    color: #666666;
    font-size: 90%;
    font-weight: bold;
/*    margin-top: -1.8em;
    position: relative;*/
}
#layouts_customize div.toggle_block {
    float: right;
}
#layouts_customize div.selector_block {
    float: left;
    white-space: nowrap;
}

#layouts_customize span {
    border-bottom: 1px dotted #121;
    cursor: pointer;
    cursor: hand;
}


div#services {
/*
    border-bottom: 1px solid #000;
*/
    border-left: 1px solid #344;
    float: right;
    padding: 5px 0 25px .2em;
    width: 22em;
}

textarea#input {
    height: 10em;
    overflow: auto;
    margin-bottom: 3px;                                                                                                                        	
    padding-left: 0;
    width: 100%;
}

dl.services {
    margin: 0 0 0 1em;
}
dl.services dt {
    font-weight: bold;
    clear: both;
    padding-top: 1em;
}
dl.services dd {
    float: left;
    margin: 0 0 0 .5em;
}

dl.services dd a {
    text-decoration: none;
    border-bottom: 1px dotted #121;
    color: #222;
    line-height: 1.4;
}

dl.services dd a:hover {
    border-bottom-style: solid;
    border-bottom-color: #11f;
}
div#pc {
    padding-left: 1em;
}
div#instructions {
    padding-right: 18em;
    padding-left: 1em;
}