/* BASE STYLES */

#layout_canvas
{

background-color: transparent;

background-image: url(http://community.capseo.com/images/bg-body-inner.png);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: center top;

width: 100%;

padding-top: 15px;

padding-bottom: 0px;


}

/* LAYOUT */ 
#kheader { 
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background-color: #fff;
    background-image: url(images/kheader-bg.gif);
    background-repeat:no-repeat;
    height: 130px;
}
#klheader { float: left; padding: 5px; width:440px; }
#krheader { float: right; padding: 42px 5px 0px 5px; width: 490px; }
#kdoc { margin:auto;text-align:left;width:950px;min-width:950px; padding-top: 0px; }
.kinner{position:relative;}
.kinner{_position:static;}
#kmain .kinner{position:static;}
#kmain{width:100%;}
.kdoc1 #kmain { float:right;margin-left:-380px; }
.kdoc1 .kinner { float:left;width:180px;padding:0px 0px 0px 0px; }
.kdoc1 #kmain .kinner { margin-left:168px; }
#kmain .kinner { width: 760px;

padding-top: 5px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 10px;

text-align: left;

margin-left: auto;

margin-right: auto;

border-top-width: 1px;

border-bottom-width: 1px;

border-top-style: solid;

border-bottom-style: solid;

border-top-color: #cccccc;

border-bottom-color: #cccccc;

background-color: #ffffff;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%; }
#kbody:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
#kbody { padding: 0px 0px 0px 0px; }

/* INTERFACE - Messages, alerts, dialogs, etc. */

.msg1 {
    clear:both;
    padding: 5px;
    text-align: center;
    background-color: #e1f1ff;
    border: solid 1px #37a0ff;
}

/* FORMS */


.kForm {
    padding: 0px;
}
.kForm input, .kForm textarea {
    font-family: tahoma, arial;
    padding: 3px;
    margin: 5px 2px 2px 5px;
    color: #555555;
}
.kForm h2 {
    font-size: 12px;
    color: #3e4968;
    font-family: tahoma, verdana;
    font-weight: bold;
    background-color: #fff;
    padding: 3px 3px 3px 5px;
    margin: 16px 0px 5px 0px;
    border-bottom: solid 1px #add3f5;
}
.kForm select {
    font-family: arial;
    margin: 5px 5px 5px 5px;
}
.kForm option {
    font-family: arial;
}
.kForm input.submit {
    font-weight: bold;
    margin: 10px 5px 2px 0px;
}
.kForm label {
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding: 5px 0px 0px 0px;
}
.kFormError {
    font-size: 10px;
    font-weight: normal;
    color: #cc0000;
    display: block;
    margin: 0px 0px 2px 5px;
    padding: 0px;
}
.kForm input.error, .kForm textarea.error {
    font-family: tahoma, arial;
    color: #595300;
    background-color: #fffef2;
    display: block;
}
.kForm h2 {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
}
.frmLabelContainer {
    font-size: 11px;
}
.frmLabelContainer em {
    color: #33aa33;
    font-style: normal;
}
.frmInputContainer {
}
.frmRowSep {
    display: block;
    clear: both;
    background-color: transparent;
}


/* GRIDS */


/* --- DataGrid Styles --- */
.kGridForm, .kGridForm select, .kGridForm option, .kGridForm input {
    color: #000;
}
.kGridForm input {
    padding: 0px 3px;
    margin: 0px;
}
.kGridMsg {
    color: #555;
    font-size: 10px;
    padding: 3px;
}
div.kGridForm {
    padding: 0px 5px 0px 0px;
}
table.grid, table.grid tr, table.grid td, table.grid th {
    font-size: 11px;
}
table.grid {
    border: solid 1px #eee;
}
div.grid form {
    margin: 0px;
    padding: 0px;
}
div.grid .kGridMsg {
    padding: 0px 4px 3px 0px;
    margin: 0px;
    font-size: 11px;
}
table.grid th {
    background-color: #3f434b;
    color: #fff;
    background-image:url('images/thdb-bg.gif');
    background-repeat:repeat-x;
    padding: 8px;
    border-bottom: solid 5px #dedede;
}
table.grid th.th2 {
    background-image: none;
    background-color: #eee;
    color: #666;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: normal;
    border-bottom: solid 1px #aaa;
}
table.grid th a, .grid th a:active, .grid th a:visited {
    color: #fff;
    text-decoration: none;
}
table.grid th a:hover {
    color: #f2f8ff;
}
table.grid th a.tbl-sort, table.grid th a.tbl-sort:active, table.grid th a.tbl-sort:visited {
    color: #fff;
    text-decoration: none;
    padding: 0px 8px 0px 8px;
    font-size: 10px;
    cursor: pointer;
    display: block;
}
table.grid th a.tbl-sort:hover {
    color: #f2f8ff;
    background-image: url(images/thdb-bg2.gif);
    background-repeat: repeat-x;
}
table.grid td {
    padding: 5px 8px;
    border-right: solid 1px #dedede;
    border-bottom: solid 1px #dedede;
}
.tblrow {
    background-color: #fff;
}
.tblrow2 {
    background-color: #fafafa;
}
.tblrowh, .tblrowh2 {
    background-color: #f2f8ff;
}
.tblcell {
    border-bottom:solid 1px #dedede;
}
checkbox.kFormRichElement {
    margin-left: 5px;
}
/* --- End Kytoo DataGrid Styles --- */

/* --- Pager Styles --- */
table.pager-table {
    background-color: #aec7e3;
    border: 0px;
    font-size: 10px;
    margin: 6px 0px;
}
table.pager-table td {
    padding: 0px;
}
table.pager-table td.pager-page, 
table.pager-table td.pager-current, 
table.pager-table td.pager-link {
    border: 0px;
}

table.pager-table td a, table.pager-table td a:active, table.pager-table td a:visited {
    margin: 0px;
    padding: 3px 5px;
    background-color: #f5fafe;
    color: #000000;
    display:block;
    text-decoration: none;
}
table.pager-table td a:hover {
    background-color: #e0effc;
    text-decoration: none;
}
table.pager-table td.pager-page {
    padding: 3px 5px;
    background-color: #3e4968;
    color: #ffffff;
}
table.pager-table td.pager-current {
    padding: 3px 5px;
    background-color: #e4f1fc;
    color: #000000;
}
table.pager-table td.pager-link {
    background-color: #f5fafe;
    color: #000000;
}
/* ---End Pager Styles --- */