/* CSS for administration */

/* generic */
/* ------------------------------------------- */

.hid {
    display: none;
}

h2,h3,h4 {
    margin: 0;
}
h3 {
    margin: 10px 0;
}

div.formbody {
/*    padding: 20px;*/
/*    padding-bottom: 0px;*/
}

a.but {
    border-style: outset;
}

p.navi2 {
    font-size: 11px;
    margin: 0 0 0px 0px;
}
p.navi2 a {
    color: #333;
}

div.border {
    border-bottom: 1px solid #aaa;
    clear: both;
    height: 10px;
}

div.toptitle {
/*    width: 100%;*/
/*    background-color: #8CBB2F;*/
    position: relative;
    padding: 7px;
/*    border: 1px solid #333;*/
    height: 46px;
    background: url(../img/bg-gray.png) repeat-x left top;
}
div.toptitle div {
    position: absolute;
    right: 10px;
    top: 14px;
}
div.toptitle h2 {
    margin-top: 6px;
    margin-left: 18px;
}
div.toptitle h2 a {
    font-size: 14px;
    padding-left: 10px;
}

div.pad {
    margin: 10px;
}

.r, a.r {
    float: right;
}

input.but {
    padding: 3px 7px;
    color: #333;
    font-size: 12px;
    font-family: "Calibri", "Lucida Grande", Arial, sans-serif;
    font-weight: bold;
}

input.cancel, input.delete,input.cancelpage, input.deleteserv, input.deleteuser, input.destroy {
    color: red;
    color: #f66;
}

input.save, input.savemember {
    color: black;
}

p.tabletabs {
    color: #aaa;
}

a.checkfilter {
    font-size: 18px;
    color: #aaa;
    padding-left: 15px;
    background: url(../img/user_icon.png) no-repeat 0px 6px;
}
a.checkgroup {
    padding-left: 19px;
    background: url(../img/group_icon.png) no-repeat 0px 5px;
}

a.selectedfilter {
    color: #038FD5;
/*    background-color: #ccc;*/
/*    padding: 3px;*/
/*    padding-right: 10px;*/
/*    text-decoration: underline;*/
}
a.checkfilter span {
    color: #aaa;
    font-size: 14px;
}


/* form stuff, editable sections */
/* ------------------------------------------- */
div.entity {
/*    background: url(../img/bg-blue.png) repeat-x left top;*/
/*    height: 50px;*/
/*    line-height: 60px;*/
/*    font-size: 20px;*/
    clear: both;
    position: relative;
/*    background-color: #ccc;*/
/*    margin: 8px 0;*/
    background: url(../img/back-inactive.png) repeat-x left top;
    zoom: 1; /* IE fix */
}
div.entity h3 {
    padding: 7px 5px 5px;
/*    background: #aaf;*/
    background: url(../img/arr-right.png) no-repeat 26px 10px;
    padding-left: 60px;
    margin: 0;
    height: 25px;
}
div.entity h3 a {
    color: #000;
}
div.opened h3 {
    background: url(../img/arr-down.png) no-repeat 26px 10px;
}

div.entity div.actions {
    position: absolute;
    right: 10px;
    top: 5px;
/*    width: 200px;*/
}

div.entity div.actionsopen {
    position: absolute;
    right: 10px;
    top: 5px;
    display: none;
}

div.data {
    display: none;
    padding: 5px;
    background: white;
    position: relative;
    overflow: hidden;
    margin: 4px 22px;
}
div.inner {
    margin: 20px 25px;
}

/* opened block */
div.opened div.data {
    min-height: 100px;
    display: block;
/*    border: 1px solid #aaa;*/
/*    border-top: none;*/
}

/* active, edited block */
div.edited h3 {
/*    background-color: #e0e0ff;*/

/*    border: 1px solid #66f;*/
/*    border-bottom: none;*/
}
div.edited div.actions {
    display: none;
}
div.edited div.actionsopen {
    display: block;
}
div.edited div.data {
/*    border: 1px solid #66f;*/
/*    background: #f5f5ff;*/
}

/* dim shadows */
div.entity div.shadow {
    background: #fff;
    opacity: 0.3; filter:alpha(opacity=30); zoom: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 300;
/*    display: none;*/
}
div.entity div.disabled {
    background: #fff;
    opacity: 0.4; filter:alpha(opacity=40); zoom: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 301;
    display: none;
}

input.full, select.full, textarea.full {
    width: 97%;
    border: 1px solid #ccc;
}

select {
    border: 1px solid #ccc;
}

