@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;}

@font-face{
 font-family:"Myriad Pro";
 src:  url('../font/MyriadPro-Regular.ttf') format("truetype"),
       url('../font/MyriadPro-Regular.otf') format("embedded opentype"); /* IE */
}
/* regular */
ul,li{list-style:none;}

.button span{margin-right:10px;display:inline;height:28px;float:left;}
/* regular */

/* header */
#header{display:table;width:100%; font-family:Tahoma, Geneva, sans-serif;}
#header .header-top{/*padding:30px 1.5% 20px 1.5%;*/display:table;/*width:97%;*/width:99%;}
#header .header-top .logo{float:left;}
#header .header-top .welcome-msg{float:right;text-align:right;}
#header .header-top .welcome-msg span{display:block;clear:both;}
#main-nav { display:none;}
#main-nav li{display:inline-block;margin-right:10px;}
#main-nav li:last-child{margin:0;}
.main-menu{float:left;display:table;}
.header-links{float:right;display:table;}
.home{background:url(../images/home-ico.png) no-repeat left center;width:22px;}
.my-acc{background:url(../images/my-acc-ico.png) no-repeat left center;width:22px;}
.forumHeader{background:url(../images/forum-small-ico.png) no-repeat left center;width:21px;}
.resource{background:url(../images/resources-ico.png) no-repeat left center;width:27px;}
.logout{background:url(../images/logout-ico.png) no-repeat left center;width:20px;}
.help{background:url(../images/help-ico.png) no-repeat left center;width:22px;}
.avtar{background:url(../images/avtar-ico.png) no-repeat left center;width:22px;}
/* header */

