/*css reset*/	
body {font-family: Helvetica, Arial, sans-serif; font-size:13px; color:#a3a3a3; bbackground:#b1d8e7 url(/images/global/bg.jpg) repeat-x; background-color:#C5E1EC; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
	
/*conventions*/
.clear {clear:both;}
.hidden {display:none;}

.errorsummary, .errorsummary * {color:red}
/*base*/
.container h2,.container h3,.container h4,.container p,.container ul,.container ol {margin-bottom:10px;}
.container h2 {font-size:32px ; color: #1e1e1e}
/*.container h2 span {color:#f58220;} blow me away*/
.container h2 img {position:absolute;right:20px;top:-20px;}
.container h3 {color:#3ba6ce;font-size:14px;font-weight:bold; }
.container h4 {font-size:12px ; color: color:#666666;font-weight:bold;font-family:verdana;}
.container p {font-size:13px;color:#a3a3a3;}

.container li li {font-size:1em;}
.container ol {list-style:decimal;padding-left:25px;}
.container ul {list-style:disc;padding-left:25px;}
.container sup,.container sub {line-height:0;}
.container strong {font-weight:bold;}
.container em {font-style:italic;}
.column {float:left;margin-bottom:10px;width:48%;}
.contentContainer {padding:15px; position:relative;}
.floatLeft {display:block;float:left;}
.floatRight {display:block;float:right;}
.detached {/*position:absolute;*/ margin-top:10px;}

/*layout*/
/*  {font-family: Arial, Helvetica, sans-serif; color:#666666 ; font-size:12px}*/
.box {margin:1px auto;position:relative;width:990px;}
.top,.bottom {height:3px;overflow:hidden;width:100%; _height:1px}
.left,.right {position:absolute;height:3px;width:3px;}

/* modal */
.modalcontainer {position:absolute;z-index:9999;}
.modalmask {background:#ccc;border:0;filter:alpha(opacity=50);opacity:0.5;position:absolute;z-index:199}
.modalmask iframe {filter:alpha(opacity=0); height:100%; width:100%; z-index:80;}
.modalbody {background:#fff; position:absolute; width:200px; z-index:200;}
.modalheader {background:#2A2B2C; hheight:37px;padding:15px;}
.modaltitle {mmargin: 10px 0px 0px 17px;color:#FFFFFF;font-size: 16px;line-height:16px;font-weight: bold;font-family:Arial, Helvetica, sans-serif;float:left;}
.modalclosercontainer {margin:10px 0px 30px 17px;float:right;}
.modalcloser {display:block;background:url(/local/images/icon_pop_up_close_x.gif) no-repeat;height:20px;width:20px;}
.modalcontent {background:#fff;padding:15px;}

.bottom {background:#C5E1EC url(/images/global/footer_bg.gif) no-repeat; height:44px; margin-top:-32px; }
* html .bottom {margin-top:-36px; }

/********************
.bottom {background:url(/images/global/drop_shadow_bottom.gif) repeat-x;}
.top .left {background:url(/images/global/drop_shadow_top_left.gif) no-repeat left top;left:0px;top:0px;}
.top .right {background:url(/images/global/drop_shadow_top_right.gif) no-repeat right top;right:0px;top:0px;}
.bottom .left {background:url(/images/global/drop_shadow_bottom_left.gif) no-repeat left bottom;bottom:0px;left:0px;}
.bottom .right {
	background:url(/images/global/drop_shadow_bottom_right.gif) no-repeat right bottom;
	bottom:0px;
	height:37px;
	right:0px;
	width:37px;
}
* html .top .right {right:-1px;}/*fix ie6 rounding bug*/
* html .bottom .right {bottom:0px;right:-1px;}/*fix ie6 rounding bug*/
.center {height:100%;}
.center .center {}
***********************/

.layout {background:url(/images/global/footer_bg.gif) right top;border:1px solid #fff;border-bottom:0;}

.header {background:url(/images/global/header_bg.jpg) no-repeat left top;}

.header h1 {border:2px solid #fff;border-top:0;border-left:0;height:89px;text-indent:-5000px;width:75px; visibility:hidden}

.header h2 {background:url(/images/global/course_logo.gif) no-repeat left bottom;height:35px;position:absolute;right:33px;text-indent:-5000px;top:18px;width:197px;}

.header ul {position:absolute;top:58px; right:15px; _top:55px;}
.header ul li {background:url(/images/global/tab_left_offa.gif) no-repeat left top;float:left;height:32px;margin:0;padding:0;}
.header ul li a {background:url(/images/global/tab_right_offa.gif) no-repeat right top; color:#fff;float:left;font-size:13px;font-weight:bold;height:32px;line-height:34px;margin:0 0 0 6px;padding:0 13px 0 5px;text-decoration:none;text-transform:uppercase;white-space:nowrap;}
.header ul li a:hover {color:#242425;}
.header ul li.selected {background-image:url(/images/global/tab_left_offa.gif);}
.header ul li.selected a {background-image:url(/images/global/tab_right_offa.gif); }
.header ul li.selected a, .header ul li.selected a.hover {color:#242425 !important}

.body {background: url(/images/global/left_bar_bg.jpg) repeat-y; clear:both;}
.login .body {background:#C9C9CB url(/images/global/login_bg.jpg) no-repeat left 45%; clear:both; _height:1px;}
.body h1 {background:none;height:355px;left:23px;position:absolute;top:130px;text-indent:-5000px; width:31px; }
.body h1.progress {background:url(/images/global/view_progress.gif) no-repeat;height:355px;left:23px;position:absolute;top:130px;text-indent:-5000px;}
.body h1.admin {background:url(/images/global/admin.gif) no-repeat;height:355px ;left:23px;position:absolute;top:130px;text-indent:-5000px;}
.body h1.manager {background:url(/images/global/manager.gif) no-repeat;height:355px ;left:23px;position:absolute;top:130px;text-indent:-5000px;}
.body h1.courses {background:url(/images/global/course_title.gif) no-repeat;height:355px ;left:23px;position:absolute;top:130px;text-indent:-5000px;}


.container  {background:url(/images/global/content_right_bg.gif) repeat-y top right;}
.contentContainer .description, .contentContainer .enter {padding-top:30px;vertical-align:top;}
.contentContainer .description {width:350px;background:url(/images/global/content_divider.gif) no-repeat center right;padding-right:35px;}
.contentContainer .enter {width:250px;padding-left:35px;}


.panel {background:#fff; margin:0px 0px 32px 79px;}
.login .panel {background:none;}
.navigable {background:#fefefe url(/images/global/navigable.gif) no-repeat left bottom;}
.navigable .lleftmenutop {background:url(/images/global/navigable_top.gif) no-repeat left top;width:186px;height:190px;position:absolute;top:126px;width:186px;}

a.exit {position:absolute;right:4px;top:4px;background:url(/images/global/button_exit.gif) no-repeat;width:34px;height:12px;}

/** navigation **/
.navigation {float:left;width:185px;}
.navigation ul, li {list-style-type: none; padding: 0; margin: 0;}
.navigation ul{background:url(/images/global/navigable_top.gif) no-repeat left top;}
.navigation ul li ul{background:none;}
.navigation ul li  {list-style:none;}
.navigation ul li a {display:block; color:#44444b; font-size:12px; font-weight:bold; padding: 4px 10px 5px 27px; background: url('/images/global/menu_bullet.gif') no-repeat 20px 7px; text-decoration:none;_height:1px;}
.navigation ul li.selected a {background: #399abe url('/images/global/white_arrow.gif') no-repeat 20px 7px; color:#fff; }
.navigation ul li a:hover, .navigation ul li a:selected {color:#7e7e8b;}

.navigation ul li.admincat a  {font-size:13px;  line-height: 1.2em; font-weight:normal; padding: 10px 19px; color:#c6c6c6 ; font-weight:bold;background: url('/images/global/menu_selected_bullet.gif') 95% 14px no-repeat #2a2b2c;}
.navigation ul li.admincat ul li a {display:block; color:#44444b; font-size:12px; font-weight:bold; padding: 4px 10px 5px 27px; background: url('/images/global/menu_bullet.gif') no-repeat 20px 7px; text-decoration:none;_height:1px;}
.navigation ul li.admincat ul li a:hover, .navigation ul li.admincat ul li a.selected {color:#7e7e8b;}



/** sub nav **/

.navigation ul li.selected .navigation ul li {background: url('/images/global/dotted_line.gif') no-repeat bottom; border: none; margin-left:10px !important; margin-right:20px !important; padding:0 !important; }
.navigation ul li.selected .navigation ul li a {color:#7d9ab5; font-size:12px; font-weight:bold; padding:0 0 5px 15px !important; background:transparent; display:block;}
* html .navigation ul li.selected .navigation ul li a {display:inline-block !important; border:0}
.navigation ul li.selected .navigation ul li.selected {padding-right: 0 !important; }
.navigation ul li.selected .navigation ul li.noborder {background: url('images/transparent.gif') no-repeat bottom; border: none;}
.navigation ul li.selected .navigation ul li.selected a , .navigation ul li.selected .navigation ul li a:hover {color:#d41e22; font-size:12px; font-weight:bold; margin: 0;}

.myCourses {background:url(/images/global/my_courses.gif) no-repeat; width:185px; height: 32px; border-bottom:1px solid #fff}
.fr .myCourses {background:url(/images/global/my_courses_fr.gif) no-repeat; width:184px; height: 47px; border-bottom:1px solid #fff}
.no-courses {margin: 3px 5px; color: #000000;}
.no-courses strong {font-weight: bold;}

.container {min-height:400px;}
* html .container {height:400px;}
.navigable .container {margin-left:186px;}
.text {padding:20px;}
.clear {clear:both;}
p {margin-bottom:1em}

div.start {border-left:1px solid #cdcfd8;}
a.start {background:url(/images/global/button_start.gif) no-repeat;display:block;height:127px;margin:0 auto;width:220px;}
.fr a.start {background:url(/images/global/button_start_fr.gif) no-repeat;display:block;height:127px;margin:0 auto;width:233px;}

.progress {margin:0px 0px 0px;}
table.padded tr td {padding:5px}
.table {border:1px solid #fff;border-bottom:0;border-left:0;width:100%;}
.table th,.table td {;border:1px solid #fff;border-right:0;border-top:0;;padding:5px;text-align:center;}
.table th td {border:0px;color:#fff;}
.table td td {border:0px}
.table th {background:#3CA9D2;color:#fff;  font-weight:bold}
.table td {color:#464646;}
.table .odd td {background-color:#ebebeb !important;}
.table .even td {background-color:#f4f4f4 !important;}
.table .course {padding-left:50px;text-align:left;}
.table td.course {background:url(/images/global/icon_course.gif) no-repeat 30px 2px;}
.table td.course a {color:#4c748c;text-decoration:none;}
.table td.course a:hover *{text-decoration:underline; color:#3e86c6;}
.table .complete {color:#669900;}
.table .in_progress {color:#b38600;}
.table .fail {font-weight:boldest;color:red;}

.tablerow {	cursor:pointer;}
.tablerow a:hover {color:#3e86c6; }

.employeesearch {margin:10px}
.employeesearch label {display:block;width:90px;float:left;font-size:0.8em;}
.employeesearch div.autocomplete_container {width:400px;float:left;padding:0px;}
.employeesearch .dropdownarrow {float:left;}

.validate-summary { margin-bottom: 10px; color: #ff0000; }
.validate-summary li { list-style-type: square; }
.error {color: #ff0000; }
.loginContainer {padding:25px 55px}
.container h2.loginHeader {font-family:verdana; font-size:30px; padding-bottom:10px; color:#3c3e40;}
.loginbg {background:url(/images/global/login_bg.gif) no-repeat; height:248px;}
table.login tr td {padding-top:15px}
/* buttons */

button {background:url(/images/global/button_bg.gif) repeat-x #538EC1; border:0;cursor:pointer; padding:2px 10px  !important;overflow:visible; white-space:nowrap;  text-transform:uppercase;  font-size:12px !important;  color:#fff; }

.calPicker{background:url(/images/global/calendar.gif) no-repeat !important; width:21px; height:22px; margin-left:5px; }


/*login*/
.login .contentContainer  {height:452px;}
.login_warning {background:url(/local/images/bg_login_warning.gif) no-repeat;color:#6c6c6c;font:normal 11px Verdana;height:141px;padding:50px 40px;text-align:left;width:239px;}
.login button {background:#3B3F42 url(/images/global/btn_login_off.gif) no-repeat;width:86px;height:27px;text-indent:-5000px;}
.login button:hover {background:#3B3F42 url(/images/global/btn_login_on.gif) no-repeat;}
.login .contentContainer h2 {position:absolute;top:175px;left:345px;}
table.logintable {mmmargin:70px 0 0 218px;position:absolute;top:120px;*top:130px;left:270px;}
table.logintable label {color:#fff;}

/*main page*/
.mainpage {padding:0 15px;height:452px;*height:460px;position:relative;}
.mainpage .mainimage, .mainpage .maincontent {float:left;}
.mainpage .mainimage {height:452px;}
.mainpage .maincontent {width:375px; padding-top:15px;position:absolute;right:50px;_right:30px;}
.mainpage #flashReq {position:absolute;top:375px;right:20px;}
.mainpage .maincontent ul.modlist{padding-left:90px;}
.mainpage .maincontent ul.modlist li {font-weight:bold; padding:8px 0;}

/*courses*/
.contentContainer button.launch {background:url(/images/global/btn_launch_off.gif) no-repeat;height:89px;ttext-indent:-5000px;margin-left:50px;width:145px;}
.cccontentContainer button.launch:hover {background:url(/images/global/btn_launch_on.gif) no-repeat;}

/** report groups **/

.groups {margin:0;padding:0;width:650px;}
.group {border:1px solid #cbced5;background:#f8f8f8;display:block !important;display:inline;float:left;padding :10px; margin-bottom:10px; width:650px;}
.group p, .group .groups, .group h4 {margin:10px;}
.group .group {background:#fafafa;margin:0 10px 10px 10px;}
.autoheight { height:auto; }
.groupoptions {float:right;margin:5px 5px 10px 10px;}

/** publishing **/

#publish-options { margin: 10px 0; }
#publish-options th { padding: 3px; font-weight: bold; text-align: center; }
#publish-options td { border-top: solid 1px #999999; border-bottom: solid 1px #999999; text-align: center; background-color: #efefef; }
#publish-options .course-select { border-right: solid 1px #999999; text-align: left; background-color: #ffffff; }
#publish-options .course-select input { margin-right: 5px; }

/** index **/

.container div.title {color:#3e6181; font-size:20px; margin:0 15px; padding:17px 0 16px 0; border-bottom:1px solid #cdcfd8; border-top:1px solid #cdcfd8;}
.container span.modName {color:#3e6181;}
.ccontainer .contentContainer h2 {padding-bottom:10px; font-size:13px; font-weight:bold;}
.ccontainer .contentContainer h2, .container .contentContainer p {font-family:verdana; color:#666666;}

.contentContainer div.image {height:92px; width:67px; position:absolute; right:38px; top:-77px;}
.contentContainer div.spider {background:url(/images/course_header.gif) no-repeat;}

bbutton.launch{background:url(/images/global/launch_btn.jpg) no-repeat 60px 0!important; height:93px; width:330px; float:right;}
bbutton.launchlink{background:url(/images/global/launch_link_btn.gif) no-repeat 60px 0!important;}
div.instructions p.disclaimer {position:absolute; top:390px;left:20px; font-family:verdana;}
.userEntered ol {font-family:verdana;}
.userEntered ol li {list-style-type:decimal; }
.courseIntroImage {position:absolute; right:3px; bottom:5px;}

.clearfloat {overflow:hidden; width:100%; padding-bottom:20px;}
.container .mmainpage {padding:60px 0 0 100px; width:525px;}
.container .mmainpage p {color:#6d6f71; font-size:12pt; font-family:arial;}
.container .mmainpage p span.highlight {color:#416f97; font-weight:bold;}
.welcomeImage {background:url(/images/welcome.gif) no-repeat; width:232px; height:91px; float:left; padding-right:20px;}
.mainTitle {color:#019cec;float:left; font-size:14pt; font-weight:bold; background:url(/images/border.gif) repeat-y left 0; padding-left:20px; width:250px;}
.mainIntro {width:350px; float:left; padding-top:20px;}
.mouseImg {background:url(/images/mouse.jpg) no-repeat; width:140px; height:254px; float:right; padding-left:20px;}
.flashbox {background:url(/images/flashbox.gif) no-repeat; width:499px; height:66px;}
.flashlogo {background:url(/images/flashlogo.gif) no-repeat; width:43px; height:43px;}
.flashLink{color:#9cba48;}