@charset "utf-8";
/* CSS Document */

body{
	color:#333;
	font-family:'open_sanscondensed_light';
	font-size:20px;
}

html{
	min-height:100% !important;
}

h1, h2, h3, h4, h5, h6{
	margin:0px;
	padding:0px;
}

a{
	color:#1A4266;
	font-weight:normal;
}



a:hover{
	text-decoration:none;
}

/*a{
	color:#039CA2 !important;
	font-weight:normal;
}*/

h3{
	margin-top:0px;
}

.clear{
	clear:both;
}

.white{
	color:#333 !important;
}

.margin{
	padding-top:20px;
}

.left{
	float:left !important; 
}

.border-none{
	border-bottom:none;
}

.col-margin{
	padding-bottom:30px;
}

.space{
	margin-bottom:7px;
}

.button-h{
	color:#333 !important;
}

.space2{
	margin-bottom:15px;
}

.space3{
	margin:15px 0px;
}

.space4{
	padding-bottom:20px;
}

.border-bottom{
	border-bottom:1px solid #ccc;
	padding:0 0 10px 0;
}

.border-left{
	border-left:1px solid #ccc;
}

.border-right{
	border-right:1px solid #ccc;
}

.padding-space{
	padding-top:12px;
}

.col{
	margin:0px;
	padding:0px;
}

.dark-gray{
	background:#333;
	color:#fff;
	padding:5px 10px;
}

.aroundpadding{
	padding:10px;
}
.aroundborder{
	border:1px solid #ccc;
}

.light-gray{
	background:#f1f3f2;
}

.white{
	background:#fff;
}

.yellow{
	background:#ffe59a;
}

.yellow-space{
	padding:5px;
	margin:10px 0;
}

.relative{
	position:relative;
}

textarea{
	width:100%;
	height:200px;
}

.table-border th, td{
	border-bottom:1px solid #ccc;
	padding:5px 0px;
}

table{
}

table td{
	padding:5px 5px;
	vertical-align:top;
	position:relative;
}

ol, ul{
	margin-left:0;
}

.blue{
	background:#1A4266 !important;
}

.blue a{
	color:#fff !important;
}

.left-blue-strip{
	background:#1A4266 !important;
	width:80px;
	height:100% !important;
	padding:1.5% 0%;
	position:fixed;
	z-index:1;
}

.left-blue-strip ul{
	margin:0px;
	padding:0px;
}

.left-blue-strip ul li{
	list-style:none;
	text-align:center;
	line-height:12px;
	font-family:'open_sanscondensed_light';
	/*position:relative;*/
	margin-bottom:25px;
}

.left-blue-strip ul li:hover{
	background:url(images/arrow.png) no-repeat 71px 17px;
}

.left-blue-strip ul li a{
	color:#fff;
	font-size:18px;
}

.left-blue-strip ul li a:hover{
	text-decoration:none;
}



/* Sub Mneu Css */
.left-blue-strip ul li ul{
	/* Container properties */
	width:100%;
	/*top:-49%;
	left:81px;*/
	top:0;
	left:0;
	padding:0;
	overflow:hidden;
	
	/* CSS3 Transition: */
	-webkit-transition: 0.5s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.5s;
	transition: 0.5s;
	/*background:#f9f9f9;*/
	max-height:100%;
	color:#333;
	box-shadow:0 0 5px #333;
}
.left-blue-strip ul li ul.admin{
	/* Container properties */
	top:-176%;
}
.left-blue-strip ul li ul.change-language{
	/* Container properties */
	top:-546%;
}

/* Sub Mneu Css */

.left-blue-strip ul li ul li a{
	padding:15px 41px !important;
	margin:0px 0 0px 0;
	border-bottom:1px solid #ccc;
	float:left;
	width:270px;
	color:#333;
	-webkit-transition: 0.15s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.15s;
	transition: 0.15s;
	text-align:left;
	/*background:#e9e9e9;
	height:30px !important;*/
}
.left-blue-strip ul li ul li a:hover{
	background:#1A4266 !important;
	color:#fff;
}

.left-blue-strip ul li ul li a.list-icon{
	background:url(images/list.png) no-repeat 10px 10px !important;
}

.left-blue-strip ul li ul li a:hover.list-icon{
	background:#1A4266 url(images/list-hover.png) no-repeat 10px 10px !important;
	color:#fff;
}

.left-blue-strip ul li ul li a.details{
	background:url(images/details.png) no-repeat 10px 11px !important;
}

.left-blue-strip ul li ul li a:hover.details{
	background:#1A4266 url(images/details-hover.png) no-repeat 10px 11px !important;
	color:#fff;
}

.left-blue-strip ul li ul li a.centres_a{
	background:url(images/center.png) no-repeat 10px 11px !important;
}

.left-blue-strip ul li ul li a:hover.centres_a{
	background:#1A4266 url(images/center-hover.png) no-repeat 10px 11px !important;
	color:#fff;
}

.left-blue-strip ul li ul li a.document-a{
	background:url(images/small-test.png) no-repeat 10px 11px !important;
}

.left-blue-strip ul li ul li a:hover.document-a{
	background:#1A4266 url(images/small-test-hover.png) no-repeat 10px 11px !important;
	color:#fff;
}

.left-blue-strip ul li ul li a.notice-board{
	background:url(images/notice-noard.png) no-repeat 10px 11px !important;
}

.left-blue-strip ul li ul li a:hover.notice-board{
	background:#1A4266 url(images/notice-noard-hover.png) no-repeat 10px 11px !important;
	color:#fff;
}

.left-blue-strip ul li ul li a.access-level{
	background:url(images/access-level.png) no-repeat 10px 11px !important;
}

.left-blue-strip ul li ul li a:hover.access-level{
	background:#1A4266 url(images/access-level-hover.png) no-repeat 10px 11px !important;
	color:#fff;
}

.left-blue-strip ul li ul li a.enrolled-test{
	background:url(images/enrolled-test.png) no-repeat 10px 15px !important;
}