/* content section */
#content-section{padding:15px 1.5%;width:97%; font-family:Tahoma, Geneva, sans-serif;}
#content-section { padding-top:0px !important;}
.page-header .page-title{float:left;font:bold 16px/36px Lao;color:#fff;text-transform:uppercase;height:36px; font-family:Tahoma, Geneva, sans-serif;} 
.mycourses{background:url(../images/my-course-title-ico.png) no-repeat left center;width:40px;padding-left:10px;height:36px;float:left;}
.page-header li{display:inline-block;margin-right:10px;}
.page-header li:last-child{margin-right:0;}
.courses-menu{float:right;margin-top:2px;}
.mydap{background:url(../images/mydap-ico.png) no-repeat left center;width:23px;}
.mytasks{background:url(../images/mytask-ico.png) no-repeat left center;width:28px;}
.mycourses-ico{background:url(../images/mycourse-ico.png) no-repeat left center;width:28px;}
.main-dap-div { margin-top:20px;}
.dap-table{border:1px solid #959595;margin-top:0px;}
.dap-table thead th{border-bottom:1px solid #959595;text-align:center;}

.dap-table th:first-child{text-align:left;}


.dap-table tr:last-child .programmeBlock{border:none;}
.dap-table .programmeTitle td{padding:10px;font:bold 14px Lao;}
.dap-table .courses tr td{border-top:1px solid #fff;border-bottom:1px solid #fff;}
.dap-table .courses td{padding:5px 10px;color:#656565;text-align:center;}
.dap-table .courses td.courseName{background:url(../images/gray-right-arrow.png) no-repeat 10px 12px;padding-left:23px;text-align:left; font-family:Tahoma, Geneva, sans-serif;}
.dap-table .courses tr:hover td.courseName{background:url(../images/blue-right-arrow.png) no-repeat 10px 12px #dcddff; font-family:Tahoma, Geneva, sans-serif;}

.mycourses-detail .page-header .page-title{text-transform:inherit;font-size:18px;font-weight:normal; font-family:Tahoma, Geneva, sans-serif;}
.courseDetail-left{width:68%;float:left;margin:15px 0;}
.courseDetail-right{width:30%;float:right;margin:15px 0;}
.contentBox{width:100%;display:table;}
.contentBox img{margin:0 30px 15px 0;}
.courseDetail-left .contentBox{width:100%;display:table;}
.courseDetail-left .contentBox img{margin:0 30px 15px 0;}

.courseDetail-left .unitlist-block .unitList{margin:10px;border:1px solid #959595;}

.courseDetail-left .unitlist-block .unitList th:nth-child(2){text-align:left;}
.courseDetail-left .unitlist-block .unitList td{padding:10px;text-align:center;}
.courseDetail-left .unitlist-block .unitList td:nth-child(2){text-align:left;}
.courseDetail-left .unitlist-block .unitList tr:nth-child(odd){background:#f9f9f9;}
.courseDetail-left .unitlist-block .unitList tr:nth-child(even){background:#fff;}

.courseDetail-right .courseResources-block .contentBlock{margin:10px;}

.courseDetail-right .courseResources-block .contentBlock li{margin:5px 0;}
.courseDetail-right .courseResources-block .contentBlock img{margin-right:10px;}

/* unit detail */
.unitDetail{width:100%;display:table;margin:30px 0; font-family:Tahoma, Geneva, sans-serif;}
.learningOutcomeList{margin:20px 0 10px 0;display:table;}
.learningOutcomeList li{background:url(../images/blue-right-arrow.png) no-repeat left 8px;padding-left:12px;margin:3px 0;}
.rowData{width:100%;display:table;}
.rowData .column{width:32%;display:inline-block;float:left;margin-right:2%;}
.rowData .column:last-child{margin-right:0;text-align:right;}
.rowData .column .block{margin-bottom:5px;}

.playButton{width:45px;height:33px;background:url(../images/playButton.png) no-repeat left top;border:none; cursor:pointer;}
.downloadButton{width:49px;height:33px;background:url(../images/download-btn.png) no-repeat left top;border:none; cursor:pointer;}
.assesment{display:table;width:100%;margin:20px 0;}
.assesment .title{width:100%;display:table;}



.assesment .collapse{width:22px;height:22px;display:table;background:url(../images/expand-ico.png) no-repeat left top #a50207;float:left;margin-top:1px;margin-right:5px;}
.assesment .expand{width:22px;height:22px;display:table;background:url(../images/collapse-ico.png) no-repeat left top #a50207;float:left;margin-top:1px; margin-right:5px;}



.assesment .assesmentData th:first-child{text-align:left;}
.assesment .assesmentData td{padding:10px;text-align:center;}
.assesment .assesmentData td:first-child{text-align:left;}
.assesment .assesmentData .startBtn{color:#fff;padding:3px 13px; cursor:pointer;}
/* unit detail */


/* added by Kanak */
.page-header .page-title a { color:#fff; font-family:Tahoma, Geneva, sans-serif; } 

.courseprogressspan { border: 1px solid #54ace9; height: 20px; width: 150px; display:inline-block; }
.courseprogressspan .showcourseprogress { background:url("../images/progressbar.png") repeat-x; float: left;height: 14px;}
.showcourseprogress_1{ width:96%; float:left; margin:2%;}
.displayProgress { text-align:center; width:144px;float:left; line-height:13px; }
/* on 11-07-2014*/
.clear{width:100%;height:auto;display:table;clear:both;}
.close_image { border:none; }
/* all courses tab */
.allCOurse-tab{width:100%;display:table; font-family:Tahoma, Geneva, sans-serif;}
.courseListSelection{margin:10px 20px;display:table;}

.allCourse-table{width:70%;float:left;display:inline-table;border:1px solid #959595; font-family:Tahoma, Geneva, sans-serif;}

.allCourse-table th:first-child{text-align:left;}

.allCourse-table td:nth-child(2){text-align:left;}
.allCourse-table td:last-child{border-right:none;}
.allCourse-table tr:last-child td{border-bottom:none;}


.allCourse-table .unit-count label{font-weight:bold; font-family:Tahoma, Geneva, sans-serif;}
.more{background:url(../images/more-link.png) no-repeat center center;width:24px;height:8px;display:inline-table;}
.allCoursesRight{width:28%;float:right;}
.allCoursesRight .search-block{width:100%;display:table;text-align:right;}

.allCoursesRight .search-block input[type="text"]{background-color:#FFF;}
.allCOurse-tab .courseListSelection select{background-color:#FFF;}


.allCoursesRight .tagCloud-block{width:100%;display:table;margin:15px 0;}

.allCoursesRight .tagCloud-block .cloud-block{border:1px solid #656565;padding:10px;}
.allCoursesRight .tagCloud-block .cloud-block span{margin:3px;}
.skillList-btn{color:#fff;font:bold 12px arial;padding:5px 15px; font-family:Tahoma, Geneva, sans-serif; cursor: pointer;}
.allCoursesRight .skillList-btn{float:right;margin:10px 0 0 0;}

.allCourse-table .addActiveCourse-btn{margin-bottom:10px;display:table;}

/* all courses tab */

/* all courses popup */

.course-popup .block{padding:1.8%;position:relative;display:table;width:96.8%;}
.close-btn{background:url(../images/close-btn.png) no-repeat left top;width:16px;height:16px;display:table;}
.course-popup .close-btn{float:right;margin:-22px -22px 0 0;}
.tagline{position:relative;width:100%;text-align:center;}
.add-btns{width:auto;float:right;text-align:right;}

.add-btns input{color:#fff;font:bold 12px arial;margin-left:10px;}
.course-popup .courseDetail-left{width:75%;margin:50px 0 0 0;}
.course-popup .courseDetail-right{width:23%;float:right;margin:50px 0 0 0;}

.course-popup .courseDetail-left img{border:1px solid #676767;}
.course-popup .courseDetail-left p{margin-bottom:15px;}
.course-popup .courseDetail-right h4{margin-bottom:10px;}
.tagsblock{border:1px solid #959595;display:table;padding:2% 2.5%;width:96%;}

.collapse{width:22px;height:22px;display:table;background:url(../images/collapse-ico.png) no-repeat left top;float:left;margin-top:1px;}
.expand{width:22px;height:22px;display:table;background:url(../images/expand-ico.png ) no-repeat left top #a50207;float:left;margin-top:1px; margin-right:0px;}

.tagsblock .collapse{margin-right:10px;}
.tagsblock li{list-style:none;float:left;text-align:left;margin:2px 0;display:block;}
.tagsblock ul ul{margin-left:20px;display:table;padding-top:5px;}
.tagsblock ul ul li{display:block;}
.course-unitLosSkill{width:100%;display:table; margin-top:30px;}
.course-unitLosSkill div{margin-bottom:35px;width:100%;display:table;margin-top:30px;}
.course-unitLosSkill table{border:1px solid #959595;}

.course-unitLosSkill table th .collapse{float:left;width:22px;height:22px;background:url(../images/expand-ico.png) no-repeat left top #959595;margin:-33px -11px 0 -11px;}
.course-unitLosSkill table th .expand{float:left;width:22px;height:22px;background:url(../images/collapse-ico.png) no-repeat left top #959595;margin:-33px -11px 0 -11px;}
.course-unitLosSkill table td{padding:10px;padding-left:25px;text-align:left;}
.course-unitLosSkill table tr:first-child td{border-top:1px solid #959595;}

/* all courses popup */

/*skill list */
.skillList-block{margin:7px; }
.skillList-block .page-title{text-transform:inherit;height:auto;line-height:normal;}
.skillList-block .skillList-combo{float:right;margin-right:20%;}
.skillList-left{width:70%;float:left;border:1px solid #959595;margin:10px 0;}
.skillList-right{width:28%;float:right;margin:10px 0;}
.skillList-left ul{width:100%;float:left;display:table;margin:10px;}
.skillList-left ul li{display:block;margin:10px 0;}
.skillList-left ul li:first-child{margin-top:0;}
.skillList-left ul li:last-child{margin-bottom:0;}
.skillList-left li span{margin-right:10px;}
.skillList-left ul ul{margin:5px 0 0 25px;}
.skillList-left ul ul li{padding:5px;font-size:13px;font-weight:normal;margin:0;border:1px solid #fff;width:93.5%;display:table;cursor:pointer; }


.courses-btns label{width:auto;float:left;}
.courses-btns .courdebtn-right{float:right;}
.courses-btns .courdebtn-right input{color:#fff;width:130px;} 

.courses-btns .courdebtn-right input:first-child{margin-bottom:5px;}
.courseRequired-container{border:1px solid #959595;margin:0px 0;}

.courseRequired-container .title h3{color:#fff;}
.courseRequired-container .courseRequired-block{width:97%;padding:1.5%;}
.courseRequired-container .courseRequired-block .list{width:100%;display:table;margin-bottom:15px;}
.courseRequired-container .courseRequired-block .list:last-child{margin:0;}
.courseRequired-container .courseRequired-block .branding{float:left;}
.courseRequired-container .courseRequired-block .list .more{float:right;margin-top:8px;}

.allCourse-table .addActiveCourse-btn{margin-bottom:10px;display:table;}
/*skill list */

/* review role */
.teamreporter{background:url(../images/team-reporter.png) no-repeat left center;width:28px;}
.coursesreport{background:url(../images/courses-report.png) no-repeat left center;width:25px;}
.reviewRole-table tr:hover td{background:#dcddff;}
.reviewRole-table tr:last-child td{border-bottom:none;}
.reviewRole-table td.parent{padding:5px;}
.reviewRole-table .dap{text-decoration:underline;}
.reviewRole-table .dap-open{text-decoration:none;}
.editInfo{width:15px;height:20px;background:url(../images/editinfo.png) no-repeat left 3px;display:inline-block;margin:2px 0 0 5px;vertical-align:text-bottom;}
/* review role */

/* DAP Task */
/*.dapTask-table{width:100%;border:1px solid #959595;}*/
.dapTask-table{width:100%;}

.dapTask-table td{padding:10px;border-right:1px solid #959595;border-bottom:1px solid #959595;}
.dapTask-table td:first-child{text-align:center;}
.dapTask-table td:last-child{border-right:none;}
.dapTask-table tr:last-child td{border-bottom:none;}

.dapTask-table tr:nth-child(odd) td{background:#f9f9f9;}
.dapTask-table tr:nth-child(even) td{background:#fff;}
/* DAP Task */

/* DAP Task Detail */
.DAPTask-detail-container .page-header .page-title{text-transform:inherit;font-size:18px;font-weight:normal;}
.daptask-left{width:70%;float:left;margin:15px 0 30px 15px;}
.daptask-right{width:28%;float:right;margin:15px 0 30px 0;}

.daptask-right .submit-btn{color:#fff;margin-top:15px;padding:5px 12px;}
.DAPTask-detail-container .resources-block,
.DAPTask-detail-container .taskFiles-block,
.DAPTask-detail-container .messages-block{width:98%;display:table;float: left; margin:0px 10px 35px 10px;}

.DAPTask-detail-container .resources-block table th a,
.DAPTask-detail-container .taskFiles-block table th a,
.DAPTask-detail-container .messages-block table th a{float:left;margin:-33px -11px 0 -11px;}
.DAPTask-detail-container .resources-block table td,
.DAPTask-detail-container .taskFiles-block table td,
.DAPTask-detail-container .messages-block table td{padding:10px;}
.DAPTask-detail-container .resources-block table tr:first-child td,
.DAPTask-detail-container .taskFiles-block table tr:first-child td,
.DAPTask-detail-container .messages-block table tr:first-child td{border-top:1px solid #959595;}
.DAPTask-detail-container .resources-block table td img,
.DAPTask-detail-container .taskFiles-block table td img,
.DAPTask-detail-container .messages-block table td img{margin-right:10px;}
.DAPTask-detail-container .resources-block table td li,
.DAPTask-detail-container .taskFiles-block table td li,
.DAPTask-detail-container .messages-block table td li{margin:5px 0;}
.DAPTask-detail-container .resources-block table td .addnew-btn,
.DAPTask-detail-container .taskFiles-block table td .addnew-btn,
.DAPTask-detail-container .messages-block table td .addnew-btn{padding:5px 13px;color:#fff;}
/* DAP Task Detail */


/* my files */
.myfiles-table{border:none;}
.myfiles-table table{border:1px solid #959595;}
.myfiles-table .uploadfile{padding:5px 13px;float:right;color:#fff;margin:15px 0;}

/* my files */

/* content section */

/* login */
.login-page{width:100%;display:table;}
.login-page .mainlogo{position:absolute;top:20px;left:20px;}
.login-page img{max-width:100%;}
.login-page .loginForm-block{width:70%;float:left;display:inline-block;}

.academy-outer{width:100%;height:100%;display:table;}
.acdemy-middle{vertical-align:middle;display:table-cell;}
.academy-inner{width:100%;text-align:center;}
.loginform-outer{width:100%;height:100%;display:table;}
.loginform-middle{vertical-align:middle;display:table-cell;}

.login-page .row{width:100%;clear:both;display:table;margin:5px 0;float:left;}
.login-page .row label{float:left;width:90px; text-align:right;margin-right:5px; margin-top:7px;}
.login-page .row label.fplable {float:left;width:110px; text-align:right;margin-right:5px;margin-top:7px;}

/* login */

/* my account */
.my-account-page .page-title{text-transform:capitalize;font-weight:normal;}
.myacc-menu{float:right;}
.helptext{background:url(../images/helptext.png) no-repeat left center;width:21px;}
.invoice{background:url(../images/invoice.png) no-repeat left center;width:18px;}
.managelicence{background:url(../images/managelicence.png) no-repeat left center;width:27px;}
.manageteam{background:url(../images/manageteam.png) no-repeat left center;width:33px;}
.my-account-block .left{width:40%;float:left;}
.my-account-block .right{width:40%;float:left;text-align:left;}
.my-account-block .row{width:100%;float:left;display:table;margin:5px 0;}
.my-account-block .row select{min-width:273px;}
.my-account-block .right label{padding-bottom:5px;display:table;}
.change-pass, .submit-btn{padding:5px 10px;color:#fff;border:none;}
.my-account-block .submit-btn{margin-left:100px;}
/* my account */


/* skill analysis */
.acc-development .container{display:table;width:100%;}

.acc-development .block-header .block-title{color:#fff;font-size:16px;float:left;display:inline-block;}
.acc-development .block-header .cat-count{float:right;font-weight:normal;font-size:16px;color:#fff;}
.accdevelop-content{width:100%;display:table;margin:0.5% 0;}
.accdevelop-content .left{width:70%;float:left;}
.accdevelop-content .right{width:28%;float:right;}
.skillcompetency-table{border:1px solid #959595;}

.skillcompetency-table th:first-child,
.skillcompetency-table td:first-child{text-align:left;}
.skillcompetency-table td{padding:10px;border-right:1px solid #959595;border-bottom:1px solid #959595;text-align:center;}
.skillcompetency-table td:last-child{border-right:none;}
.skillcompetency-table tr:last-child td{border-bottom:none;}
.skillcompetency-table tr:nth-child(odd) td{background:#f9f9f9;}
.skillcompetency-table tr:nth-child(even) td{background:#fff;}
.skillcompetency-table tr:hover td{background:#d7d9fd;}
/* skill analysis */


/* My DAP */
.mydap-table .myDAPTabular td{padding: 10px;border-right:1px solid #959595;border-bottom: 1px solid #959595;}
.mydap-table td:last-child{border-right:none;}
.mydap-table .learning_outcome img{margin-right: 10px;display: inline-block;float: left;}
.mydap-table .learning_outcome span.rightArrow{background: url(../images/right-arrow.png) no-repeat left top;margin-right: 10px;float: left;width: 6px;height: 7px;margin-top: 5px;}
.mydap-table .learning_outcome span{display: inline-block;float: left;}
/* My DAP */

/*Notification Message */
.notification.success{border-color:#129b00;color: #129b00;}
.notification.error{border-color: red;color: red;}

/*Notification Message */
.red{color: red;}

/* for forum */
.forum{float:left;padding-left:10px; background:url(../images/forum-ico.png) no-repeat left center;width:34px;height:35px;}

#frmSearchForum{width:auto;float:left;display:flex;}
.forumSearch-btn{height:30px;float:left;border:none;margin-top: 1px;}



.forum-section #content{margin:1%;}
.forumpost-reply{margin:20px 0;border:1px solid #e4e4e4;width:100%;}
.reply-header{background:#e4e4e4;padding:11px 1%;display:table;width:98%;}
.reply-header h3{float:left;line-height:30px;}
.forum-menu {float: right;margin-top: 2px;width:auto;}
.forum-menu li{float:left;display:inline-block;margin:0 5px;}
.replay-area{margin:20px 0;}
.reply-author{text-align:right;}
.replay-area .altrowstable{padding:20px 1%;border-top:1px solid #e4e4e4;}
.replay-area .altrowstable:first-child{border-top:none;}
.replay-area textarea{border:1px solid #e4e4e4;margin-bottom:10px;}
.replay-area .submit-btn{margin-top:10px;}





#showQuestions { margin:5px 15px 0px 5px;}