@CHARSET "UTF-8";
input[type="text"], select {
    border: 2px solid rgba(33,42,59,0.95);
    line-height: 20px;
    height: 20px;
    width: 200px;
}
input[type="text"]:focus, select:focus {
    background-color: #FCDDA2;
    cursor: inherit;
}
input[type="password"] {
    border: 2px solid rgba(33,42,59,0.95);
    line-height: 20px;
    height: 20px;
    width: 200px;
}
input[type="password"]:focus {
    background-color: #FCDDA2;
    cursor: inherit;
}
input[type="submit"], input[type="button"], input[type="reset"] {
    background-color: rgba(33,42,59,0.95);
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 15px;
    text-shadow: 0 0 3px black;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
    background-color: orange;
}
button {
    background-color: orange;
    border: 1px dashed orange;
    color: white;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    text-shadow: 0 0 3px black;
}
textarea {
    border: 2px solid rgba(33,42,59,0.95);
    width: 200px;
}

@import url('uniform.default.css');


/*rk datatable*/
.rkDatatable tr td { padding:6px 4px; }

/* rk forms */
.rkWidget { background:#fff; margin-top:10px; }
.rkForm .formRow { padding:15px 12px; border-bottom:1px solid #ddd; background:#fff; }
.rkForm .formRow:nth-child(2n) { background:#fdfdfd; }
.rkForm .formRow:hover { background:#fafafa; }
.rkForm .formRow:last-child { border-bottom:none; }
.rkForm label { color:#444; }
.rkForm .requiredStar { color:#e82020; }
/* errors */
.rkForm .required.error { background:#f2e1e1; }
.rkForm .required.error label { color:#b33030; }

.rkForm label, .rkForm a, .rkForm div, .rkForm p, .rkForm span { color:#444; }

.rkTable { border-collapse:collapse; border-spacing:0; width:100%; }
.rkTable tr td, .rkTable tr th { border:1px solid #eee; background:#fcfcfc; padding:4px 6px; margin:0; color:#333; font-size:11px; line-height:14px; height:auto; }
.rkTable tr th { font-weight:bold; background:#eaeaea; }
.rkTable tr:nth-child(even) td { background:#f6f6f6; }
.rkTable tr:hover td { background:#f9f9f9; }

.cl-1 { float:left; width:8.3%; }
.cl-2 { float:left; width:16.6%; }
.cl-3 { float:left; width:25%; }
.cl-4 { float:left; width:33.3%; }
.cl-5 { float:left; width:41.6%; }
.cl-6 { float:left; width:50%; }
.cl-7 { float:left; width:58.3%; }
.cl-8 { float:left; width:66.6%; }
.cl-9 { float:left; width:75%; }
.cl-10 { float:left; width:83.3%; }
.cl-11 { float:left; width:71.6%; }
.cl-12 { float:left; width:100%; }

.cl-1 input[type="text"], .cl-1 textarea { width:95%; }
.cl-2 input[type="text"], .cl-2 textarea { width:95%; }
.cl-3 input[type="text"], .cl-3 textarea { width:95%; }
.cl-4 input[type="text"], .cl-4 textarea { width:95%; }
.cl-5 input[type="text"], .cl-5 textarea { width:95%; }
.cl-6 input[type="text"], .cl-6 textarea { width:95%; }
.cl-7 input[type="text"], .cl-7 textarea { width:95%; }
.cl-8 input[type="text"], .cl-8 textarea { width:95%; }
.cl-9 input[type="text"], .cl-9 textarea { width:95%; }
.cl-10 input[type="text"], .cl-10 textarea { width:95%; }
.cl-11 input[type="text"], .cl-11 textarea { width:95%; }
.cl-12 input[type="text"], .cl-12 textarea { width:95%; }

@media all and (max-width: 480px){
    .cl-1 { float:left; width:100%; }
    .cl-2 { float:left; width:100%; }
    .cl-3 { float:left; width:100%; }
    .cl-4 { float:left; width:100%; }
    .cl-5 { float:left; width:100%; }
    .cl-6 { float:left; width:100%; }
    .cl-7 { float:left; width:100%; }
    .cl-8 { float:left; width:100%; }
    .cl-9 { float:left; width:100%; }
    .cl-10 { float:left; width:100%; }
    .cl-11 { float:left; width:100%; }
    .cl-12 { float:left; width:100%; }
}
@media all and (min-width: 480px) and (max-width: 767px) {
    .cl-1 { float:left; width:50%; }
    .cl-2 { float:left; width:50%; }
    .cl-3 { float:left; width:50%; }
    .cl-4 { float:left; width:50%; }
    .cl-5 { float:left; width:50%; }
    .cl-6 { float:left; width:100%; }
    .cl-7 { float:left; width:100%; }
    .cl-8 { float:left; width:100%; }
    .cl-9 { float:left; width:100%; }
    .cl-10 { float:left; width:100%; }
    .cl-11 { float:left; width:100%; }
    .cl-12 { float:left; width:100%; }
}
@media all and (min-width: 768px) and (max-width: 1200px) {
    .cl-1 { float:left; width:50%; }
    .cl-2 { float:left; width:50%; }
    .cl-3 { float:left; width:50%; }
    .cl-4 { float:left; width:50%; }
    .cl-5 { float:left; width:50%; }
    .cl-6 { float:left; width:100%; }
    .cl-7 { float:left; width:100%; }
    .cl-8 { float:left; width:100%; }
    .cl-9 { float:left; width:100%; }
    .cl-10 { float:left; width:100%; }
    .cl-11 { float:left; width:100%; }
    .cl-12 { float:left; width:100%; }
}

.cb { clear:both; }


.rkFilter { background:#E0E0E0; padding:20px; margin:30px 0 10px 0; position:relative; }
.rkFilter h2 { color:#444; font-size:14px; background:#E0E0E0; position:absolute; top:-20px; left:0; font-weight:bold; display:inline-block; padding:3px 8px 6px 8px; border-radius:2px; }
.rkFilter .oneItem { display:block; float:left; padding:2px 6px; border-left:2px solid #CAD1E0; height: 26px; }
.rkFilter .oneItem:hover { background:#eee; }
.rkFilter label { color:#444; }
.rkFilter input, .rkFilter input.text { font-size: 11px; padding:1px 3px; }
.rkFilter .selector { width:150px; }
.rkFilter .width-100 .selector { width:100px; }
.rkFilter .width-125 .selector { width:125px; }
.rkFilter .width-150 .selector { width:150px; }