.left-blue-strip ul li ul li a:hover.enrolled-test{
	background:#1A4266 url(images/enrolled-test-hover.png) no-repeat 10px 15px !important;
	color:#fff;
}

.left-blue-strip ul li ul li a.email-a{
	background:url(images/email.png) no-repeat 10px 11px !important;
}

.left-blue-strip ul li ul li a:hover.email-a{
	background:#1A4266 url(images/email-hover.png) no-repeat 10px 11px !important;
	color:#fff;
}

.left-blue-strip ul li ul li a.letter-a{
	background:url(images/letter.png) no-repeat 10px 11px !important;
}

.left-blue-strip ul li ul li a:hover.letter-a{
	background:#1A4266 url(images/letter-hover.png) no-repeat 10px 11px !important;
	color:#fff;
}

.left-blue-strip ul li ul li a.star-icon{
	background:url(images/star.png) no-repeat 7px 10px !important;
}

.left-blue-strip ul li ul li a:hover.star-icon{
	background:#1A4266 url(images/star-hover.png) no-repeat 7px 10px !important;
	color:#fff;
}

.left-blue-strip ul li ul li a.dashboard-icon{
	background:url(images/dashboard.png) no-repeat 10px 10px !important;
}

.left-blue-strip ul li ul li a:hover.dashboard-icon{
	background:#1A4266 url(images/dashboard-hover.png) no-repeat 15px 10px !important;
	color:#fff;
}

.left-blue-strip ul li ul li a.elearning-icon{
	background:url(images/e-learning.png) no-repeat 10px 15px !important;
}

.left-blue-strip ul li ul li a:hover.elearning-icon{
	background:url(images/e-learning.png) no-repeat 10px 15px !important;
	color:#333;
}

.left-blue-strip ul li ul li a.setting-icon{
	background:url(images/setting.png) no-repeat 10px 15px !important;
}

.left-blue-strip ul li ul li a:hover.setting-icon{
	background:url(images/setting.png) no-repeat 10px 15px !important;
	color:#333;
}

.left-blue-strip ul li ul li a.app-icon{
	background:url(images/appicon.png) no-repeat 10px 15px !important;
}

.left-blue-strip ul li ul li a:hover.app-icon{
	background:url(images/appicon.png) no-repeat 10px 15px !important;
	color:#333;
}

.left-blue-strip ul li:hover ul{
	width:auto; padding:0px 0px;
	overflow:visible;
}

.sub-menu1{
	position:absolute;
	height:100%;
	background:#f9f9f9;
	width:270px;
	left:80px;
	top:0;
	overflow:hidden;
	display:none;
	opacity:0;
}


.left-blue-strip ul li:hover .sub-menu1{
	display:block;
	opacity:1;
}

