* {margin: 0;padding: 0;}
body {font-family: Trebuchet MS;font-size: 0.8em;background: #eff0f0 url(../images/mountain-bg.jpg) no-repeat center 410px;}
body, input, a {color:#6b6b6b;}
input, select, textarea, button{font-family:inherit;}
fieldset {border:none}
/* *******  */

body.main, body.viewtraining {background:#e1e2e2 url(../images/background-main.jpg) no-repeat center 0;}
body.viewtraining {background-position: center -70px;}
/* *******  */

.ct-container {width:960px;margin: 0 auto;min-height: 540px;}
.box-account {width:840px;margin:75px auto;}
.box-account menu {width:408px;overflow: auto;float: right;}
.box-account menu li {width:198px;list-style: none;float:left;text-align: center;font-size: 0.8em;border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;background: #fff;margin-right:5px;}
.box-account menu li.tab-register{margin-right:0px;}
.box-account menu li h2 {color:#ed1c24;}
.box-account menu li input {font-size:1em;cursor: pointer;}
.box-account menu li input, .box-account menu li a {background: none;border: none;width: 100%;text-decoration: none;font-weight:normal;}
.box-account menu li h2 {padding: 6px;font-weight:normal;}
.box-account .login menu .tab-register,
.box-account .registeruser menu .tab-login,
.ct-input input[type='submit'],
.topbar ul,
.main .ui-widget-header {
    background: -moz-linear-gradient(top, rgba(193,193,195,1) 0%, rgba(139,139,140,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,193,195,1)), color-stop(100%,rgba(139,139,140,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(193,193,195,1) 0%,rgba(139,139,140,1) 100%); /* Chrome10+,Safari5.1+ */background: -ms-linear-gradient(top, rgba(193,193,195,1) 0%,rgba(139,139,140,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(193,193,195,1) 0%,rgba(139,139,140,1) 100%);
}
.box-account menu h2 input, .box-account menu h2 a {color:#fff;width: 100%;display: block;}
.box-account fieldset p {margin-bottom: 20px;}
.ct-input {clear: both;overflow: auto;background: #fff;border-radius: 10px;-webkit-border-radius: 10px;border:none;padding:35px;box-shadow: 1px 1px 10px 0px #ccc;-webkit-box-shadow: 1px 1px 10px 0px #ccc;}
.ct-input .logo {float:left;width: 48%;height:177px;background: url(../images/kowa-logo.jpg) no-repeat center 0;}
.ct-input .ct-data-input {float:left;width:45%;margin-left:7%;}
.ct-input .ct-data-input input, .ct-input .ct-data-input select, .ct-input .ct-data-input textarea {display: block;width:260px;}
.ct-input .ct-data-input input[type='text'],
.ct-input .ct-data-input input[type='password'],
.ct-input .ct-data-input select,
.ct-input .ct-data-input textarea {background: #f7fbfb;border:1px solid #e5e5e5;padding: 6px;border-radius: 5px;-webkit-border-radius: 5px;}
.ct-input .ct-data-input input[type="checkbox"] {width:auto;}
.ct-input .ct-data-input a {margin-top:10px;display: block;}
.ct-input .ct-data-input .message a {display: inline;}
.ct-input .formrow {margin-bottom:10px;}
.ct-input .formrow label {margin-bottom: 5px;display: block;font-size: 1.2em;}
.ct-input .formrow span.error {margin-top:2px;display: block;color:#ed1c24;}
.ct-input ul.error {margin-bottom:15px;}
.ct-input ul.error li {list-style: none;color:#ed1c24;}
.ct-input .inputcheckbox label {padding-left:25px;font-size: 1em;}
.ct-input .buttons {margin-top:30px;overflow: auto;width: 100%;}
.ct-input .buttons input {float:left;margin-right:10px;}
.ct-input .inputcheckbox input {margin-top: -19px;}
.ct-input .ct-data-input input[type='submit']{display: block;border: none;border-radius: 5px;-webkit-border-radius: 5px;padding:10px 30px;color:#fff;margin-bottom:10px;width:auto;min-width: 120px;}

.topbar {height:50px;}
.topbar ul {float:right;border-radius: 0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px;-webkit-box-shadow: 1px 1px 10px 0px #ccc;}
.topbar ul .loggedin {display: none;}
.topbar ul .sign-in-out {float: right;background: url(../images/topbar-divider.png) no-repeat 0 2px;}
.topbar ul li a {background: url(../images/myprofile.png) no-repeat 0 0;}
.topbar ul li.sign-in-out a {background: url(../images/signout.png) no-repeat 0 0;}
.topbar ul li {float:left;width:120px;list-style: none;padding:10px;text-align: center;}
.topbar ul li a {text-decoration: none;text-transform: uppercase;padding-left:25px;color:#fff;}
.topbar ul li a:hover {text-decoration: underline;}
.navigation ul {clear: both;overflow: auto;display: block;padding-left: 180px;background: url(../images/kowa-logo2.jpg) no-repeat 0 0;height:81px;}
.navigation ul li {float:left;list-style: none;padding-right: 12px;margin-top: 35px;}
.navigation ul li.material {padding-right: 0px;}
.navigation ul li.tcertificates {width:140px;}

/*.navigation ul li.external, .navigation ul li.material {display: none;}*/
.navigation ul li a {text-decoration: none;font-weight: bold;text-transform: uppercase;color:#333;font-size: 1.1em;}
.navigation ul li a:hover {text-decoration: underline;}
.ct-details {padding-top: 35px;}
.ct-details h1 {margin-bottom: 15px;}
.ct-details h2 {color:#6b6b6b;padding-left:82px;background: url(../images/training-required.png) no-repeat 0 center;height:50px;font-size:1.4em;display: table-cell;
vertical-align: middle;}
.ct-details {width:924px;margin:0 auto;}
.navigation {width:960px;}
table.cms-grid {width:100%;border-collapse:collapse;margin-top: 15px;}
table.cms-grid tbody tr td {height:69px;background: url(../images/table-row.png) no-repeat 0 0;font-size: 1.1em;}
table.cms-grid thead tr td {height:25px;background: url(../images/table-head.png) no-repeat 0 0;color:#fff;}
table.cms-grid tbody tr td.cms-grid-rowno {color:#ed1c24;font-weight: bold;}
table.cms-grid tbody tr td.cms-grid-rowno,
table.cms-grid thead tr td.cms-grid-rowno {text-align: center;width:63px;}
table.cms-grid tbody tr td.cms-grid-course,
table.cms-grid thead tr td.cms-grid-course {background-position: -62px 0;padding-left: 20px;}
table.cms-grid tbody tr td.cms-grid-date span {display: block;padding-left:30px;background: url(../images/calendar.png) no-repeat 0 0;}
table.cms-grid tbody tr td.cms-grid-date, table.cms-grid thead tr td.cms-grid-date,
table.cms-grid tbody tr td.cms-grid-jobbag, table.cms-grid thead tr td.cms-grid-jobbag,
table.cms-grid tbody tr td.cms-grid-type, table.cms-grid thead tr td.cms-grid-type,
table.cms-grid tbody tr td.cms-grid-description, table.cms-grid thead tr td.cms-grid-description,
table.cms-grid tbody tr td.cms-grid-provider, table.cms-grid thead tr td.cms-grid-provider,
table.cms-grid tbody tr td.cms-grid-datecompleted, table.cms-grid thead tr td.cms-grid-datecompleted,
table.cms-grid tbody tr td.cms-grid-datereviwed, table.cms-grid thead tr td.cms-grid-datereviwed,
table.cms-grid tbody tr td.cms-grid-edit, table.cms-grid thead tr td.cms-grid-edit
{background-position: -70px 0;padding-left: 20px;}
table.cms-grid thead tr td.cms-grid-type {width: 60px;}
table.cms-grid thead tr td.cms-grid-date {width:190px;}
table.cms-grid thead tr td.cms-grid-completed {width:135px;}
table.cms-grid thead tr td.cms-grid-action {width:120px;}

table.cms-grid tbody tr td.cms-grid-startnow,
table.cms-grid thead tr td.cms-grid-startnow,
table.cms-grid tbody tr td.cms-grid-delete,
table.cms-grid thead tr td.cms-grid-delete {background-position: 100% 0;padding-left: 20px;width:80px;}
table.cms-grid thead tr td.cms-grid-title, table.cms-grid tbody tr td.cms-grid-title {width:220px;padding-left: 30px;}
table.cms-grid tbody tr td.cms-grid-title {background-position: 0 99%;}
table.cms-grid tbody tr td.cms-grid-startnow a {color:#ed1c24;}
table.cms-grid thead tr td.cms-grid-rowno, table.cms-grid thead tr td.cms-grid-startnow {text-indent: -9999px;}
table.cms-grid tbody tr td.download a {color:#ed1c24;}
table.cms-grid tbody tr td.download a:hover {}
table.cms-grid tbody tr td.download {width:80px;}
table.cms-grid thead tr td.cms-grid-jobbag {width:80px;}
table.cms-grid thead tr td.cms-grid-version {width: 80px;}

table.cms-grid thead tr td.cms-grid-provider {width:100px;}
table.cms-grid thead tr td.cms-grid-datecompleted, table.cms-grid thead tr td.cms-grid-datereviwed {width:130px;}
table.cms-grid thead tr td.cms-grid-edit {width:60px;}


.bottom-navigation ul {/*overflow: auto;*/}
.bottom-navigation ul li {list-style: none;display: inline-block;width:32%;height:123px;margin-right:2%;border-radius: 10px;-webkit-border-radius: 10px;-webkit-box-shadow: 1px 2px 3px 1px #ccc;
box-shadow: 1px 2px 3px 1px #ccc;
background: rgb(253,253,253); /* Old browsers */background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(247,247,247,1) 10%, rgba(247,247,247,1) 90%, rgba(229,229,229,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(10%,rgba(247,247,247,1)), color-stop(90%,rgba(247,247,247,1)),color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(247,247,247,1) 10%,rgba(247,247,247,1) 90%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(247,247,247,1) 10%,rgba(247,247,247,1) 90%,rgba(229,229,229,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(253,253,253,1) 0%,rgba(247,247,247,1) 10%,rgba(247,247,247,1) 90%,rgba(229,229,229,1) 100%); 
}
.bottom-navigation {margin-top:20px;}
/*.bottom-navigation ul li.external {display: none;}*/
.bottom-navigation ul li a {text-decoration: none;padding-left: 100px;height: 123px;display: table-cell;font-size: 1.3em;margin: 40px 0 0 30px;line-height: 1.5em;vertical-align: middle;}
.bottom-navigation ul li a:hover {text-decoration: underline;}
.bottom-navigation ul li.trequired a {background: url(../images/sos-training-required.png) no-repeat 30px 50%;}
.bottom-navigation ul li.external a {background: url(../images/external-course-info.png) no-repeat 30px 50%;}
.bottom-navigation ul li.tcertificates a {background: url(../images/training-certificates.png) no-repeat 30px 50%;}
.bottom-navigation ul li.tcertificates {margin-right:0%;}

.main .ui-widget {font-size:1em;}
.main .ui-widget .ct-input .ct-data-input {width:auto;}
.main .ct-input .ct-data-input {margin-left: 290px;}
.main .ui-dialog-content.ui-widget-content .ct-input .ct-data-input {margin-left: 115px;}
.main .ui-widget-header {border:none;color:#fff;font-weight:normal;}
.main .ui-widget-header .ui-dialog-title {text-align: center;width: 100%;text-transform: uppercase;}
.main .ui-dialog .ui-dialog-content {padding: .5em 2px;height:auto !important;}

.main.viewtraining .ui-dialog-content.ui-widget-content .ct-input .ct-data-input {margin-left: 38px;text-align: center;}


.viewtraining form>div {width: 960px;margin:0 auto;}
.viewtraining ul {overflow: auto;margin-top:20px;}
.viewtraining ul li {list-style: none;float: left;margin-right: 15px; }
.viewtraining ul li.previous:before {content:"< "}
.viewtraining ul li.next:after {content:" >"}
.viewtraining ul li.exit, .viewtraining ul li.complete {float: right;padding-right:0px;padding-left:10px;}
.viewtraining ul li.complete {background: url(../images/divider.jpg) no-repeat 0 11px;padding-left:30px;}
.viewtraining ul li a {text-decoration: none;font-size: 1.2em;}
.viewtraining ul li a:hover {text-decoration: underline;}
.viewtraining div span {display: block;margin:15px 0;}
.viewtraining iframe {-webkit-box-shadow: 3px 3px 15px 4px #ccc;box-shadow: 3px 3px 15px 4px #ccc;border: 1px solid #eee;}
.viewtraining .iframediv, .viewtraining iframe {width: 960px;margin:0 auto;}

.trainingcertificate .ct-details h2 {width:auto;line-height: 50px;}
.trainingcertificate .ct-details {padding-top: 20px;}
.trainingcertificate .formrow {font-size: 1.2em;margin-top: 10px;margin-left:82px;}
.trainingcertificate table {margin-top: 40px;}


.trainingcertificate table {width:100%;border-collapse:collapse;}
.trainingcertificate table tbody tr td {height:69px;background: url(../images/table-row.png) no-repeat 0 0;font-size: 1.1em;}
.trainingcertificate table thead tr th {height:25px;background: url(../images/table-head.png) no-repeat 0 0;color:#fff;}
.trainingcertificate table tbody tr td {font-weight: bold;}
.trainingcertificate table tbody tr td,
.trainingcertificate table thead tr th {text-align: center;}
.trainingcertificate table tbody tr td.cms-grid-type {background-position: 0 99%;}
.trainingcertificate table thead tr th.cms-grid-type {background-position: 0 0;}
.trainingcertificate table tbody tr td.cms-grid-duration,
.trainingcertificate table thead tr th.cms-grid-duration {background-position: 100% 0;padding-left: 5px;padding-right: 5px; font-size:12px;}
.trainingcertificate table tbody tr td,
.trainingcertificate table thead tr th {background-position: -62px 0;padding-left: 20px;text-align: left;}
.trainingcertificate ul {overflow: auto;margin-top:20px;}
.trainingcertificate ul li {list-style: none;float: left;margin-right: 15px; }
.trainingcertificate ul li a {text-decoration: none;font-size: 1.2em;}
.trainingcertificate ul li a:hover {text-decoration: underline;}
.trainingcertificate .header {overflow:auto;}
.trainingcertificate .header h2 {float:left;}
.trainingcertificate .header ul {float:right;}
.trainingcertificate th.cms-grid-type {width:60px;}
.trainingcertificate th.datecompleted{width:100px;}
.trainingcertificate th.cms-grid-jobbag{width:90px;}
.trainingcertificate th.cms-grid-version{width:70px;} /*80*/
.trainingcertificate th.cms-grid-datecompleted {width:115px;} /*120*/
.trainingcertificate th.cms-grid-duration {width:80px;}  /*90*/
.trainingcertificate th.cms-grid-duration-fill {width:80px;}

@media print {
    .trainingcertificate table	{ display: block; page-break: always;marign-top:50px; }
    .trainingcertificate ul {display: none;}
}


.main footer {clear: both;width: 100%;margin-top:10px;height:140px;background: url(../images/footer.jpg) no-repeat center 0;}

.trainingmaterial table {width:100%;border-collapse:collapse;}
.trainingmaterial table tbody tr td {height:69px;background: url(../images/table-row.png) no-repeat 0 0;font-size: 1.1em;}
.trainingmaterial table thead tr td {height:25px;background: url(../images/table-head.png) no-repeat 0 0;color:#fff;}
.trainingmaterial table tbody tr td.cms-grid-rowno {color:#ed1c24;font-weight: bold;}
.trainingmaterial table tbody tr td {}
.trainingmaterial table tbody tr td,
.trainingmaterial table thead tr td {text-align: center;}
.trainingmaterial table tbody tr td.cms-grid-rowno {background-position: 0 99%;}
.trainingmaterial table thead tr td.cms-grid-rowno {background-position: 0 0;}
.trainingmaterial table tbody tr td.download,
.trainingmaterial table thead tr td.download {background-position: 100% 0;padding-left: 20px;}
.trainingmaterial table tbody tr td,
.trainingmaterial table thead tr td {background-position: -62px 0;padding-left: 20px;text-align: left;}

.admin table {width:100%;border-collapse:collapse;}

.admin table tbody tr td.cms-grid-rowno {color:#ed1c24;font-weight: bold;}

.admin table tbody tr td,
.admin table thead tr td {text-align: center;}
.admin table tbody tr td.cms-grid-title {background-position: 0 99%;}
.admin table thead tr td.cms-grid-title {background-position: 0 0;}
.admin table tbody tr td.cms-grid-delete,
.admin table thead tr td.cms-grid-delete {background-position: 100% 0;padding-left: 20px;}
.admin table tbody tr td,
.admin table thead tr td {background-position: -62px 0;padding-left: 20px;text-align: left;}
.admin table tbody tr td input {border:none;background: none;cursor: pointer;}
.admin table tbody tr td input:hover {text-decoration: underline;}
.admin .assign { margin-bottom: 10px;margin-top:10px}
.cms-pager ul {overflow: auto;margin-top: 10px;}
.cms-pager ul li {float: left;margin-right:15px;list-style: none;}
.cms-page-size, .cms-add-delete, .cms-pager {margin-top:10px;margin-bottom: 20px}
.cms-page-size select {width:165px;}
.cms-add-delete a, .cms-lower-add-delete a{background: url(../images/plus.png) no-repeat 0 4px;padding-left:15px;}
.cms-add-delete input {margin-left:20px;background: none;border:none;padding-left:14px;background: url(../images/delete.png) no-repeat 0 4px;}
#footer {width: 924px;margin: 20px auto;border-bottom: 1px solid #ccc;}

ul.success {margin-bottom:15px;}
ul.success li {list-style: none;color:#339900;font-weight: bold;}

ul.navigation-small {overflow:auto;margin-top:15px;}
ul.navigation-small li {margin-bottom: 10px;padding-left: 12px;list-style-position: inside;}
ul.navigation-small li a {text-decoration: none;}
ul.navigation-small li a:hover {text-decoration: underline;}

#ui-datepicker-div table tbody tr td {background:none;background-position:0 0;padding-left:0;height:auto;}

.ct-details .AssignUsers h2 {width:auto;}

.main.admin .ct-input .ct-data-input {margin-left: 20px;width:96%;}

.appendix {overflow: auto;}
.appendix h3 {float:left;}
.appendix ul {margin-top:0px;}
.appendix ul li {float:left;margin: 0 0 0 25px;}


.main.admin .ct-input .ct-data-input textarea{height:200px;}
.main.admin .ct-input .ct-data-input .inputtext input, .main.admin .ct-input .ct-data-input textarea{width:500px;}

.main.admin .arrowbuttons{float:left; margin-top:25px;}
.main.admin .arrowright,.main.admin  .arrowleft {display:block; margin:10px 20px 10px 20px; width:24px; height:24px;}
.main.admin .availgroup,.selectedgroup{float:left;}

.main.admin .AssignUsers input, .main.admin .AssignUsers label{display:inline; margin-top:20px}
.main.admin .AssignUsers input { margin-left:20px;margin-right:10px;}
.main.admin .AssignUsers h3 { border-bottom: 1px solid #ccc;}
.main.admin .completed{width:120px;}
.main.admin .action div{margin:5px;}

.externalcourse h2{width:250px;}


.main .externalcourse .ct-input .ct-data-input {margin-left: 200px;width:80%;}
.main .externalcourse .ct-input .ct-data-input textarea{height:200px;}
.main .externalcourse .ct-input .ct-data-input .inputtext input, .main .externalcourse .ct-input .ct-data-input textarea{width:500px;}
.main .externalcourse  .cms-add-delete {float:right; margin-bottom: 20px; margin-right:10px;}
.main .externalcourse table.cms-grid tbody tr td.cms-grid-edit a,
.main .externalcourse table.cms-grid tbody tr td.cms-grid-delete a
 {color: #ed1c24;}
.main .externalcourse table.cms-grid tbody tr td.cms-grid-edit a:hover,
.main .externalcourse table.cms-grid tbody tr td.cms-grid-delete a:hover
 {text-decoration: underline;}

.cookiePolicy {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    left: 0;
    padding: 30px 0;
    background: #474848;
}
.cookiePolicy p{
    color: #FFFFFF;
    position: relative;
    display: inline;
}
.cookiePolicy p a {
    color: #FFFFFF;
}
.cookiePolicy .accept {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 3px 6px;
    border-radius: 50%;
    font-size: 10px;
    cursor: pointer;
}
.cookiePolicy.hide {
    bottom: -100px;
    opacity: 0;
    transition: all 0.5s linear;
}