* { padding: 0; margin: 0; outline: 0; }

body { font-size: 12px; font-family:Helvetica; color: #000; background: #fff url(/images/body.gif) repeat-x 0 0; text-align: left;}

a img { border: 0; }
a { color: #000; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

.cl { font-size: 0; line-height: 0; height: 0; padding: 0px; clear: both; }
.dotted {margin: 10px 10px 30px 10px; border: 1px dotted;}
.action { float:right; border: 1px solid #ddd; padding: 10px; font-size: 16px; margin: 0; }
/*div.action {clear:right;}*/
.hint { color:#666; font-size:90%; font-style:italic;}

.shell { margin: 0 auto; width:940px; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }

hr { border: 1px solid #aaa; }

#messages { font-size: 1.2em;}
#messages .message-wrap { margin: 5px 0 18px 0;  }
#messages .message-wrap .flash-message { padding:15px 15px 15px 43px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-top-radius: 6px;}
#messages .success .flash-message { border: 1px solid #179F00; background-color: #F1FFEF; color: #181F17; background: #F1FFEF url(/images/message-success.jpg) no-repeat 5px 7px; }
#messages .notice .flash-message,
#messages .info .flash-message { border: 1px solid #FFA70F; background-color: #FFFFCF; color: #181F17; background: #FFFFCF url(/images/message-warning.jpg) no-repeat 5px 7px; }
#messages .error .flash-message { border: 1px solid #FF0F0F; background-color: #FFDFDF; color: #181F17; background: #FFDFDF url(/images/message-error.jpg) no-repeat 5px 7px; }
#messages .close { padding: 15px 15px 5px 0; margin-left: 15px;}

input[type="text"],
input[type="password"],
input[type="file"],
textarea,
.roles-select { width:300px; border:1px solid #CCC; padding:5px; font-size:120%; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px;}

input[type="text"].wide { width: 600px; }
input[type="text"].short { width: 50px; }

/* Twin Helix Alpha Transparent PNG fix */
img {behavior:url(/stylesheets/iepngfix.htc);}



h1#logo {font-size:0; line-height:0; width:580px; height:155px; margin: 0; padding: 0; float:left;}
h1#logo img { padding-top:0px;  }
h1#logo img#org-logo, h1#logo img#eln-logo { margin-top:35px;}

/*#header {position:relative;}*/
/*#header #exam-offering { position: absolute; top: 55px; right: 0px; width: 218px; height: 96px; background: url(/images/white-button-left.jpg)  no-repeat; }*/
#header #exam-offering { width: 218px; height: 96px; background: url(/images/white-button-left.jpg) no-repeat; float:right; padding: 0; margin:40px 0 0 0; }
#header #exam-offering h3 { position: relative; margin: 12px 0 0 65px; width: 150px; font-size: 14px; color: #3e3a37;}
#header #exam-offering p { position: relative; margin: 3px 0 0 65px; width: 145px;  }
#header #exam-offering p a { margin: 15px 0 0 0px; width: 150px; color: #1c7ec2; }
#header #exam-offering p.offering { font-size: 14px; color: #707070; }
#header #exam-offering p.change { margin-top: 4px; font-size: 11px; }


h2{font-family:Georgia; font-size:25px; color:#707070; font-weight:normal; padding-bottom: 10px;line-height: 1em;}

#navigation{height:42px; overflow:hidden}
#navigation ul{float:left; padding-left:3px}
#navigation li{display:inline;}
#navigation li a{display:block; background:#fee1ae; border-left:1px solid #fdc462;border-right:1px solid #fff; float:left; text-decoration:none; margin-top:7px; font-family:Helvetica;}
#navigation li a span{float:left;padding:10px 18px 7px 14px; text-transform:uppercase}
#navigation li a:hover{background:#feeccc; color:#000 }
#navigation li a.active{background:url(/images/a-hover.gif) no-repeat right top; padding:0 15px 0 0; border-left:0; margin-top:5px;}
#navigation li a.active span{background:url(/images/a-hover.gif) no-repeat 0 top; padding:11px 0 15px 14px; color:#fff; font-weight:bold;}

#navigation p{float:right; padding-top:15px; color:#fff}
#navigation p a{ color:#fff; text-decoration:none}
#navigation p a:hover{text-decoration:underline}
#navigation #user-name {margin-right: 25px;}
#navigation .link-sep {margin-left: 6px; margin-right: 1px; color: #ee9908;}

#container{padding:18px 0;}

#head{background:url(/images/head.gif) repeat-y 0 0; }
.head-top{background:url(/images/head-top.gif) no-repeat 0 0;}
.head-bottom{background:url(/images/head-bottom.gif) no-repeat 0 bottom; padding:10px 4px 0px 4px}

.featured-instructor { float:left; margin-bottom: 15px; height: 46px;}
.featured-instructor .featured-instructor-left {float: left; width: 5px; height: 46px; background:url(/images/featured-instructor-left.gif) no-repeat 0 0;}
.featured-instructor .featured-instructor-middle {padding: 18px 15px 0px 15px; float: left; height: 46px; ; background:url(/images/featured-instructor-middle.gif) repeat-x 0 0; color: #555;}
.featured-instructor .featured-instructor-right {float: left; width: 5px; height: 46px; background:url(/images/featured-instructor-right.gif) no-repeat 0 0;}
.featured-instructor a {color: #1C7EC2;}

#head #top-box { margin-left: 10px; width:912px; height: 43px; border-bottom:5px solid #ee9908;}
#head #top-box #course-breadcrumbs {float:left; margin-top: 15px; max-width: 545px;}
#head #top-box #course-breadcrumbs h2{ padding:11px 0 12px 0px; margin-bottom:0px; }
#head #top-box #course-breadcrumbs h2 img { float: left; margin: -10px 10px 10px 0;}
#head #top-box #course-breadcrumbs .course-breadcrumb {}
#head #top-box #course-breadcrumbs .course-breadcumb-sep {margin: 0px 5px;}
#head #top-box #course-breadcrumbs a.course-breadcrumb {text-decoration: none;}
#head #top-box #course-breadcrumbs a:hover.course-breadcrumb {text-decoration: underline;}
#head #top-box #course-breadcrumbs .course-breadcrumb.active {color: #1C7EC2;}

#head #top-box .menu-header {width: 366px; float:right; position: relative; top: 13px;}
#head #top-box .menu-header .menu-header-title {background:url(/images/menu-header.png) no-repeat 0 top; width: 366px; height: 35px; margin: 0px auto; text-align: center;}
#head #top-box .menu-header .menu-header-title span {text-align: center; font-size: 14px; color: #fff; text-transform:uppercase; position: relative; top: 12px; }
#head #top-box .menu-header .back-to-topics-link {position:relative; top: -20px; left: 20px; font-size: 10px; color: #fff; text-decoration: none;}

#head .wrap{background:url(/images/wrap.gif) repeat-x 0 0; padding: 0px; margin: 0px 10px 10px 10px;}

#head .leftbox {float:left; display:inline; width:546px; height:329px; position:relative; }
#head .leftbox img {width:546px;}
#head .leftbox #player {width:546px;}
#head .leftbox .quiz {position:absolute; left:0; bottom:0; width:546px}
#head .leftbox .quiz .bgr {background:url(/images/bgr.png) repeat 0 0; height:80px; color:#fff; padding:11px 53px 2px 19px; line-height:20px}
#head .leftbox .quiz .bgr p{float:left; padding-bottom:11px; font-family:Helvetica}
#head .leftbox .quiz .bgr a {margin:-3px 0px 0px 41px; display:block; float:right; height: 25px; width: 108px; color:#fff; font-family:Helvetica; background:transparent url(/images/buttons/prequiz.gif) no-repeat 0 0; font-weight:bold; text-decoration:none;}
#head .leftbox .quiz .bgr a:hover {background:url(/images/buttons/prequiz-hover.gif) no-repeat 0 0;}
#head .leftbox .quiz .bgr a.view-results { background:url(/images/old/quiz-button.gif) no-repeat 0 0; padding: 2px 0 0 10px; max-width: 90px; border-radius: 3px; -moz-border-radius: 3px; }
#head .leftbox .quiz .bgr a:hover.view-results{background:url(/images/old/quiz-button.gif) no-repeat 0 0;}

.hover-window { background-color: #dedede; color:#000; padding: 10px; border: 4px solid #aaa;}
#head .leftbox #prequiz-description { position:absolute; width: 250px; height: 200px; top: -225px; left: 75px;}


#head .rightbox {float:right; display:inline; width:366px;}
#head .rightbox .menu {}
#head .rightbox .menu ul {height: 330px; overflow-y:auto; overflow-x:hidden;}
#head .rightbox .menu li {display:block; width:366px; height:64px; border-bottom:1px solid #fecc74;margin-bottom:1px}
#head .rightbox .menu li a {text-decoration:none; overflow:hidden; width:366px; height: 64px; display:block}
#head .rightbox .menu li a.inactive {cursor: default;}
#head .rightbox .menu li a.inactive span {color: #777;}
#head .rightbox .menu li a span {display:block; float: left; text-align: right; width:260px; line-height: 62px; font-size: 13px; margin-left: 20px; vertical-align: middle; margin-top: auto; margin-bottom: auto; padding: 0px; font-weight:bold; color:#363636; font-family:Helvetica; }
#head .rightbox .menu li a img {float:right; height: 64px;}

#head .rightbox .topic-menu li {background:url(/images/topic-background.png) repeat-x 0 0;}
#head .rightbox .topic-menu li.empty {background:url(/images/topic-background-empty.png) repeat-x 0 0;}
#head .rightbox .topic-menu li a:hover {background:url(/images/topic-background-hover.png) repeat-x 0 0;}
#head .rightbox .topic-menu li a:hover.inactive {background:url(/images/topic-background.png) repeat-x 0 0;}
#head .rightbox .topic-menu li.topic .time { display: inline; margin-left: 5px; font-size: 12px; color: #363636; }

#head .rightbox .lesson-menu li {background:url(/images/lesson-background.png) repeat-x 0 0; border-bottom-color:#bfbfbf;}
#head .rightbox .lesson-menu li.empty {background:url(/images/lesson-background-empty.png) repeat-x 0 0;}
#head .rightbox .lesson-menu li a:hover {background:url(/images/lesson-background-hover.png) repeat-x 0 0;}
#head .rightbox .lesson-menu li a:hover.inactive {background:url(/images/lesson-background.png) repeat-x 0 0;}

#head .rightbox .lessons li{ height: border-bottom:1px solid #808080; border-top: 1px solid #000; margin-bottom: 0px;}
#head .rightbox .lessons li a span {color:#aaa; padding:0px;}
#head .rightbox .lessons li a { color:#aaa; }
#head .rightbox .lessons li.lesson {  }
#head .rightbox .lessons li.lesson span { padding: 0px 10px; float:left; font-size: 12px; color: #eee; }
#head .rightbox .lessons li.lesson span.lesson-num { padding: 0px; width: 300px; text-align:left; margin-left: 15px; }
#head .rightbox .lessons li.lesson .time { margin-left: 0px; margin-right: 20px; padding-left: 0px; padding-right: 0px; width:30px; float:right; text-align: right; color: #eee; }
#head .rightbox .lessons li.lesson div {  padding: 5px 0 0 20px; color: #ddd; }
#head .rightbox .lessons li.topic-quiz {background:url(/images/lesson-background-empty.png) repeat-x 0 0;}
#head .rightbox .lessons li.topic-quiz a.topic-quiz { background: #1e1e1e url(/images/buttons/quiz.gif) no-repeat 126px 20px; text-indent: -4000px; height: 55px;}
#head .rightbox .lessons li.topic-quiz a.topic-quiz:hover { background: #1e1e1e url(/images/buttons/quiz-hover.gif) no-repeat 126px 20px; }
#head .rightbox .lessons li.lesson .inactive .time, #head .rightbox .lesson-menu li a.inactive span {color: #999;}

#head .rightbox .lessons li.lesson div.lesson-description { padding: 8px; border: 2px solid #aaa; position: absolute; top: 0px; right: 625px; width: 190px; background:#fff url(/images/bgr.png) repeat 0 0; color:#fff; }

/*#head #presentation-box {height: 575px; border:1px solid #F8B849; border-top: none; padding: 5px;}
*/
#head #presentation-box {height: 575px; padding: 5px;}
#head #presentation-box #presentation-window {width:900px; height:575px;}

#head .nav {height:44px; background:url(/images/course-background.png) repeat-x 0 0;}
#head .nav li {display:inline;}
#head .nav li p {display:block; float:left; text-decoration:none;}
#head .nav li.selected p {background:url(/images/course-background-selected.png) repeat-x 0 0; height:40px;}
#head .nav li p img {display:block; float:left; padding-left:10px; margin-top: 1px;}
#head .nav li p .course {display:block; float:left; border-right:1px solid #bfbfbf;  color: #555; padding:11px 15px 16px 5px; text-transform:uppercase}
#head .nav li.inactive p .course {color:#898989;}
#head .nav li p a.course {text-decoration: none;}
#head .nav #load-course img {position: relative; top: 8px;}
#head .nav #load-course span {color: #555555; margin: 0px 5px; font-size: 10px; position: relative; top: 5px;}

#footer { width: 100%; background:url(/images/footer-background.jpg) repeat-x 0 0; overflow: hidden; float: left;  color: #fff; margin-top: 25px;}
#footer #powered-by a { background:url(/images/eln_logo_small.png) no-repeat 30px 35px; width: 210px; height: 100px; float:right;}
#footer #powered-by a {text-indent: -4000px; }

#footer .col { float: left; padding: 35px 125px 25px 0px;}
#footer .col h4 {margin: 10px 0; font-size: 11px; text-transform: uppercase;}
#footer .col li { list-style: none; padding: 5px 0;}
#footer .col a { color: #fff; text-decoration: none; font-family: arial; font-size: 10px;}
#footer .trade-copy { width: 100%; text-align: center; padding-top: 25px; font-size: 10px;}



#content {float:left; display:inline; width:530px; padding-top:70px}
#content h2 a{float:right; font-size:12px; color:#1c7ec2; padding-right:20px;}
#content p.post-meta{ background:url(/images/post-meta.gif) no-repeat 0 -21px; display:block; height:70px; padding-left:32px}
#content p.post-meta span{ float:right; color:#363636; font-style:italic; padding-right:20px;}
#content p.more-link{text-align:right; padding-top:3px; padding-right:24px; margin-bottom:22px}
#content p.more-link a{color:#1c7ec2}
#content .border{background:url(/images/border.gif) repeat-y 0 0; margin-top:6px}
#content .border-top{background:url(/images/border-top.gif) no-repeat 0 0}
#content .border-bottom{background:url(/images/border-bottom.gif) no-repeat 0 bottom; padding:22px 20px 14px 4px}
#content .post{ border-bottom:1px solid #dfdfdf; padding-bottom:10px; margin-bottom:20px}
#content .top{ border-top:0; padding-top:0; margin-top:0}
#content .ctn{background:#efefef url(/images/post.gif) no-repeat 0 bottom; padding:0 10px 0 32px; margin-top:-21px;width:487px;}
#content .ctn .left{width:375px; margin-top:-11px}
#content .ctn .right{width:105px; padding-bottom:10px; margin-top:-9px; }
#content .ctn .right img{margin-top:-7px; width: 96px; height: 96px; border: 2px solid #ddd;}
#content .ctn p{padding-bottom:15px}
#content h2.plus{background:url(/images/plus.gif) no-repeat 6px center; padding-left:29px; position:relative; z-index:3}
#content h2.plus strong{font-size:12px; color:#363636}
#content .comment{background:url(/images/comment.gif) no-repeat 0 0; width:525px; padding:60px 0 0 3px; margin-top:-11px}
#content .comment form{background:#ddecf6 url(/images/bottom.gif) no-repeat 0 bottom; padding:0 20px 21px 20px}
#content .comment form input{background:url(/images/submit.gif) no-repeat 0 0; width:83px; text-align:center; font-weight:bold; cursor:pointer; padding:4px 0 8px 0; color:#fff; font-family:Helvetica; border:0; float:right}
#content .comment form input:hover{background:url(/images/submit-hover.gif) no-repeat 0 0;}
#content .comment form textarea{border:1px solid #dfdfdf; border-top:0; -moz-border-radius:0px; width:473px; height:131px; margin-bottom:10px; font-family: Arial, sans-serif; font-size:12px; overflow:auto; }


#sidebar{float:right; display:inline; width:375px; padding-top:68px;}
#sidebar.full{float:left; width:100%;}
#sidebar .box{background:url(/images/box.gif) repeat-y 0 0; margin-top:8px}
#sidebar .box-top{background:url(/images/box-top.gif) no-repeat 0 0;}
#sidebar .box-bottom{background:url(/images/box-bottom.gif) no-repeat 0 bottom; padding:7px 7px 3px 5px}
#sidebar ul{list-style-type:none;}
#sidebar li{display:block; float:left; width:100%; border-top:1px solid #fecb74; border-bottom:1px solid #fff}
#sidebar li.top{border-top:0;}
#sidebar a{display:block; background:#fee1ae; padding:10px 0 10px 17px; text-decoration:none; font-family:Helvetica}
#sidebar a:hover{background:#feeac7}
#sidebar a strong{display:block;}
#sidebar a span{display:block; padding:0 10px 0 11px; font-style:italic}


.all-posts { border-top:solid 1px #dfdfdf; margin-top:10px; padding-top:10px; }
.last-post { margin-bottom:0 !important;}

/* ------------------------------------------------------------------------------------------------------------------------- */
.dialog h1 { margin: 10px 0 20px 0; font-size: 28px; }
.dialog h2 { margin: 10px 0; font-size: 20px; }
.dialog p { margin: 10px 0; }

/* ------------------------------------------------------------------------------------------------------------------------- */
#admin h1, #organization h1, #courses h1, #assessments h1, #class_offering h1, #user h1, #course h1, #lesson h1 {margin: 10px 0 20px 0; font-size: 24px;}
#admin h2, #organization h2, #courses h2, #assessments h2, #class_offering h2, #user h2, #course h2, #lesson h2 {margin: 10px 0; font-size: 21px;}
#admin h3, #organization h3, #courses h3, #assessments h3, #class_offering h3, #user h3, #course h3, #lesson h3 {margin: 10px 0; font-size: 18px;}

.admin-list ul li { padding: 5px; }
.admin-list span { float:right; }


.std-form div {padding: 10px 0;}
.std-form div.cl {padding: 0px;}
.std-form label {font-size: 1.3em; }
.std-form .date { width: 150px;}
.std-form .date-time { width: 275px;}
.std-form label.required {font-weight: 800; }
.std-form label.required:after {content: "*";}
.std-form .description { width: 300px; height: 150px;}

table.form-table { margin: 15px 0 15px 25px;}
table.form-table th,
table.form-table td {margin:0;padding:5px;vertical-align:top;}
table.form-table th {text-align:right;vertical-align:middle;white-space:nowrap;font-weight: 500; font-size: 13px;}
table.form-table th.left {text-align:left;}
table.form-table th.required {font-weight: 800; }
table.form-table th.required label:after {content: "*";}
table.form-table th.required label span.red {color: #800;}

.required-note { float: right; margin-right: 20px; position: relative; top: 15px; font-size: 14px; font-weight: bold;}

#errorExplanation {color:#a00;margin:2em 0;padding:0 2em 2em;border-top:2px solid #a00;border-bottom:2px solid #a00;background:#FCC;}
#errorExplanation h2 {color:#a00;padding:8px 0 4px 30px;/*background:url(../images/alert_large.gif) left center no-repeat;*/}
#errorExplanation p {display:none;}
#errorExplanation li {padding:4px 0 2px 20px;margin:0;/*background:url(../images/x_red.gif) left center no-repeat;*/}

div.fieldWithErrors {padding: 0px 24px 0px 0px;/*background:url(../images/x_red.gif) right center no-repeat;float:left;*/}
.fieldWithErrors input[type="text"],
.fieldWithErrors textarea,
.fieldWithErrors input[type="password"] {background:#FCC;border-color:#F00;}

.data-table { width: 100%; margin: 10px 0; border: 1px solid #efefef; }
.data-table tr th { margin: 0; padding: 5px; font-size: 12px; font-weight: 700; background-color: #ddd; border-bottom: 1px solid #aaa; text-align: center;}
.data-table tr td { margin: 0; padding: 5px 10px; font-size: 12px; border-bottom: 1px solid #aaa; text-align: center; }

.twocol { }
.twocol .col { width: 48%; float: left; }

ul#organization-breadcrumbs {list-style-type: none; margin: 0px 0px 5px 0px; padding: 0; font-size: 13px;}
ul#organization-breadcrumbs li {display: inline; color: #808080;}
ul#organization-breadcrumbs li a {color: #808080; text-decoration: none;}
ul#organization-breadcrumbs a:hover {text-decoration: underline;}
ul#organization-breadcrumbs li.active {color: #404040;}

#organizations {min-height: 150px;}
#organization h2 {float:left;}
#organization ul#navbar {list-style-type: none; margin: 0px 0px 30px 0px; padding: 0; font-size: 13px;}
#organization ul#navbar li {display: inline; color: #808080;}
#organization ul#navbar li a {color: #808080; text-decoration: none;}
#organization ul#navbar li.selected a {color: #1C7EC2; font-weight: bold;}
#organization ul#navbar a:hover {text-decoration: underline;}
#organization ul#navbar li.active {color: #404040;}
#organization .logo { float:left; margin: 0 10px 0 0;}
#organization .details { float:left; margin: 0 0 0 20px;}
#organization .details p {margin: 3px 0 0 0; padding: 5px 0;}
#organization .details li a {padding-left: 15px;}
#organization .details .name { margin: 20px 0 0 0; font-size: 16px; padding: 0;}
#organization .pagination, #choose .pagination, .offerings .pagination {float:right;}

#organization .users .org-user-counts {font-size: 13px; font-weight: bold;}
#organization .users .non-active-user {font-weight: bold; color: red;}
.roster-user-count {color: #808080; margin-right: 15px;}

#course .details { float:left; margin: 0 0 0 0px;}
#course .details p {margin: 3px 0 0 0; padding: 5px 0;}
#course .details .label {font-weight:bold; margin-right: 5px;}
#course .details .title { margin: 20px 0 0 0; padding: 0; font-size: 16px; font-weight: 700;}


#course .topics { margin: 35px 0 0 0;  }
#course .topics h3 { font-size: 18px; }
#course ol { list-style: none; }
#course .topic { margin: 25px 0; padding: 10px; border: 14px solid #aaa; }
#course .topic img {float: left; margin: 5px;}

#course .lessons { margin: 15px 0;  padding: 10px; border: 4px solid #ccc; background-color: #efefef; }
#course .lesson { margin: 10px 0px; padding: 5px; border: 2px solid #ccc; background-color: #ddd; }
#course .topic h4, #course .lesson h4 { font-size: 14px; padding-top: 10px; width: 430px; position:relative; }
#course .lesson h4 .key { float:right; position:absolute; right: 0; }

#class_offering .details { margin: 25px 100px 15px 0; padding: 20px; float: right; border: 10px solid #aaa; width: 150px;}
#class_offering .details p { padding: 8px 0 4px 0; font-size: 14px; }
#class_offering ul {margin: 20px 0;}
#class_offering ul li {margin: 10px 0;}

#user div {}
#user .avatar {float: left; width: 200px; height: 235px; padding: 2px; margin: 0 40px 20px 0; border: 4px solid #aaa;}
#user h1 {font-size: 32px; padding: 0;}
#user h2 {line-height: 1em;}
#user h3 {padding: 15px 0 25px 0;}


.assessments ul li {margin: 10px 0 10px 20px;}

.assessment { margin: 30px 0; }
.assessment h2 {margin: 5px 0 10px 0;  border-bottom: 1px solid #afafaf; padding: 5px 0;}
.assessment div { padding: 5px; }
.assessment ol li {list-style: none;}

.assessment .learner { color: #333; font-size: 14px; margin: 5px 0px; font-weight: 700;}
.assessment .completed_at { color: #333; font-size: 12px; font-weight: 700;}

.assessment .details p {padding: 5px 0; font-size: 1.2em;}
.assessment .details a {padding: 10px 20px 10px 0; font-size: 1.3em; display:block; float: left;}

.assessment .question-row { margin: 20px; border-bottom: 2px solid #888;}
.assessment .add-a-question {float:right; margin-right: 80px; border: 1px solid #aaa;}
.assessment .add-a-question .std-form span {}
.assessment .answer-row {padding: 8px; list-style: none; float: left; border: 1px solid #aaa;}
.assessment .answer-row .correct {background-color: #00BF2C;}

h1.title { margin: 0 0 15px 0; color: #777; font-family:Georgia; font-weight: 500; line-height: 2.5em; vertical-align: middle; border-bottom: 1px solid #ddd;} 
h1.title img {margin: 0; padding: 0; vertical-align: middle;}

.assessment .question {padding: 20px 5px; border-bottom: 2px solid #ddd;}
.assessment .question .title {font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 8px 0;color: #777;}
.assessment .question ul li {list-style: none; margin: 10px 0; padding: 5px; font-size: 14px;}
.assessment .question ul li input { vertical-align: bottom; }
.assessment .question .question-text {width: 100%; font-size: 16px;line-height:1.3em;}
.assessment .question .question-text img {margin-left: 120px;}

.assessment .question .prev-next {width: 90%; margin: 30px 0;}
/*.assessment .question .prev-next .prev {float: left; background:url(/images/buttons/prev.gif);}*/
.assessment .question .prev-next .next {float: right; background:url(/images/buttons/next.gif); text-indent: -4000px;}
.assessment .question .answer .incorrect {color: #ed1c24;}
.assessment .question .answer .correct {color: #00a650;}
.assessment .question .answer .feedback {margin-left: 5px; color: #777; font-style: italic;}

#quizzes ul { float: left; list-style: none; width: 100%;}
#quizzes ul .quiz-row { margin: 10px 0 30px 0; padding: 10px; }
#quizzes ul .quiz-row .results { float:left; width: 600px; position: relative; margin: 10px 0 30px 0;  }
#quizzes ul .quiz-row .results .completed-on { position:absolute; left: 500px; }
#quizzes ul .quiz-row .results h3 {  }

#quizzes ul .quiz-row .results div div p { position:relative; padding: 10px 0; }
#quizzes ul .quiz-row .results div div p span.score {  }
#quizzes ul .quiz-row .results div div p span.col2 { position:absolute; top: 10px; left: 100px; font-weight: 700; }
#quizzes ul .quiz-row .results div div p span.col3 { position:absolute; top: 10px; left: 370px;  }
#quizzes ul .quiz-row .results div.your-score,
#quizzes ul .quiz-row .results div.avg-score  {padding: 10px 0 10px 20px;}
#quizzes ul .quiz-row .results div.your-score .attempts, 
#quizzes ul .quiz-row .results div .based-on, 
li.class-detail .assessment-results .col2 .attempts {font-size: 90%;font-style: italic;}

#quizzes ul .quiz-row .action { float: right; width: 135px; text-align:center; margin-top: 20px;}

.assessment-result-graphic { width: 155px; height: 15px; border: 1px solid #999; }
.assessment-result-graphic div { height: 15px; background-color: #1d7ec3; /*border: 1px solid #f00;*/}

.exam-reg h2 { border-bottom: 1px solid #aaa; padding: 10px 0; }
.exam-reg p { padding: 10px 0; }
.exam-reg { }

.manage-instructors ol {margin: 10px 0px 10px 20px;}
.manage-instructors div.left {margin: 15px 45px 15px 0; border: 1px solid #aaa; padding: 20px; }


#instructor-dashboard ul { list-style: none; }
#instructor-dashboard .first { }
li.class-detail .class-title { margin: 10px 0; padding: 5px 0; border-bottom: 1px dotted #aaa; }
li.class-detail .class-title .title { font-size: 16px; color: #1d7ec3; }
li.class-detail .class-title .date { margin-left: 55px;  }
li.class-detail .class-title .location { margin-left: 55px; font-style: italic; }
li.class-detail .class-average { margin: 10px 0 0 0;  }
li.class-detail .title { font-size: 14px; font-weight: 700; padding: 10px 0;}
li.class-detail .actions { float: right; }
li.class-detail .assessment-results div { float: left; }
li.class-detail .assessment-results td { vertical-align: top; margin: 0; padding: 5px 0; }
li.class-detail .assessment-results .col1 { width: 400px; }
li.class-detail .assessment-results .col2 { width: 200px; }
li.class-detail .assessment-results .col3 { width: 200px; }
li.class-detail .assessment-results .col4 { width: 100px; }
li.class-detail .assessment-results .col-full {}
li.class-detail .sort-bar { font-size: 11px; margin: 35px 0 10px 0; padding: 10px 0 10px 25px; color: #aaa; text-transform: uppercase; background-color: #f7f7f7; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
li.class-detail .sort-bar strong { color: #888; }
li.class-detail .learners { margin: 0px 20px 35px 20px; }
li.class-detail .learner { margin: 20px 0px 0px 0px; }
li.class-detail .learner.first { margin: 0px; }
li.class-detail .learner .title { color: #333; font-size: 14px; margin: 5px 0px; font-weight: 700;}
li.class-detail .learner .title .special-role {margin-left: 5px; font-style: italic; color: #777; font-size: 12px;}


.faq h1 {line-height: 2.5em;}
.faq ul { list-style: none; }
.faq li {padding: 10px 0; font-size: 14px;}
.faq li div.q {font-size: 16px;}
.faq li p {font-size: 12px; width: 75%; line-height: 1.5em; margin: 1.5em 2em;}
.faq li .actions {font-size: 12px;}
.faq li .actions a {margin-left: 5px;}

.login-box {width: 380px; margin: 20px auto; border: 10px solid #bbb; }
.login-box .std-form h1 {text-align: center; margin-top: 20px;}
.login-box .std-form { padding: 10px; }
.login-box .std-form div { float:left; margin: 10px 5px;}
.login-box .std-form label { line-height: 2em;}
.supported-browsers { width: 500px; margin: 30px auto 0px auto; font-size: 11px;}
.supported-browsers .title {text-align: center; font-weight: bold;}
.supported-browsers .ie6-warning {font-style: italic; font-weight: normal;}
.supported-browsers .ie6-warning a {color: #1c7dc3; text-decoration: none;}
.supported-browsers .ie6-warning a:hover {text-decoration: underline;}
.supported-browsers .browser-icons {margin: 20px auto 0px auto; width: 408px; height: 61px; background:url(../images/box-long.png) no-repeat 0px 0px;}
.supported-browsers .browser-icon {float: left; position:relative; top: -5px; padding-left: 10px; width: 90px; text-align: center;}
.supported-browsers .browser-icon .browser-label {margin-top: 5px; font-size: 10px; color: #777;}

.exam-offering p { line-height: 3em;}

.pages .legal,
.pages .legal { width: 500px;}
.pages h1 { padding: 20px 0;}
.pages .legal p {padding: 10px 5px;}
.pages .legal p.term {}
.pages .legal h3 { padding: 20px 0 5px 0;}
.pages .legal ul li {margin: 5px 0 5px 30px; padding: 5px;}
.pages .contact {margin: 20px 0;}
.pages .contact strong {font-size: 18px;}
.pages .contact p {margin: 5px 0; font-size: 14px;}

#collabs {margin: 20px 0 0 0; }
#collabs h2 {border-bottom: 1px solid #afafaf; margin-bottom: 10px;}
#collabs ol {}
#collabs ol li {list-style: none; padding: 10px 3px 10px 3px; border-bottom: 1px dotted #ddd; margin: 10px 0;}
#collabs ol li.instructor {background-color: #ecf4dd}
#collabs ol li div.avatar {width:59px; height: 59px; float:left ;margin: 0 5px; border:none; padding:0;}
#collabs ol li div.avatar img {width:55px; height: 55px; border: 1px solid #aaa;}
#collabs ol li .comment-body {float:left; margin: 0 0 0 25px; width: 835px; line-height: 1.35em;}
#collabs ol li .creator {width: 200px; float:left; font-weight: 700; font-size: 1.2em; padding: 4px 20px; margin: 0 0 0 -20px;}
#collabs ol li .on {width: 200px; float:right; font-style: italic; text-align: right;}
#collabs ol li .post-meta {background:url(../images/quote.png) no-repeat -0px 0px; padding-left: 20px;  }
#collabs ol li .edit {float:right;padding: 5px;}

.time-remaining {font-size: 10px;}
.time-remaining strong {font-size: 12px;}

.question-jumper { list-style: none;}
.question-jumper li { list-style: none; float:left; border: 1px solid #ddd; padding: 3px; width: 20px; text-align:center; margin-bottom: 3px;}
.question-jumper li.unanswered { font-size: 1.2em; font-weight: 700;}
.question-jumper li.answered a{ color: #aaa; }
.question-jumper li.current { background-color: #ffa;}
.question-jumper li.nextline {clear:left;}

.instruction {padding: 25px 0;}

.done {float:right; width: 20%;}
/*#quizzes ul .quiz-row .take, #quizzes ul .quiz-row.review-results {text-align:center;}*/


.pagination {background: white;/* self-clearing method: */ }
.pagination a, .pagination span {padding: .2em .5em;display: block;float: left;margin-right: 1px; }
.pagination span.disabled {color: #999;border: 1px solid #DDD; }
.pagination span.current {font-weight: bold;background: #2E6AB1;color: white;border: 1px solid #2E6AB1; }
.pagination a {text-decoration: none;color: #105CB6;border: 1px solid #9AAFE5; }
.pagination a:hover, .pagination a:focus {color: #003;border-color: #003; }
.pagination .page_info {background: #2E6AB1;color: white;padding: .4em .6em;width: 22em;margin-bottom: .3em;text-align: center; }
.pagination .page_info b {color: #003;background: #6aa6ed;padding: .1em .25em; }
.pagination:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; }
* html .pagination {height: 1%; }
*:first-child+html .pagination {overflow: hidden; }

.form-actions {margin-top: 15px;}
.cancel-link {margin-left: 15px;}

#forgot-password, #invalid-change-password-code {min-height: 200px; margin: 25px 0px; font-size: 1.3em;}
#forgot-password input#username {margin-top: 5px;}
#invalid-change-password-code #support-email {margin-top: 25px;}

.roles-select {width: 200px;}

.exam-reg .reschedule {margin-top: 10px;}

.offerings {margin-top: 10px;}

#back_to_landing_page_link a{margin: 0px 0px 0px 0px; float: right; display:block; height: 29px; width: 190px; color:#fff; font-family:Helvetica; background:transparent url(/images/buttons/back-to-lesson.png) no-repeat 0 0; font-weight:bold; text-decoration:none;}
#back_to_landing_page_link_collaborate a{margin-bottom: -20px; float: right; display:block; height: 29px; width: 190px; color:#fff; font-family:Helvetica; background:transparent url(/images/buttons/back-to-lesson.png) no-repeat 0 0; font-weight:bold; text-decoration:none;}
#quizzes_header {margin-top:-44px;}