* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
html {}
body { color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:140%; background:#ECECEC url(../imgs/header-bg.png) repeat-x 0px -325px; }
body a { color:#0092E4; text-decoration:underline; }
body a:hover { color:#0092E4; text-decoration:none; }
body a:focus { outline:none; }

form { display:inline; }
fieldset { border:none; }
textarea, select, input[type='text'], input[type='password'], .multiselect { -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; outline:0; /* Styling */ padding:6px 6px 6px 6px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000; border:solid 1px #CCCCCC; background-color:#FFFFFF; /* IE7 */ *padding-top:4px; *padding-bottom:4px; *height:auto; }
@media (-webkit-min-device-pixel-ratio: 0) { select { background-image:url(../imgs/html-select-arrow.gif); background-repeat:no-repeat; background-position:right center; padding-right:30px; } }
textarea:focus, select:focus, input[type='text']:focus, input[type='password']:focus { border-color:#999999; box-shadow: 0px 0px 5px #CCCCCC; }
input[readonly='readonly'], input[readonly='readonly']:focus { color:#999999; border:dotted 1px #CCCCCC; box-shadow:none; }
.multiselect { overflow:auto; height:167px; padding:0; font-size:14px; }
.multiselect label { display:block; padding:2px 6px; border-bottom:dotted 1px #CCCCCC; }
.multiselect label:last-child { border-bottom:none; }
.multiselect label input { margin-right:5px; }
	
.button { -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; outline:0; display:inline-block; padding:6px 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; border:solid 1px #333333; background:#333333; text-decoration:none; cursor:pointer; }
.button:hover { color:#FFFFFF; }
.button.slim { padding:3px 15px; font-size:13px; background-position:0 -5px; }
.button.red { background-color:#FF6600; border-color:#FF6600; }
.button.green { background-color:#B5CE2F; border-color:#B5CE2F; }

.title-1 { margin-bottom:20px; color:#444444; font-size:170%; font-weight:normal; line-height:140%; }
.title-2 { margin-bottom:20px; color:#444444; font-size:150%; font-weight:normal; line-height:140%; }
.title-3 { margin-bottom:15px; color:#444444; font-size:130%; font-weight:normal; line-height:140%; }
.title-4 { margin-bottom:10px; color:#999999; font-size:110%; font-weight:normal; line-height:140%; }

.container { margin-bottom:20px; }

.response { margin-bottom:20px; padding:16px 20px; font-size:120%; line-height:150%; text-align:center; background:#FFFFFF; }
.response.ERROR { color:#FF6600; }
.response.SUCCESS { color:#B5CE2F; }
.response.WARNING { color:#FC0; }

.pager { display:block; margin-top:20px; vertical-align:bottom; }
.pager button { display:inline-block; width:30px; height:30px; margin:0 5px 5px 0; padding:0; font-size:100%; line-height:30px; text-align:center; color:#3B3D3D; background:#ffffff; border:none; cursor:pointer; }
.pager button[disabled="disabled"] { color:#FFFFFF; cursor:default; background:#B5CE2F; }
.pager button[disabled="disabled"].arrow { background:#ffffff; color:#D0D0D0; }
.pager button[disabled="disabled"].separator  { width:12px; background:#ffffff; color:#D0D0D0; }

.col.fill-white { background:#FFFFFF; }
.col.fill-green { background:#B5CE2F; }

.header { position:relative; height:110px; margin-top:20px; margin-bottom:20px; background:#FFFFFF; overflow:hidden; }
.header .logo { position:absolute; top:10px; right:20px; width:210px; }
.header h1 { display:block; margin:30px 0 0 20px; color:#B5CE2F; font-size:150%; font-weight:normal; }
.header h2 { display:block; margin:10px 0 0 20px;font-size:110%; font-weight:normal; }
.company-select { margin-bottom:20px; padding:10px; background:#FFFFFF; }
.company-select label { float:left; margin-top:5px; }
.company-select .field { margin-left:100px;  }
.company-select .field select[name="CompanyID"] { border:none; width:100%; }
.main .nav.primary { background:#FFFFFF; }
.main .nav.primary > ul > li { list-style:none; }
.main .nav.primary > ul > li > a { display:block; padding:15px 10px; border-bottom:solid 1px #ECECEC; color:#666666; text-decoration:none; }
.main .nav.primary > ul > li > a:hover { color:#333333; }
.main .nav.primary > ul > li > ul > li { list-style:none; }
.main .nav.primary > ul > li > ul > li > a { display:block; padding:5px 10px 5px 15px; border-bottom:solid 1px #F5F5F5; font-size:90%; color:#0092E4; text-decoration:underline; }
.main .nav.primary > ul > li > ul > li > a:hover { text-decoration:none; }
.main .nav.breadcrumb { overflow:hidden; margin-bottom:10px; }
.main .nav.breadcrumb ul li { float:left; color:#999999; list-style:none; }
.main .nav.breadcrumb ul li a { color:#999999; text-decoration:none; }
.main .nav.breadcrumb ul li a:hover { text-decoration:underline; }
.main .content { margin-left:240px; }
.main .content .col > .block { padding:20px; border-bottom:solid 1px #ECECEC; }
.footer { margin-top:20px; }

.tabs { padding:20px; border-bottom:solid 1px #F5F5F5; }
.tabs ul { list-style:none; overflow:hidden; }
.tabs ul li { float:left; margin:0 5px 0 0; }
.tabs ul li.right { float:right; margin:0 0 0 5px; list-style:none; }
.tabs ul li a { display:block; padding:5px 15px; }
.tabs ul li.active a { color:#FFFFFF; text-decoration:none; background:#1f4495 url(../imgs/button-shine.png) repeat-x left top; }

.form-1 .field { padding:15px 20px; border-bottom:solid 1px #ECECEC; overflow:hidden; }
.form-1 .label { display:block; float:left; width:180px; margin-top:5px; padding-left:20px;}
.form-1 .label .required { color:#FF3300; font-size:130%; line-height:5px; }
.form-1 .input { display:block; margin-left:220px; padding-right:20px; }
.form-1 .note { margin-top:5px; font-size:85%; font-style:italic; color:#999999; }

.form-2 fieldset { border:solid 1px #ECECEC; border-width:1px 1px 0 1px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.form-2 .field { padding:15px 20px; border-bottom:solid 1px #ECECEC; background:#F4F4F4; overflow:hidden; }
.form-2 .field:nth-child(even) { background:#F9F9F9; }
.form-2 .field:first-child { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.form-2 .field:last-child { -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.form-2 .label { display:block; float:left; width:180px; margin-top:5px; }
.form-2 .label .required { color:#FF3300; font-size:130%; line-height:5px; }
.form-2 .input { display:block; margin-left:200px; }
.form-2 .input label { line-height:25px; }
.form-2 .note { margin-top:5px; font-size:85%; font-style:italic; color:#999999; }
.form-2 .cancel { color:#FF6600; }

.table-1 { width:100%; border:solid 1px #ECECEC; border-width:1px 1px 0 0; border-spacing:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.table-1 tr { background:#F4F4F4; }
.table-1 tr:nth-child(even) { background:#F9F9F9; }
.table-1 th, .table-1 td  { padding:12px 10px; border:solid 1px #ECECEC; border-width:0 0 1px 1px; text-align:left; vertical-align:middle; font-weight:normal; }
.table-1 th:first-child { -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; }
.table-1 th:last-child { -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; }
.table-1 tr:last-child td:first-child { -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; }
.table-1 tr:last-child td:last-child { -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; }
.table-1 thead tr { background:#AAAAAA; color:#EBEBEB; }
.table-1 thead th, .table-1 thead td  { border:solid 1px #AAAAAA; }
.table-1 th.right, .table-1 td.right  { text-align:right }
.table-1 .spacer { height:20px; }
.table-1 .spacer-10 { height:10px; }
.table-1 .spacer-5 { height:5px; }
.table-1 .no-records td { padding:25px 6px; text-align:center; }

.table-2 { width:100%; border:solid 1px #ECECEC; border-width:1px 1px 1px 1px; border-spacing:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.table-2 tr { background:#F4F4F4; }
.table-2 tr:nth-child(even) { background:#F9F9F9; }
.table-2 th, .table-2 td  { padding:10px; border:solid 1px #ECECEC; border-width:0 0 1px 0; text-align:left; vertical-align:middle; font-weight:normal; }
.table-2.dotted th, .table-2.dotted td  { border-style:dotted; }
.table-2 th:first-child { -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; }
.table-2 th:last-child { -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; }
.table-2 tr:last-child td:first-child { -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; }
.table-2 tr:last-child td:last-child { -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; }
.table-2 tr:last-child th, .table-2 tr:last-child td { border:none; }
.table-2 thead tr { background:#AAAAAA; color:#EBEBEB; }
.table-2 thead th, .table-2 thead td  { border:solid 1px #AAAAAA; }
.table-2 th.right, .table-2 td.right  { text-align:right }
.table-2 .no-records td { padding:25px 6px; text-align:center; }

.table-3 { width:100%; border-spacing:0; }
.table-3 thead:after, .table-3 tbody:after { content:''; display:block; height:5px; }
.table-3 tr { background:#F4F4F4; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.table-3 tbody:nth-child(even) tr { background:#F9F9F9; }
.table-3 th, .table-3 td { padding:10px; border:solid 1px #ECECEC; border-width:1px 0; text-align:left; vertical-align:middle; font-weight:normal; }
.table-3 tr th:first-child, .table-3 tr td:first-child { border-left-width:1px; }
.table-3 tr th:last-child, .table-3 tr td:last-child { border-right-width:1px; }
.table-3 tr:first-child th:first-child, .table-3 tr:first-child td:first-child { -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; }
.table-3 tr:first-child th:last-child, .table-3 tr:first-child td:last-child { -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; }
.table-3 tr:last-child th:first-child, .table-3 tr:last-child td:first-child { -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; }
.table-3 tr:last-child th:last-child, .table-3 tr:last-child td:last-child { -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; }
.table-3 thead tr { background:#AAAAAA; color:#EBEBEB; }
.table-3 thead th, .table-3 thead td  { border:solid 1px #AAAAAA; }
.table-3 th.right, .table-3 td.right  { text-align:right }
.table-3 .no-records td { padding:25px 6px; text-align:center; }

.table-4 { width:100%; border-collapse:collapse; }
.table-4 tbody tr { border:solid 1px #ECECEC; border-width:1px 0; }
.table-4 th, .table-4 td  { padding:10px; text-align:left; vertical-align:middle; font-weight:normal; }
.table-4 thead th, .table-4 thead td  { color:#333333; font-weight:bold; }
.table-4 th.right, .table-4 td.right  { text-align:right }

.action-panel { overflow:hidden; }
.action-panel .archive { padding:12px 20px !important; text-align:right !important; color:#FF3300 !important; background:#FDE0DF !important; border:solid 1px #FF3300 !important; border-width:1px 1px 1px 1px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border-radius:3px !important; }

.courseTypeSpecific { display:none; }

/* Minimal Popup */
body.minimal.popup { background:#FFFFFF; }
body.minimal.popup .container { background:#FFFFFF; }
body.minimal.popup .container .nav.primary { display:none; }
body.minimal.popup .container .footer { display:none; }
body.minimal.popup .container .header { display:none; }
body.minimal.popup .container .main .content { margin-left:0; }
body.minimal.popup .container .col.span-1,
body.minimal.popup .container .col.span-2,
body.minimal.popup .container .col.span-3,
body.minimal.popup .container .col.span-4,
body.minimal.popup .container .col.span-5,
body.minimal.popup .container .col.span-6,
body.minimal.popup .container .col.span-7,
body.minimal.popup .container .col.span-8,
body.minimal.popup .container .col.span-9,
body.minimal.popup .container .col.span-10,
body.minimal.popup .container .col.span-11,
body.minimal.popup .container .col.span-12  { width:100%; }

/* Login */
#login .response { font-size:100%; line-height:150%; }
#login { background:#B5CE2F; }
#login .container { position:absolute; top:0; right:0; bottom:0; left:0; width:auto; }
#login .main { display:table; width:100%; height:90%; margin:0; }
#login .main .content { display:table-cell; vertical-align:middle; text-align:center; background:none; margin:0; }
#login .main .content .login-panel { width:100%; max-width:400px; margin:20px auto 0 auto; padding:20px 40px; background:#F5F5F5; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; box-shadow: 0px 0px 10px #999999; }
#login .main .content .login-panel .logo { width:200px; margin:0 auto 10px 0; }
#login .main .content .login-panel form input[type='text'] { margin-bottom:10px; width:100%; color:#666; font-size:22px; text-align:center; }
#login .main .content .login-panel form input[type='password'] { margin-bottom:10px; width:100%; color:#666; font-size:22px; font-family:Verdana,sans-serif; text-align:center; letter-spacing:4px; }
#login .main .content .login-panel .response { width:100%; margin:0 0 20px 0; padding:0; text-align:center; background:none; }

/* Dashboard */
#dashboard .main .content .col { margin-bottom:20px; }
#dashboard .main .content .col { height:150px; }
#dashboard .main .content .welcome { padding:20px; }
#dashboard .main .content .counter > * { padding:10px 20px; }
#dashboard .main .content .counter > a { display:block; text-decoration:none; color:#666666; }
#dashboard .main .content .counter .count { display:block; font-size:350%; line-height:150%; }
#dashboard .main .content .counter .label { display:block; font-size:120%; line-height:140%; color:#B5CE2F; }
#dashboard .main .content .counter .more { display:block; margin-top:5px; }
#dashboard .main .content .counter { background-repeat:no-repeat; background-position:130px 20px; }
#dashboard .main .content .counter.credits-remaining { background-image:url(../imgs/icons/money-grey-48x48.png); }
#dashboard .main .content .counter.scheduled-events { background-image:url(../imgs/icons/calendar-grey-48x48.png); }
#dashboard .main .content .counter.students-required { background-image:url(../imgs/icons/people-grey-48x48.png); }
#dashboard .main .content .counter.grading-required { background-image:url(../imgs/icons/clipboard-tick-grey-48x48.png); }
#dashboard .main .content .counter.certificates-created { background-image:url(../imgs/icons/cup-grey-48x48.png); }

#dashboard .main .content .upcoming-events { background-image:url(../imgs/icons/calendar-tick-white-48x48.png); background-repeat:no-repeat; background-position:25px 20px; }
#dashboard .main .content .upcoming-events .no-events { padding:45px 30px 10px 100px; color:#FFFFFF; text-decoration:none; text-align:center; }
#dashboard .main .content .upcoming-events ul { height:100%; }
#dashboard .main .content .upcoming-events ul li { height:100%; list-style:none; }
#dashboard .main .content .upcoming-events ul li a { display:block; padding:20px 20px 10px 100px; color:#FFFFFF; text-decoration:none; }
#dashboard .main .content .upcoming-events ul li .date { display:block; font-size:140%; line-height:150%; }
#dashboard .main .content .upcoming-events ul li .time { display:block; font-size:220%; line-height:150%; }
#dashboard .main .content .upcoming-events ul li .course { display:block; font-size:100%; line-height:150%; }

#dashboard .main .content .special-offers { height:auto; padding:0 30px; background-image:url(../imgs/icons/special-white-48x48.png); background-repeat:no-repeat; background-position:25px 20px; }
#dashboard .main .content .special-offers .label { margin:20px 0 0 80px; color:#FFFFFF; font-size:90%; }
#dashboard .main .content .special-offers ul { margin-left:80px; }
#dashboard .main .content .special-offers ul li { padding:2px 0 20px 0; list-style:none; color:#FFFFFF; font-size:140%; line-height:150%; }

/* Reports */
#reports .report .name { }
#reports .report .name a { display:block; background:url(../imgs/icons/plus-charcoal-16x16.png) no-repeat right center; }
#reports .report .filters { margin-top:15px; }

#report-details { background:#ECECEC; }
#report-details .fixed { position:fixed; top:0px; left:0px; width:100%; z-index:10; }
#report-details .reportNavBar { padding:8px; background:#FFF8D9; border-bottom:solid 1px #212121; overflow:hidden; }
#report-details .response_ERROR { margin:0px 0px 10px 0px; padding:10px 20px 10px 45px; }
#report-details .response_SUCCESS { margin:0px 0px 10px 0px; padding:10px 20px 10px 45px; font-weight:bold; }
#report-details .response_WARNING { margin:0px 0px 10px 0px; padding:10px 20px 10px 45px; }
#report-details table th { padding:8px; background-color:#212121; border:solid 1px #212121; border-width:0px 1px 1px 0px; color:#FFFFFF; white-space:nowrap; }
#report-details table td { padding:8px; border:solid 1px #D8D8D8; border-width:0px 1px 1px 0px; white-space:nowrap; }
#report-details table td a { color:#006699; }
#report-details table tr { background:#F9F9F9; }
#report-details table tr:nth-child(odd) { background:#F4F4F4; }
#report-details table tr.selected td { background:#D8D8D8; }
#report-details table td input[type="text"] { padding:3px; }

/* Media Queries */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width:768px) and (max-width:977px) {
	.main .content { margin-left:192px; }
	
	#dashboard .main .content .col { height:170px; }
	#dashboard .main .content .counter { background-position:100px 20px; }
	}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
	.main .content { margin-left:0; }
	
	.header { width:auto; margin:10px; }
	
	.form-1 .label { float:none; padding-left:0; }
	.form-1 .input { margin-left:0; }
	
	.form-2 .label { float:none; }
	.form-2 .input { margin-left:0; }
	}