td.title {
    text-align: right;
    font-weight: bold;
    width: 11%;
    padding-right: 10px;
    color: #666;
}
td.value {
    width: 25%;
}

div.data input, div.datax select, div.data textarea {
  padding: 3px;
}

div.data input.text[disabled], div.data select[disabled], div.data textarea[disabled] {
  background: #eee;
  color: #333;
  border: 1px solid #aaa;
}

/* split tables for adding, removing */
div.lpane h4, div.rpane h4 {
    display: none;
/*    line-height: 40px;*/
    color: #0A9FDC;
    color: #000;
    margin-bottom: 4px;
    font-size: 18px;
}
div.adding h4.addmember, div.removing h4.delmember {
    display: block;
}
div.adding div.lpane h4, div.removing div.lpane h4 {
    display: block;
}

div.lpane div.searchbox {
    display: none;
}

div.adding div.lpane, div.removing div.lpane {
    width: 68%;
    float: left;
}
div.adding div.searchbox {
    display: block;
}
div.rpane {
    float: right;
    width: 30%;
    display: none;
}
div.adding div.rpane, div.removing div.rpane {
    display: block;
}

div.data p {
    font-size: 12px;
    margin: 5px 0;
}

div.twocol {
    margin: 5px;
    margin-left: 15px;
    float: left;
    width: 47%;
/*    border: 1px solid #aaa;*/
}

div.data p.labext {
    margin-left: 24px;
    margin-top: 0;
    color: #888;
}

input.text {
    border: 1px solid #ccc;
}

input.text:focus, input.iefocus {
    background: url(../img/bg-input.png) repeat-x left top;
    border: 1px solid #444;
    color: #000;
}
textarea:focus {
    background: url(../img/bg-input.png) repeat left top;
    border: 1px solid #444;
    color: #000;
}
select:focus {
    border: 1px solid #444;
    color: #000;
}

/* page content */
/* ------------------------------------------- */

/* search and fill table */
div.searchbox {
    float: right;
    margin-right: 5px;
    height: 30px;
}

div.searchbox input.search {
    padding: 1px 5px;
    color: #666;
}
div.searchbox input.text {
    border: 1px solid #ccc;
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

div.buttonsright {
    float: right;
    width: 200px;
}

div.buttonsright a {
    width: 140px;
}

img.servpic {
    float: right;
    margin: 3px;
    border: 1px dotted #caa;
    padding: 10px;
}

div.serv p {
    font-size: 16px;
    margin: 10px 0;
}
div.serv p.price {
    color: #888;
    margin: 0;
    font-size: 22px;
}

/* table */
/* ------------------------------------------- */

table {
    width: 100%;
    margin-bottom: 20px;
    clear: both;
/*    border: 1px solid #444;*/
    background-color: white;
/*    border: 1px dotted #ddd;*/
/*    border-spacing: 0;*/
    border-collapse: collapse;
}

th {
    position: relative;
    text-align: left;
    padding: 3px;
/*    background: #eee url(../img/updown.gif) no-repeat right 5px;*/
/*    min-width: 40px;*/
    overflow: hidden;
    vertical-align: top;
}
th div.sorticon {
/*    position: absolute;*/
/*    top: 5px;*/
/*    right: 5px;*/
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 1px;
/*    border: 1px solid #faa;*/
    cursor: pointer;
}

th.checkbox, td.checkbox {
    width: 16px;
}
table th a {
    color: #000;
}

th.icon, td.icon {
    width: 16px;
}
/*th.checkbox, th.icon {*/
/*    background: #eee;*/
/*}*/
table th input {
    width: 70%;
}
td.first, th.first {
    width: 180px;
}

table tr.group, table tr.membergroup {
    font-weight: bold;
    background-color: #f2f2f2;
}
table tr.member td.first, table tr.membergroup td.first {
    padding-left: 30px;
}
table tr.member2 td.first {
    padding-left: 50px;
}
tr.member td.cent input, tr.membergroup td.cent input {
    margin-left: 20px;
}
div.adding table tr.selected {
    background-color: #cfc;
}
div.removing table tr.selected {
    background-color: #fcc;
}
div.removing div.lpane table tr.selected td {
    text-decoration: line-through;
}
table tr.even {
/*    background-color: #efe;*/
}

div.removing tr.member, div.removing tr.membergroup, div.adding tr.member, div.adding tr.membergroup {
    display: none;
}

th.sortup {
/*    background: #ccc url(../img/up.gif) no-repeat right 5px;*/
    background: url(../img/tablecol-active.png) repeat-x left top;
    color: #000;
}
th.sortdown {
/*    background: #ccc url(../img/down.gif) no-repeat right 5px;*/
    background: url(../img/tablecol-active.png) repeat-x left top;
}
th.sortup a, th.sortdown a {
    color: #fff;
}
th.sortup input, th.sortdown input {
/*    border: 3px solid #0A9FDC;*/
}

td.first a {
    color: #000;
}

th input.qf {
    padding: 0;
    font-size: 10px;
    color: #888;
    border: 1px solid #ccc;
    width: 80%;
}
th input.qf:focus {
    border: 1px solid #ccc;
}

td.messagerow {
    text-align: center;
    color: #666;
    font-size: 16px;
    padding: 14px;
    border: 1px dotted #aaa;
}

table.tilattavissa td div {
    float: right;
    font-size: 22px;
}
table.tilattavissa td {
    padding: 7px;
}

table#table2 tfoot {
    display: none;
}