.height{
	position:relative;
	max-height:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

.right-body{
	width:100%;
	margin:auto;
	position:relative;
}

.logo h1{
	color:#1A4266;
	font-weight:bold;
}

.tab{
	margin-right:10px;
	margin-top:5px;
}

.tab ul{
	margin:0px;
	padding:0px;
}

.tab ul li{
	list-style:none;
	float:left;
	padding-left:10px;
	position:relative;
}

.tab ul li a{
	color:#333;
}

.user-list{
	position:absolute;
	left:-310px;
	display:none;
	background:#fff;
}

.inner-div{
	width:350px;
	border:1px solid #ccc;
	padding:20px;
}

.profile-width{
	width:200px;
	font-size:18px;
}

.profile-width a{
	color:#1A4266;
}

.button{
	height:30px;
	line-height:30px;
	color:#fff !important;
	background:#1A4266;
	padding:0px 15px;
	float:left;
	border-radius:3px;
	margin-top:5px;
	font-size:16px;
	font-weight:normal !important;
}

.button:hover{
	text-decoration:none;
}

.gb_Ua {
    border-color: transparent;
    border-bottom-color: #fff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: none;
    position: absolute;
    left: 6.5px;
    top: 37px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
}

.gray-color{
	background:#f2f2f2;
	border:1px solid #ccc;
	border-width:0 1px 1px 1px;
	padding:10px;
}

.breadcrumb{
	background:#f5f5f5;
	padding:5px 10px;
	margin-bottom:7px;
}

.breadcrumb a:hover{
	text-decoration:none;
}

footer{
	background:#1A4266 !important;
	padding:3px 5px;
	text-align:right;
	color:#fff;
}

footer a{
	color:#fff;
}

footer a:hover{
	color:#fff;
	text-decoration:none;
}

.course-div{
	position:relative;
}

.course-div ul{
	margin:0px;
	padding:0px;
}

.course-div ul li{
	list-style:none;
	float:left;
}

.course-div ul li a{
	background:#f5f7f6 url(images/new-courses.png) no-repeat center 12px;
	padding:53px 10px 10px 10px;
	margin-right:6px;
	border:1px solid #e4e6e5;
	float:left;
	width:125px;
	min-height:125px;
	max-height:125px;
	font-size:16px;
	text-align:center;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.course-div ul li a:hover{
	background:#003034 url(images/new-courses-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.new-category{
	background:#f5f7f6 url(images/new-category.png) no-repeat center 12px;
}

.course-div ul li a.new-category:hover{
	background:#1A4266 url(images/new-category-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.new-user{
	background:#f5f7f6 url(images/new-user.png) no-repeat center 12px;
}

.course-div ul li a.new-user:hover{
	background:#003034 url(images/new-user-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.add{
	background:#f5f7f6 url(images/Add.png) no-repeat center 12px;
}

.course-div ul li a.add:hover{
	background:#003034 url(images/Add-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.students{
	background:#f5f7f6 url(images/Students.png) no-repeat center 12px;
}

.course-div ul li a.students:hover{
	background:#003034 url(images/Students-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.classrooms{
	background:#f5f7f6 url(images/classrooms.png) no-repeat center 12px;
}

.course-div ul li a.classrooms:hover{
	background:#003034 url(images/classrooms-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.rejected-applications{
	background:#f5f7f6 url(images/rejected-applications.png) no-repeat center 12px;
}

.course-div ul li a.rejected-applications:hover{
	background:#003034 url(images/rejected-applications-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.in-process{
	background:#f5f7f6 url(images/in-process.png) no-repeat center 12px;
}

.course-div ul li a.in-process:hover{
	background:#003034 url(images/in-process-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.course-completed{
	background:#f5f7f6 url(images/course-completed.png) no-repeat center 12px;
}

.course-div ul li a.course-completed:hover{
	background:#003034 url(images/course-completed-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.new-application{
	background:#f5f7f6 url(images/new-applications.png) no-repeat center 12px;
}

.course-div ul li a.new-application:hover{
	background:#003034 url(images/new-applications-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.alumni{
	background:#f5f7f6 url(images/alumni.png) no-repeat center 12px;
}

.course-div ul li a.alumni:hover{
	background:#003034 url(images/alumni-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.staff-application{
	background:#f5f7f6 url(images/staff-applications.png) no-repeat center 12px;
}

.course-div ul li a.staff-application:hover{
	background:#003034 url(images/staff-applications-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.account{
	background:#f5f7f6 url(images/account.png) no-repeat center 12px;
}

.course-div ul li a.account:hover{
	background:#003034 url(images/account-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.attendance-summary{
	background:#f5f7f6 url(images/attendance-summary.png) no-repeat center 12px;
}

.course-div ul li a.attendance-summary:hover{
	background:#003034 url(images/attendance-summary-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.academicterms-add{
	background:#f5f7f6 url(images/academicterms-add.png) no-repeat center 12px;
}

.course-div ul li a.academicterms-add:hover{
	background:#003034 url(images/academicterms-add-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.academicterms{
	background:#f5f7f6 url(images/academicterms.png) no-repeat center 12px;
}

.course-div ul li a.academicterms:hover{
	background:#003034 url(images/academicterms-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}


.course-div ul li a.application-add{
	background:#f5f7f6 url(images/application-add.png) no-repeat center 12px;
}

.course-div ul li a.application-add:hover{
	background:#003034 url(images/application-add-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}


.course-div ul li a.assign-students{
	background:#f5f7f6 url(images/assign-students.png) no-repeat center 12px;
}

.course-div ul li a.assign-students:hover{
	background:#003034 url(images/assign-students-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}


.course-div ul li a.attendance-overview{
	background:#f5f7f6 url(images/attendance-overview.png) no-repeat center 12px;
}

.course-div ul li a.attendance-overview:hover{
	background:#003034 url(images/attendance-overview-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.capture-attendance{
	background:#f5f7f6 url(images/capture-attendance.png) no-repeat center 12px;
}

.course-div ul li a.capture-attendance:hover{
	background:#003034 url(images/capture-attendance-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}


.course-div ul li a.classrooms-add{
	background:#f5f7f6 url(images/classrooms-add.png) no-repeat center 12px;
}

.course-div ul li a.classrooms-add:hover{
	background:#003034 url(images/classrooms-add-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}


.course-div ul li a.groups{
	background:#f5f7f6 url(images/groups.png) no-repeat center 12px;
}

.course-div ul li a.groups:hover{
	background:#003034 url(images/groups-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.manage-certificate-templates{
	background:#f5f7f6 url(images/manage-certificate-templates.png) no-repeat center 12px;
}

.course-div ul li a.manage-certificate-templates:hover{
	background:#003034 url(images/manage-certificate-templates-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.manage-transcript-templates{
	background:#f5f7f6 url(images/manage-transcript-templates.png) no-repeat center 12px;
}

.course-div ul li a.manage-transcript-templates:hover{
	background:#003034 url(images/manage-transcript-templates-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.issue-certificates{
	background:#f5f7f6 url(images/issue-certificates.png) no-repeat center 12px;
}

.course-div ul li a.issue-certificates:hover{
	background:#003034 url(images/issue-certificates-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.issue-transcript{
	background:#f5f7f6 url(images/issue-transcript.png) no-repeat center 12px;
}

.course-div ul li a.issue-transcript:hover{
	background:#003034 url(images/issue-transcript-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.groups-add{
	background:#f5f7f6 url(images/groups-add.png) no-repeat center 12px;
}

.course-div ul li a.groups-add:hover{
	background:#003034 url(images/groups-add-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.timetable{
	background:#f5f7f6 url(images/timetable.png) no-repeat center 12px;
}

.course-div ul li a.timetable:hover{
	background:#003034 url(images/timetable-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}


.course-div ul li a.timetable-add{
	background:#f5f7f6 url(images/timetable-add.png) no-repeat center 12px;
}

.course-div ul li a.timetable-add:hover{
	background:#003034 url(images/timetable-add-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.attendance{
	background:#f5f7f6 url(images/attendance-black.png) no-repeat center 12px;
}

.course-div ul li a.attendance:hover{
	background:#003034 url(images/attendance-white.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-agent{
	background:#f5f7f6 url(images/add-agent.png) no-repeat center 12px;
}

.course-div ul li a.add-agent:hover{
	background:#003034 url(images/add-agent-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-assessment{
	background:#f5f7f6 url(images/add-assessment.png) no-repeat center 12px;
}

.course-div ul li a.add-assessment:hover{
	background:#003034 url(images/add-assessment-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-assessment-groups{
	background:#f5f7f6 url(images/add-assessment-groups.png) no-repeat center 12px;
}

.course-div ul li a.add-assessment-groups:hover{
	background:#003034 url(images/add-assessment-groups-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-department{
	background:#f5f7f6 url(images/add-department.png) no-repeat center 12px;
}

.course-div ul li a.add-department:hover{
	background:#003034 url(images/add-department-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.add-enquiry{
	background:#f5f7f6 url(images/add-enquiry.png) no-repeat center 12px;
}

.course-div ul li a.add-enquiry:hover{
	background:#003034 url(images/add-enquiry-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-intake{
	background:#f5f7f6 url(images/add-intake.png) no-repeat center 12px;
}

.course-div ul li a.add-intake:hover{
	background:#003034 url(images/add-intake-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-invoice{
	background:#f5f7f6 url(images/add-invoice.png) no-repeat center 12px;
}

.course-div ul li a.add-invoice:hover{
	background:#003034 url(images/add-invoice-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.receipts{
	background:#f5f7f6 url(images/receipts.png) no-repeat center 12px;
}

.course-div ul li a.receipts:hover{
	background:#003034 url(images/receipts-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.print-account{
	background:#f5f7f6 url(images/print-account.png) no-repeat center 12px;
}

.course-div ul li a.print-account:hover{
	background:#003034 url(images/print-account-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-leave-type{
	background:#f5f7f6 url(images/add-leave-type.png) no-repeat center 12px;
}

.course-div ul li a.add-leave-type:hover{
	background:#003034 url(images/add-leave-type-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-new-course{
	background:#f5f7f6 url(images/add-new-course.png) no-repeat center 12px;
}

.course-div ul li a.add-new-course:hover{
	background:#003034 url(images/add-new-course-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-permission{
	background:#f5f7f6 url(images/add-permission.png) no-repeat center 12px;
}

.course-div ul li a.add-permission:hover{
	background:#003034 url(images/add-permission-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.add-program{
	background:#f5f7f6 url(images/add-program.png) no-repeat center 12px;
}

.course-div ul li a.add-program:hover{
	background:#003034 url(images/add-program-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-user-status{
	background:#f5f7f6 url(images/add-user-status.png) no-repeat center 12px;
}

.course-div ul li a.add-user-status:hover{
	background:#003034 url(images/add-user-status-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.assessment-groups{
	background:#f5f7f6 url(images/assessment-groups.png) no-repeat center 12px;
}

.course-div ul li a.assessment-groups:hover{
	background:#003034 url(images/assessment-groups-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.my-assessment{
	background:#f5f7f6 url(images/my-assessment.png) no-repeat center 12px;
}

.course-div ul li a.my-assessment:hover{
	background:#003034 url(images/my-assessment-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-university{
	background:#f5f7f6 url(images/add-university.png) no-repeat center 12px;
}

.course-div ul li a.add-university:hover{
	background:#003034 url(images/add-university-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-college{
	background:#f5f7f6 url(images/add-college.png) no-repeat center 12px;
}

.course-div ul li a.add-college:hover{
	background:#003034 url(images/add-college-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-awardingbody{
	background:#f5f7f6 url(images/add-awardingbody.png) no-repeat center 12px;
}

.course-div ul li a.add-awardingbody:hover{
	background:#003034 url(images/add-awardingbody-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.add-faculty{
	background:#f5f7f6 url(images/add-faculty.png) no-repeat center 12px;
}

.course-div ul li a.add-faculty:hover{
	background:#003034 url(images/add-faculty-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-users-type{
	background:#f5f7f6 url(images/add-users-type.png) no-repeat center 12px;
}

.course-div ul li a.add-users-type:hover{
	background:#003034 url(images/add-users-type-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.add-enquiry-status{
	background:#f5f7f6 url(images/add-enquiry-status.png) no-repeat center 12px;
}

.course-div ul li a.add-enquiry-status:hover{
	background:#003034 url(images/add-enquiry-status-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-assessment-skill{
	background:#f5f7f6 url(images/add-assessment-skill.png) no-repeat center 12px;
}

.course-div ul li a.add-assessment-skill:hover{
	background:#003034 url(images/add-assessment-skill-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.assign-course{
	background:#f5f7f6 url(images/assign-course.png) no-repeat center 12px;
}

.course-div ul li a.assign-course:hover{
	background:#003034 url(images/assign-course-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.agent-list{
	background:#f5f7f6 url(images/agent-list.png) no-repeat center 12px;
}

.course-div ul li a.agent-list:hover{
	background:#003034 url(images/agent-list-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.statistics{
	background:#f5f7f6 url(images/statistics-1.png) no-repeat center 12px;
}

.course-div ul li a.statistics:hover{
	background:#003034 url(images/statistics-1-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.application{
	background:#f5f7f6 url(images/application.png) no-repeat center 12px;
}

.course-div ul li a.application:hover{
	background:#003034 url(images/application-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.application-guide{
	background:#f5f7f6 url(images/application-guide.png) no-repeat center 12px;
}

.course-div ul li a.application-guide:hover{
	background:#003034 url(images/application-guide-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.policies-procedures{
	background:#f5f7f6 url(images/policies-procedures.png) no-repeat center 12px;
}

.course-div ul li a.policies-procedures:hover{
	background:#003034 url(images/policies-procedures-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-project{
	background:#f5f7f6 url(images/add-project.png) no-repeat center 12px;
}

.course-div ul li a.add-project:hover{
	background:#003034 url(images/add-project-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-document{
	background:#f5f7f6 url(images/add-document.png) no-repeat center 12px;
}

.course-div ul li a.add-document:hover{
	background:#003034 url(images/add-document-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.archived-documents{
	background:#f5f7f6 url(images/archived-documents.png) no-repeat center 12px;
}

.course-div ul li a.archived-documents:hover{
	background:#003034 url(images/archived-documents-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}
.course-div ul li a.add-notice{
	background:#f5f7f6 url(images/add-notice.png) no-repeat center 12px;
}

.course-div ul li a.add-notice:hover{
	background:#003034 url(images/add-notice-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.archived-notices{
	background:#f5f7f6 url(images/archived-notices.png) no-repeat center 12px;
}

.course-div ul li a.archived-notices:hover{
	background:#003034 url(images/archived-notices-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.add-reminder{
	background:#f5f7f6 url(images/add-reminder.png) no-repeat center 12px;
}

.course-div ul li a.add-reminder:hover{
	background:#003034 url(images/add-reminder-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.user-personal-summary{
	background:#f5f7f6 url(images/user-personal.png) no-repeat center 12px;
}

.course-div ul li a.user-personal-summary:hover{
	background:#1A4266 url(images/user-personal-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.change-password{
	background:#f5f7f6 url(images/change-passowrd.png) no-repeat center 30px;
}

.course-div ul li a.change-password:hover{
	background:#1A4266 url(images/change-passowrd-hover.png) no-repeat center 30px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.new-branch{
	background:#f5f7f6 url(images/new-branch.png) no-repeat center 12px;
}

.course-div ul li a.new-branch:hover{
	background:#1A4266 url(images/new-branch-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.enroll-users{
	background:#f5f7f6 url(images/enroll-users.png) no-repeat center 12px;
}

.course-div ul li a.enroll-users:hover{
	background:#1A4266 url(images/enroll-users-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.import-ilt-sessions{
	background:#f5f7f6 url(images/import-ilt-sessions.png) no-repeat center 12px;
}

.course-div ul li a.import-ilt-sessions:hover{
	background:#1A4266 url(images/import-ilt-sessions-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.additional-fields{
	background:#f5f7f6 url(images/additional-fields.png) no-repeat center 12px;
}

.course-div ul li a.time-administratior{
	background:#f5f7f6 url(images/history.png) no-repeat center 12px;
}

.course-div ul li a:hover.time-administratior{
	background:#1A4266 url(images/history-hover.png) no-repeat center 12px;
}

.course-div ul li a.score-management{
	background:#f5f7f6 url(images/score-management.png) no-repeat center 12px;
}

.course-div ul li a:hover.score-management{
	background:#1A4266 url(images/score-management-hover.png) no-repeat center 12px;
}

.course-div ul li a.feedback-management{
	background:#f5f7f6 url(images/feedback-management.png) no-repeat center 12px;
}

.course-div ul li a:hover.feedback-management{
	background:#1A4266 url(images/feedback-management-hover.png) no-repeat center 12px;
}

.course-div ul li a.export-gift{
	background:#f5f7f6 url(images/export-gift.png) no-repeat center 12px;
}

.course-div ul li a:hover.export-gift{
	background:#003034 url(images/export-gift-hover.png) no-repeat center 12px;
}

.course-div ul li a.additional-fields:hover{
	background:#1A4266 url(images/additional-fields-hover.png) no-repeat center 12px;
	color:#fff;
	text-decoration:none;
}

.course-div ul li a.discription-box{
	background:#f5f7f6;
	padding:10px 10px 10px 10px;
	border:1px solid #e4e6e5;
	float:left;
	width:331px;
	height:110px;
	font-size:15px;
	text-align:left;
	display:none;
}

.course-div ul li a:hover.discription-box{
	color:#333;
}

.three-box{
	background:#f1f3f2;
	padding:10px 5px;
	border:1px solid #e4e6e5;
	border:1px 0;
}

.row{
	margin:0 0;
}

.border{
	border-right:1px solid #ccc;
}

.field{
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	border-top:2px solid #ccc;
}

.dark-strip{
	background:#039CA2;
	padding:5px 0px;
	text-align:center;
	color:#fff;
}

.drop-list{
	position:absolute;
	left:-173px;
	background:#fff;
	box-shadow:0 0 5px #666;
	width:200px;
	padding:10px;
	border-radius:3px;
	z-index:1;
	display:none;
}

.drop-list ul{
	margin:0px;
	padding:0px;
}

.drop-list ul li{
	list-style:none;
	line-height:20px;
	padding:0 0 0px 25px;
	margin:0px 0 5px 0;
	font-size:18px;
	float:left;
	width:200px;
	background:url(images/learner.png) no-repeat top left;
}

.drop-list ul li.course-instructors{
	background:url(images/course-instructors.png) no-repeat top left;
}

.drop-list ul li.training-material{
	background:url(images/training-material.png) no-repeat left 5px;
}

.drop-list ul li.enrolled-test{
	background:url(images/enrolled-test.png) no-repeat left 5px;
}

.drop-list ul li.reports{
	background:url(images/reports.png) no-repeat left 5px;
}

.drop-list ul li.prerequisites{
	background:url(images/prerequisites.png) no-repeat left 5px;
}

.drop-list ul li.evaluation{
	background:url(images/evaluation.png) no-repeat left 5px;
}

.drop-list ul li.advanced-settings{
	background:url(images/advance-setting.png) no-repeat left 5px;
}

.drop-list ul li.make-copy{
	background:url(images/make-copy.png) no-repeat left 5px;
}

.drop-list ul li.edit{
	background:url(images/edit.png) no-repeat left 5px;
}

.drop-list ul li.delete{
	background:url(images/delete.png) no-repeat left 5px;
}

.drop-list ul li a.border-bottom, .drop-list ul li.border-bottom{
	border-bottom:1px solid #ccc;
	float:left;
	width:180px;
	padding-bottom:5px;
}
.black_overlay1{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content1 {
        display: none;
    position: absolute;
    top: 5%;
    left: 19%;
    width: 66%;
    padding: 0px;
    background-color: white;
    z-index: 99999;
   /* overflow: auto;*/
    border-radius: 5px;
    }
	
	.heading-strip{
		background:#1A4266;
		padding:5px 10px;
		color:#fff;
	}
	
	.course-field{
		padding:10px;
	}
	
	.thumbnail2 ul{
		margin:0px;
		padding:0px;
	}
	
	.thumbnail2 ul li{
		list-style:none;
		border:none;
		float:left;
		width:152px;
		margin:0;
	}
	
	.thumbnail2 ul li a{
		background:#ccc;
		float:left;
		width:152px;
		padding:10px;
		color:#333;
	}
	
	.thumbnail2 ul li a:hover, .thumbnail2 ul li a.on{
		text-decoration:none;
		background:#333;
		color:#fff;
	}
	
	.thumwidth{
		width:24%;
		padding:0;
	}
	
	a.confirm{
		background:#666;
		height:40px;
		line-height:40px;
		padding:0 10px;
		float:right;
		color:#fff;
		margin-left:10px;
	}
	
	a:hover.confirm{
		background:#333;
		text-decoration:none;
	}
	
	a.cancel{
		background:#1A4266;
	}
	
	.display{
		display:none;
	}
	
	.thumimg ul{
		margin:0px;
		padding:0px;
	}
	
	.thumimg ul li{
		list-style:none;
		float:left;
		padding-right:10px;
	}
	
#carousel_inner {
float:left; /* important for inline positioning */
width:825px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow 
background: #F0F0F0;*/
}

#carousel_ul {
position:relative;
left:0px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
/*width:138px;*/  /* fixed width, important */
/* just styling bellow*/
padding:0px;
/*height:110px;
background: #000000;*/
margin-top:36px;
margin-bottom:10px; 
margin-left:11px; 
margin-right:2px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
float:left; 
height:130px; 
width:15px; 
background: #C0C0C0; 
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}








#carousel_inner_member {
float:left; /* important for inline positioning */
width:95%; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow 
background: #F0F0F0;*/
}

#carousel_ul_member {
position:relative;
left:0px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul_member li{
float: left; /* important for inline positioning of the list items */                                    
/*width:138px;*/  /* fixed width, important */
/* just styling bellow*/
padding:0px;
/*height:110px;
background: #000000;*/
margin-top:0px;
margin-bottom:10px; 
margin-left:15px;
margin-right:4px; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #carousel_ul_member li{ 
margin-left:4px;
}
}

#carousel_ul_member li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll_member, #right_scroll_member{
float:left; 
/*height:130px; 
width:15px; 
background: #C0C0C0; */
margin-top:28px;
}
#left_scroll_member img, #right_scroll_member img{
/*styling*/
cursor: pointer;
cursor: hand;
}








#carousel_inner_supporters {
float:left; /* important for inline positioning */
width:825px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow 
background: #F0F0F0;*/
}

#carousel_ul_supporters {
position:relative;
left:0px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul_supporters li{
float: left; /* important for inline positioning of the list items */                                    
/*width:138px;*/  /* fixed width, important */
/* just styling bellow*/
padding:0px;
/*height:110px;
background: #000000;*/
margin-top:36px;
margin-bottom:10px; 
margin-left:11px; 
margin-right:2px; 
}

#carousel_ul_supporters li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll_supporters, #right_scroll_supporters{
float:left; 
height:130px; 
width:15px; 
background: #C0C0C0; 
}
#left_scroll_supporters img, #right_scroll_supporters img{
/*styling*/
cursor: pointer;
cursor: hand;
}

.scrollmargin{
	margin-top:31px;
}

.select{
	width:90%;
    border-radius: 3px;
    height: 34px;
}

.gray-box{
	background:#F1F3F2;
	height:546px;
}

.gray-box ul{
	margin:0px;
	padding:0px;
}

.gray-box ul li{
	list-style:none;
	float:left;
	width:100%;
	margin:0px;
	line-height:36px;
}

.gray-box ul li a{
	float:left;
	color:#333;
	width:100%;
	background:url(images/learner.png) no-repeat 4px 7px;
	padding:0 0px 0 30px;
}

.newuser ul li a{
	background:none;
}

.newuser ul li a:hover{
	background:#0465ac !important;
}

.gray-box ul li a:hover{
	color:#fff;
	background:#0465ac url(images/learner-hover.png) no-repeat 4px 7px;
	text-decoration:none;
}

.gray-box ul li a.selectli{
	color:#fff;
	background:#1a4266 url(images/learner-hover.png) no-repeat 4px 7px;
	text-decoration:none;
}

.gray-box ul li a.groups{
	background:url(images/enrolled-test.png) no-repeat 4px 12px;
	padding:0 0px 0 30px;
}

.gray-box ul li a:hover.groups{
	background:#0465ac url(images/enrolled-test-hover.png) no-repeat 4px 12px;
}

.gray-box ul li a:hover.select-groups{
	background:#1a4266 url(images/enrolled-test-hover.png) no-repeat 4px 12px;
}

.gray-box ul li a.branch{
	background:url(images/branch.png) no-repeat 4px 10px;
	padding:0 0px 0 30px;
}

.gray-box ul li a:hover.branch{
	background:#0465ac url(images/branch-hover.png) no-repeat 4px 10px;
}

.gray-box ul li a:hover.select-branch{
	background:#1a4266 url(images/branch-hover.png) no-repeat 4px 10px;
}

.course-pic{
	width:90px;
	float:left;
	margin-right:20px;
}

.course-pic img{
	border:1px solid #ccc;
	padding:2px;
}

.course-heading{
	width:50%;
	float:left;
}

.course-heading h2{
	background:url(images/test-flag.png) no-repeat top left;
	padding:0 0 0 30px;
	line-height:20px;
}

.padding-button{
	padding-top:42px;
}

.training-button{
	background:#1a4266;
	font-size:18px;
}

.btn-default{
	color:#fff;
}

.dropdown-menu{
	/*width:400px;*/
	left:-35px;
	/*padding:10px;
	font-size:18px;
	z-index:1;*/
}

.dropdown-menu-reminder{
	left: -250px;
}

@media(max-width: 640px){
	.dropdown-menu-reminder{
		left: -35px;
	}
}

.dropdown-toggle.btn-default{
	background:#1a4266 !important;
	color:#fff !important;
}

.dropdown-menu dl{
	margin:0px;
	padding:62px 0 0 0;
}

.dropdown-menu dl dt{
	width:120px;
	float:left;
	border-bottom:1px solid #ccc;
	padding-bottom:8px;
}

.dropdown-menu dl dd{
	width:258px;
	float:left;
	border-bottom:1px solid #ccc;
	padding-bottom:4px;
}

.dropdown-menu dl dd a{
	color:#333;
	float:left;
	width:253px;
	padding:2px 0 2px 40px;
	background:url(images/small-folder.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a:hover{
	background:#333 url(images/small-folder-hover.png) no-repeat 8px 3px;
	color:#fff;
	text-decoration:none;
}

.dropdown-menu dl dd a.scorm{
	background:url(images/small-scorm.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.scorm:hover{
	background:#333 url(images/small-scorm-hover.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.aicc{
	background:url(images/small-aicc.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.aicc:hover{
	background:#333 url(images/small-aicc-hover.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.tin-can{
	background:url(images/small-tin-can.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.tin-can:hover{
	background:#333 url(images/small-tin-can-hover.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.video{
	background:url(images/small-video.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.video:hover{
	background:#333 url(images/small-video-hover.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.file{
	background:url(images/small-file.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.file:hover{
	background:#333 url(images/small-file-hover.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.assignment{
	background:url(images/small-assignment.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.assignment:hover{
	background:#333 url(images/small-assignment-hover.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.slides-converter{
	background:url(images/small-slides-converter.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.slides-converter:hover{
	background:#333 url(images/small-slides-converter-hover.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.html-page{
	background:url(images/small-html-page.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.html-page:hover{
	background:#333 url(images/small-html-page-hover.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.survey{
	background:url(images/small-survey.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.survey:hover{
	background:#333 url(images/small-survey-hover.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.test{
	background:url(images/small-test.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd a.test:hover{
	background:#333 url(images/small-test-hover.png) no-repeat 8px 3px;
}

.dropdown-menu dl dd.clear{
	clear:both;
	width:100%;
	border:none;
	float:none;
}

.fix-height{
	width:96%;
	height:70px;
	border-bottom:1px solid #ccc;
	position:absolute;
	top:0;
	background:#fff;
	padding:10px 0 0 0;	
}

.lightgray{
	background:#f5f5f5;
	height:550px;
	padding:20px;
	margin-bottom: 3%;
}

.strip{
	padding:20px;
	margin:10px 0;
}

.box-height{
	min-height:150px;
	width:48%;
	padding:10px;
}

.tab-content{
	border:1px solid #ddd;
	border-width:0 1px 1px 1px;
	padding:10px;
}

.white-strip{
	background:url(images/white-strip.png) repeat-y top left;
    float: left;
    width: 100%;
}

.pull-right{
	position:relative;
}

.setting-menu ul{
	margin:0px;
	padding:0px;
}

.setting-menu ul li{
	list-style:none;
	float:left;
	width:100%;
	line-height:40px;
	margin-bottom:0;
}

/*.setting-menu ul li a{
	background:url(images/details.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li a:hover, .setting-menu ul li a.select-setting{
	background:#333 url(images/details-hover.png) no-repeat 10px 10px;
	color:#fff;
	text-decoration:none;
}*/
.setting-menu ul li.profile-icon a{
	background:url(images/profile-icon.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.profile-icon a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/profile-icon.png) no-repeat 10px 10px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li.college-icon a{
	background:url(images/college-icon.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.college-icon a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/college-icon-hover.png) no-repeat 10px 10px;
	color:#fff;
	text-decoration:none;
}


.setting-menu ul li.financial-icon a{
	background:url(images/financial.png) no-repeat 8px 8px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.financial-icon a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/financial-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li.rota a{
	background:url(images/rota.png) no-repeat 8px 8px;
	background-size: 26px 26px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.rota a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/rota-hover.png) no-repeat 8px 8px;
	background-size: 26px 26px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li.change-status a{
	background:url(images/change-status.png) no-repeat 8px 8px;
	background-size: 26px 26px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.change-status a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/change-status-hover.png) no-repeat 8px 8px;
	background-size: 26px 26px;
	color:#fff;
	text-decoration:none;
}
.setting-menu ul li.attendance a{
	background:url(images/attendance-black.png) no-repeat 8px 8px;
	background-size: 26px 26px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.attendance a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/attendance-white.png) no-repeat 8px 8px;
	background-size: 26px 26px;
	color:#fff;
	text-decoration:none;
}
.setting-menu ul li.qalification-icon a{
	background:url(images/qalification.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}


.setting-menu ul li.qalification-icon a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/qalification-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li.statement-icon a{
	background:url(images/statement.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.statement-icon a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/statement-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}


.setting-menu ul li.correspondence-icon a{
	background:url(images/correspondence.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.correspondence-icon a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/correspondence-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li.upload-document-icon a{
	background:url(images/upload-document.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.upload-document-icon a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/upload-document-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li.personal-statement a{
	background:url(images/personal-statement.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.personal-statement a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/personal-statement-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li.parent-details a{
	background:url(images/parent-details.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.parent-details a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/parent-details-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li.email-settings a{
	background:url(images/email-settings.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.email-settings a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/email-settings-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li.college-document a{
	background:url(images/college-document.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.college-document a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/college-document-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li.my-course-icon a{
	background:url(images/my-course-icon.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.my-course-icon a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/my-course-icon-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li.status-icon a{
	background:url(images/status-icon.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.status-icon a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/status-icon-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li.assign-mentor a{
	background:url(images/assign-mentor.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.assign-mentor a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/assign-mentor-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}
.setting-menu ul li.assign-assessor a{
	background:url(images/assign-assessor.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.assign-assessor a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/assign-assessor-hover.png) no-repeat 8px 8px;
	color:#fff;
	text-decoration:none;
}

.setting-menu ul li a.select-statistics{
	background:url(images/statistics.png) no-repeat 10px 10px;
}

.setting-menu ul li.webinars-icon a{
	background:url(images/webinars.png) no-repeat 10px 10px;
	color:#333;
	float:left;
	width:100%;
	padding-left:40px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-transition:all 0.5s;
}

.setting-menu ul li.webinars-icon a:hover, .setting-menu ul li a.select-setting{
	background:#039CA2 url(images/webinars-hover.png) no-repeat 10px 10px;
	color:#fff;
	text-decoration:none;
}
.setting-menu ul li a.select-statistics:hover{
	background:#333 url(images/statistics-hover.png) no-repeat 10px 10px;
}

.setting-menu ul li a.select-statistics-img{
	background:#333 url(images/statistics-hover.png) no-repeat 10px 10px;
	color:#fff;
}

.setting-menu ul li a.courses{
	background:url(images/course.png) no-repeat 10px 10px;
}

.setting-menu ul li a.courses:hover{
	background:#333 url(images/course-hover.png) no-repeat 10px 10px;
}

.setting-menu ul li a.courses-img{
	background:#333 url(images/course-hover.png) no-repeat 10px 10px;
	color:#fff;
}

.setting-menu ul li a.social{
	background:url(images/social.png) no-repeat 10px 15px;
}

.setting-menu ul li a.social:hover{
	background:#333 url(images/social-hover.png) no-repeat 10px 15px;
}

.setting-menu ul li a.social-img{
	background:#333 url(images/social-hover.png) no-repeat 10px 15px;
	color:#fff;
}

.setting-menu ul li a.webinars{
	background:url(images/webinars.png) no-repeat 10px 15px;
}

.setting-menu ul li a.webinars:hover{
	background:#333 url(images/webinars-hover.png) no-repeat 10px 15px;
}

.setting-menu ul li a.webinars-img{
	background:#333 url(images/webinars-hover.png) no-repeat 10px 15px;
	color:#fff;
}

.setting-menu ul li a.time-options{
	background:url(images/time-options.png) no-repeat 10px 10px;
}

.setting-menu ul li a.time-options:hover{
	background:#333 url(images/time-options-hover.png) no-repeat 10px 10px;
}

.setting-menu ul li a.select-time-options{
	background:#333 url(images/time-options-hover.png) no-repeat 10px 10px;
}

.setting-menu ul li a.certificates{
	background:url(images/certificate.png) no-repeat 10px 10px;
}

.setting-menu ul li a.certificates:hover{
	background:#333 url(images/certificate-hover.png) no-repeat 10px 10px;
}

.setting-menu ul li a.select-certificates{
	background:#333 url(images/certificate-hover.png) no-repeat 10px 10px;
}

.setting-menu ul li a.course-player{
	background:url(images/course-player.png) no-repeat 10px 10px;
}

.setting-menu ul li a.course-player:hover{
	background:#333 url(images/course-player-hover.png) no-repeat 10px 10px;
}

.setting-menu ul li a.select-course-player{
	background:#333 url(images/course-player-hover.png) no-repeat 10px 10px;
}

.setting-menu ul li a.social-reating{
	background:url(images/social-rating.png) no-repeat 10px 10px;
}

.setting-menu ul li a.social-reating:hover{
	background:#333 url(images/social-rating-hover.png) no-repeat 10px 10px;
}

.setting-menu ul li a.social-reating-player{
	background:#333 url(images/social-rating-hover.png) no-repeat 10px 10px;
}

.setting-menu ul li a.final-score{
	background:url(images/final-score.png) no-repeat 10px 10px;
}

.setting-menu ul li a.final-score:hover{
	background:#333 url(images/final-score-hover.png) no-repeat 10px 10px;
}

.setting-menu ul li a.set-questions-visualization{
	background:url(images/set-questions-visualization.png) no-repeat 10px 10px;
}

.setting-menu ul li a.set-questions-visualization:hover{
	background:#333 url(images/set-questions-visualization-hover.png) no-repeat 10px 10px;
}

.setting-menu ul li a.set-questions-visualization-setting{
	background:#333 url(images/set-questions-visualization-hover.png) no-repeat 10px 10px;
	color:#fff;
}

.setting-menu ul li a.final-score-setting{
	background:#333 url(images/final-score-hover.png) no-repeat 10px 10px;
}

.course-div ul li a.create-group{
	background:url(images/create-group.png) no-repeat 20px 15px;
}

.course-div ul li a.create-group:hover{
	background:#333 url(images/create-group-hover.png) no-repeat 20px 15px;
}

.circle{
	border:8px solid #ccc;
	border-radius:100%;
	width:100px;
	height:100px;
	text-align:center;
	padding:25px 0 0 0;
}

.user{
	padding:35px 0 0 0;
}

.three-tab-evaluation{
	margin:15px 0;
}

.three-tab-evaluation ul{
	margin:0px;
	padding:0px;
}

.three-tab-evaluation ul li{
	list-style:none;
	float:left;
}

.three-tab-evaluation ul li a{
	background:#f1f3f2;
	padding:0 20px;
	margin-right:5px;
	height:50px;
	line-height:50px;
	color:#333;
	float:left;
}

.three-tab-evaluation ul li a:hover, .three-tab-evaluation ul li a.selecttab{
	background:#333;
	color:#fff;
	text-decoration:none;
}

.edit-ul{
	width:200px;
	left:0;
}

.edit-ul ul{
	margin:0px;
	padding:0px;
}

.edit-ul ul li{
	list-style-type:inherit;
	margin-bottom:0px;
	float:left;
	width:200px;
}

.edit-ul ul li a{
	float:left;
	width:180px;
	padding:0 10px;
}

.edit-ul ul li a:hover{
	background:#333;
	color:#fff;
	text-decoration:none;
}

.imgborder img{
	border:1px solid #ccc;
	padding:2px;
}

.email{
	padding-top:10px;
	line-height:30px;
}

.heading1{
	border-bottom:none;
}
ul.buttonlist >li> a {
   background: #039ca2 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 0.5em;
    text-align: center;
    width: 142px;
 
}

ul.buttonlist >li {
    list-style: none;
    float: left;
    margin-bottom: 5px;
 
}

ul.buttonlist {
    margin: 15px 0 0;
    padding: 0px;
}
.pagination > li.selected > a {
  background-color: #003034;color: #fff;

}
.pagination > li.selected:first-child > a{
	 background-color: #003034;
	 color: #fff;
	 border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-color: #003034;
}
.pagination > li.selected:last-child > a{
	 background-color: #003034;
	 color: #fff;
	 border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-color: #003034;
}