/* 
Document   : adsolo_main
Created on : 22.1.2010, 10:21:07
Author     : nykanen
Description: Styling for the main elements of AD-solo HTML pages. Boilerplate header
and footer are styled with different css files as needed.
Purpose of the stylesheet follows.
*/
#container {
    /*width: 45em;*/
    margin: 2em auto;
    /*border: 1px dotted red;*/
}

/*page6:n ohjesivu*/
#byecontainer {
    width: 40em;
    margin: 2em auto;
}

dd {
    font-style: italic;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

#curpwblock {
    background: rgb(200,200,200);
    padding: .25em 1em .25em 1em;
    margin-bottom: .5em;
}

#pwblock {
    background: rgb(200,200,200);
    padding: .25em 1em .25em 1em;
    margin-bottom: .5em;
}

#pwblock input {
    margin-right: 1em;
}

#pwblock span, #curpwblock span {
    display: inline-block;
    width: 20em;
    font-weight: bold;
}

#cbblock input {
    margin-right: 1em;
}

#cbblock {
    background: rgb(200,200,200);
    padding: .25em 1em .25em 1em;
    margin-bottom: 1em;
}
.pit-table {
    background: white;
    text-align: left;
    border-collapse: collapse;
    font-family: Helvetica, Arial, sans-serif;
    color: rgb(84,84,84);
    width: 80%;
    margin: 1em auto;
}

.pit-table th, .pit-table td {
    border-width: 1px;
    border-style: solid;
    padding: 0.15em;
    vertical-align: top;
}

.pit-table th {
    background-color: rgb(180,180,180);
    color: rgb(0,0,0);
}

.box {
    display: inline-block;
    color: rgb(84,84,84);
    width: 6em;
    margin: 1px;
    padding: .1em;
    text-align: center;
    font-size: .75em;
    border: 2px solid rgb(180,180,180);
}

.colored {
    background: rgb(200,200,200);
    color: rgb(0,0,0);
}

.leftbutton {
    color: rgb(255,0,0);
}

.rightbutton {
    font-weight: bolder;
    float: right;
    color: rgb(0,0,255);
    margin-right: 2em;
}

/* for centering TEXTAREA tag */
.wrapper {
    width: 36em;
    margin: 0 auto;
    /*border: 2px solid blue;*/
}

.error {
    color: rgb(255,0,0);
    font-weight: bold;
}

.tip {
    font-style: italic;
    font-size: smaller;
}

.small {
    font-size: small;
}

.smaller {
    font-size: smaller;
}

.progress {
    width: 40%;
    margin-left:auto;
    margin-right:auto;
    border-width: medium;
    background-color: white;
    font-size: 2px;
}

tr.progress {
    height: 4px;
    font-size: 2px;
}

table.progress {
    height: 4px;
    font-size: 2px;
}

td.b {
    background-color: #c0c0c0;
    border-width: thin;
    font-size: 2px;
}

td.w {
    background-color: white;
    border-width: thin;
    font-size: 2px;
}