td.nonefound {
    color: red;
    border: 1px dotted #faa;
}

table.service tfoot td, table.rights tfoot td, table.folders tfoot td {
    border-top: 1px solid #CCCCCC;
    background-color: #E9ECEA;
    color: #444;
    vertical-align: top;
}
table.service p, table.rights p {
    margin: 0;
}

div.data th p {
    margin: 0;
}
div.data th p.price {
    color: #888;
}
th.none {
/*    background-image: none;*/
    width: 70px;
}

span.hidx {
    color: red;
}

div.space {
    height: 31px;
}
div.space p {
    margin: 5px 0;
}

div.data p.mainprice {
    font-size: 16px;
}
div.data p.mainprice input.text {
    width: 70px;
}

/* table icons */
/* ------------------------------------------- */
th {
    background: url(../img/tablecol-inactive.png) repeat-x left top;
}
th div.sorticon {
    background: url(../img/sort-both.png) no-repeat left top;
}
th.sortup div.sorticon {
    background: url(../img/sort-asc.png) no-repeat left top;
}
th.sortdown div.sorticon {
    background: url(../img/sort-desc.png) no-repeat left top;
}
tr.group td.icon {
    background: url(../img/group_icon.png) no-repeat 3px 5px;
}
tr.user td.icon {
    background: url(../img/user_icon.png) no-repeat 6px 5px;
}
tr.member td.first {
    background: url(../img/user_icon.png) no-repeat 13px 5px;
}
tr.membergroup td.first {
    background: url(../img/group_icon.png) no-repeat 12px 5px;
}


table.service tr.group td.icon {
    background: url(../img/tuoteryhma.png) no-repeat 5px 5px;
}
table.service tr.member td.first {
    background: url(../img/tuote.png) no-repeat 13px 5px;
}
table.service tr.member2 td.first {
    background: url(../img/tuote.png) no-repeat 33px 5px;
}
table.service th div.sorticon {
    display: none;
}

table.service tr.member td#sharedfold {
    background: url(../img/kansio-jaettu2.png) no-repeat 13px 5px;
}
table.service tr.member td#ownfold {
    background: url(../img/kansio-oma2.png) no-repeat 13px 5px;
}


table.folders tr.group td.icon {
    background: url(../img/kansio-oma2.png) no-repeat 5px 5px;
}

/* wizard */
/* ------------------------------------------- */
div.wizard {
    padding: 10px 20px;
    padding-bottom: 0px;
}
div.wizard div.entity {
    background: none;
}
div.wizard h2 {
    margin: 0 0 15px;
}

div.wizard h3 {
    margin: 20px 0 5px;
    border-top: 1px solid #ccc;
}
/*div.wizard p {*/
/*    margin: 0 0 10px 20px;*/
/*}*/

div.wizard p.sum {
    margin-left: 20px;
}

th.username {
    writing-mode: tb-rl;
}

table.wiz {
    width: auto;
    overflow: scroll;
}
table.wiz th {
    background: none;
}
table.wiz th.username {
/*    background: #F2F2FF;*/
    border-bottom: 1px dotted #ccc;
    max-width: 40px;
}
table.wiz td.first {
    border-right: 1px dotted #ccc;
    background: none;
}
table.wiz td.hi, table.wiz th.hi {
    background-color: #ddf;
}
/*table.wiz tr:hover td {*/
/*    background-color: #ddf;*/
/*}*/

/* tabletip */
/* ------------------------------------------- */
div.tabletip {
    position: absolute;
    width: 160px;
    height: 15px;
    left: -300px;
    padding: 4px 8px;
    border: 1px solid #0C9FEF;
    background-color: #7CDDFF;
    font-size: 11px;
    color: #000;
    display: none;
}