@charset "utf-8";
body {height: 100%; margin:0; padding:0; font: 100% Verdana, Arial, Helvetica, sans-serif; color: #4D4D4D; font-size: 12px; background: #FFFFFF; scrollbar-base-color: #F2F2F2; scrollbar-face-color: #F2F2F2; scrollbar-track-color: #CCCCCC; scrollbar-arrow-color: #CCCCCC; scrollbar-highlight-color: #F2F2F2; scrollbar-3dlight-color: #CCCCCC; scrollbar-shadow-color: #F2F2F2; scrollbar-darkshadow-color: #CCCCCC; }
html, #fullheight {height: 100%; margin:0; padding:0; border:none}

p {font-size: 12px }
.listtext {color: #4D4D4D; font-size: 10px;}
.listtext a {color: #4D4D4D; font-size: 10px;}
.footerText {color: #cfdcff; font-size: 9px }
.sectText {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 24px; color: #000099 }
.subHeadText {font: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #1e1e8c; text-align: left;}
.subHeadText2 {font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #1e1e8c; text-align: left;}
.subHeadWhite {font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-align: left;}
.bodyboldgray {color: #666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; text-decoration: none }
.icon2 {height: 100%; width: 800px; background: #FFFFFF; margin: 0 auto; padding: 0; border: 0px; text-align: left; border-left: 2px solid #1e1e8c; border-right: 2px solid #1e1e8c; vertical-align}
.formLbl {color: #CCCCCC; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; text-decoration: none }
.formSect {color: #1e1e8c; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.formData {font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal}
.feedbackitalic { color: #4D4D4D; font-style: italic; line-height: 16px; text-decoration: none }
.echoScreen {color: #ffffff;}
.notes {font-weight: bold; text-transform: uppercase; color: red; text-align: center; font-size: 10;}

#driveVia {	border: 1px solid gray; font: normal 10px verdana;}

.singleCol {width:550px; padding: 10px; border: 0px; margin-left:40px; margin-right:40px; vertical-align:top;}
.doubleCol {width:100%; margin-left:5px; margin-right:5px; vertical-align:top;}
#fullheight{width:100%}

.icon3 {height: 100%; width: 800px; background: #FFFFFF; margin: 0 auto; padding: 0; border: 0px; text-align: left;}
#mainLeft {background: #FFFFFF; background-image: url(images/leftBgnd.gif); background-repeat: repeat-y; background-position: right }
#mainLeft2 {background: #FFFFFF; background-image: url(images/leftBgnd.gif); background-repeat: repeat-y; background-position: right; border-right: 2px solid #1e1e8c }
#mainRight {background: #FFFFFF; background-image: url(images/rightBgnd.gif); background-repeat: repeat-y; background-position: left }
#mainRight2 {background: #FFFFFF; background-image: url(images/rightBgnd.gif); background-repeat: repeat-y; background-position: left; border-left: 2px solid #1e1e8c }
#menuClmn {height: 100%; background: #F2F2F2; background-image: url(images/menuBgnd.gif); background-repeat: repeat-y; background-position: right; width: 150px; text-align: left; }
.menuClmn {height: 100%; background: #F2F2F2; background-image: url(images/menuBgnd.gif); background-repeat: repeat-y; background-position: right; width: 150px }

.btnColumn td {width: 100%; margin: 0; padding: 0; font-size: 10px; color: #1e1e8c; background-color: #F2F2F2; background-image: url(images/navBgnd.gif); background-repeat: repeat-x; border-right: 1px solid #CCCCCC;}

table.module2 {width: 100%; margin: 0; padding: 0;}
table.module2 tr.header {height: 20px; margin: 0; padding: 0; font-size: 12px; font-weight: bold; text-align: center; color: #1e1e8c; text-transform: uppercase;}
table.module2 tr.footer {height: 10px; margin: 0; padding: 0; font-size: 10px; font-weight: normal; text-align: center; color: #1e1e8c; vertical-align: top;}
table.module2 tr.main {margin: 0; padding: 0;}
#moduleLeft {background: #FFFFFF; background-image: url(/images/widgetframe_left.gif); background-repeat: repeat-y; background-position: left }
#moduleRight {background: #FFFFFF; background-image: url(/images/widgetframe_right.gif); background-repeat: repeat-y; background-position: left }
#moduleHead {background: #FFFFFF; background-image: url(/images/widgetframe_headerback.gif); background-repeat: repeat-x;}
#moduleFoot {background: #FFFFFF; background-image: url(/images/widgetframe_bottom.gif); background-repeat: repeat-x;}

#login-area {padding: 10px; font-size: 8px; color: #999999; font-weight: bold; text-align: left; background: #FFFFFF; background-size: 100%; border: 1px solid #CCCCCC; border-left-width: 0px }

input {font-size:10px; padding: 2px; color:#1e1e8c; background-color:#F2F2F2; border: 1px solid #1e1e8c; margin: 5px 0px 5px 0px; }
textarea { font-size: 10px; padding: 2px; color:#1e1e8c; background-color:#F2F2F2; border: 1px solid #1e1e8c; margin: 5px 0px 5px 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
select {font-weight:normal; color:#1e1e8c; border: 1px solid #1e1e8c; background-color:#F2F2F2;}
#rad {border: 0px;}
#login-area input, #login-area textarea {width: 126px }
#login-area.loggedIn{font-size: 10px;}
input.formBlank { background:none; border:none; }
input.iconBtn {font-size:10px; padding: 1px; color:#1e1e8c; background-color:#F2F2F2; border: 1px solid #1e1e8c; }
input.iconBtnhov {font-size:10px; padding: 1px; color:#F2F2F2; background-color:#1e1e8c; border: 1px solid #1e1e8c; }

.floatright {float:right; width:150px;}

.ceu_border {padding: 0px 5px 0px 5px; margin: 0px 5px 0px 5px;}

img.floatRight {float: right; margin: 3px }
img.floatImgLeft {float: left; margin: 10px }

ul {list-style-image: url(images/bullet.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; text-align: left;}
ol {margin-right: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; text-align: left }
ol.start {margin-right: 40px; margin-right: 60px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; ofnt-style: normal; text-align: justify }

li.docs {list-style-type: disc; list-style-image: none; list-style-position: outside; color: #1e1e8c; font-size: 10px; padding: 0px; font-weight: bold; margin-left: -0.5em; margin-bottom: 2px;}
li.docs a {outline: none; list-style-type: disc; list-style-image: none; list-style-position: outside; color: #1e1e8c; font-weight:bold; text-decoration: none; margin-left: -0.5em; margin-bottom: 2px;}

span.docs {color: #1e1e8c; font-size: 10px; padding: 0px; font-weight: bold;}
span.docs a {color: #1e1e8c; font-weight:bold; text-decoration: none;}

a {outline: none; font-weight: bold;color: #1e1e8c; text-decoration: underline }
a span {color: #4D4D4D }
a:hover {outline: none; font-weight: bold; color: #4D4D4D; text-decoration: underline }
a:hover span {font-weight: bold; color: #1e1e8c; text-decoration: underline }
a:visited {font-weight: bold; color: #5050aa; text-decoration: underline }
a:active {font-weight: bold; color: #5050aa; text-decoration: underline }

.terms a {outline: none; font-weight: bold;color: #cfdcff; text-decoration: underline }
.terms a:hover {outline: none; font-weight: bold; color: #ffffff; text-decoration: underline }
.terms a:visited {font-weight: bold; color: #cfdcff; text-decoration: underline }
.terms a:active {font-weight: bold; color: #cfdcff; text-decoration: underline }

.btnColumn a {outline: none; font-weight: normal; text-decoration: none }
.btnColumn a:hover {outline: none; color: #4D4D4D; font-weight: normal; text-decoration: underline }
.btnColumn a:visited {color: #5050aa; font-weight: normal }
.btnColumn a:active {color: #5050aa; font-weight: normal; }

hr {height: 1px; border-top: 1px solid #4D4D4D; margin-top: 1px; margin-bottom: 1px; margin-left: 10px; margin-right: 10px }

/************************* **********************/

/*** Primary Level ***/
div.mainNav_FIX {text-align:left;padding: 0; margin: 0; font: normal 11px Verdana, sans-serif;border-bottom: 1px solid #CCCCCC; list-style-image: url(/images/nav_bullet.gif); }
div.mainNav2Div_FIX {text-align:left;margin: 0; padding:0; border-top: 1px solid #CCCCCC; background-image: url(/images/navBgnd.gif); background-repeat:repeat-x; padding:4px;}

a.mainNavLink:link{text-align:left;outline: none; text-decoration:none; font:normal;}
a.mainNavLink:hover{text-align:left;outline: none; color: #4D4D4D; font-weight: normal;text-decoration: underline }
a.mainNavLink:visited{text-align:left;color: #5050aa; font-weight: normal;}

/** Current Page **/
div.mainNav2Div_CurrentPage {margin: 0; padding:0; border-top: 1px solid #CCCCCC; background-image: none; background-color:#CCCCCC; padding:4px;}

span.mainNavLink_CurrentPage {color:#666666; font-weight:bold;}
/*a.mainNavLink_CurrentPage:link{text-decoration:none; font:normal;}
a.mainNavLink_CurrentPage:hover{color: #4D4D4D; font-weight: normal;text-decoration: underline }
a.mainNavLink_CurrentPage:visited{color: #5050aa; font-weight: normal;}*/


/*** secondary level ***/
div.subNavBlock {padding: 0; margin: 0; font: normal 10px Verdana, sans-serif; background-color: #F2F2F2; background-image:none; padding:4px; display:block;}

a.subNavLink:link{outline: none; padding-left: 10px; display:block; color: #4D4D4D; text-decoration:none; font:normal;}
a.subNavLink:hover{outline: none; color: #1e1e8c; font-weight: normal;text-decoration: underline }
a.subNavLink:visited{color: #5050aa; padding-left: 10px; display:block; font-weight: normal;}

/** Current Page **/
div.subNavBlock_CurrentPage {padding: 0; margin: 0; font: normal 10px Verdana, sans-serif; background-color: #999999; background-image:none; padding:4px; display:block;}
span.subNavLink_CurrentPage{padding-left: 10px; display:block; color: #FFFFFF; font-weight:bold;}


/************************* **********************/

/* ************ NAVIGATION *************** */
/*primary level*/
#mainNav {padding: 0; margin: 0; font: normal 11px Verdana, sans-serif;border-bottom: 1px solid #CCCCCC; list-style-image:}

#mainNav div {margin: 0; padding:0; border-top: 1px solid #CCCCCC; background-image: url(/images/navBgnd.gif); background-repeat:repeat-x}
#mainNav div a{outline: none; display:block; text-decoration:none; font:normal; padding:4px;}
#mainNav div a:hover{outline: none; color: #4D4D4D; font-weight: normal;text-decoration: underline }
#mainNav div a:visited{color: #5050aa; font-weight: normal;}

/*primary level*/
#memberNav {padding: 0; margin: 0; font: normal 11px Verdana, sans-serif; border-bottom: 1px solid #CCCCCC; }
#memberNav li {list-style: none; margin: 0; padding: 4;border-top: 1px solid #CCCCCC; list-style-image: url(/images/nav_bullet.gif); }
#memberNav li a{outline: none; text-decoration:none; font:normal;border:1px solid}
#memberNav li a:hover{outline: none; color: #4D4D4D; font-weight: normal; text-decoration: underline;}
#memberNav li a:visited{color: #5050aa; font-weight: normal;}
/*secondary level*/
#memberNav ul{margin:0; padding:0; font: normal 15px Verdana, sans-serif;}

/*current*/
#currentSection li {padding-left:9; background-image:none; border:none;font: normal 11px Verdana, sans-serif;font-size: 9px; list-style-image: url(/images/nav_bullet.gif); }
#currentSection ul {display:block;margin:0;padding:0;}
#currentSection ul li a{display:block;line-height:20px;margin:0;padding:0;}

#currentSection.currentPage a{outline: none; color:#1e1e8c;}
#currentSection.currentPage ul li a{outline: none; color:#1e1e8c;border:1px solid;}
#currentSection.currentPage li a{color:#1e1e8c;}
/*#currentSection.currentPage {background-color:#ffffff;}*/
#currentSection.currentPage ul li{background: none; background-image: none;}

.currentPage {background: none; background-image:none; color:white;}
.currentPage li {color:#1e1e8c;}
.currentPage li a{outline: none; color:white;}

.currentPage ul li  
{
    display:block; 
    height:18px; /* Adjust the height of the sub-item */
  /*  background-color: !important; /* Set the background color here, replace Transparent but keep !important */
}
.currentPage ul li a 
{
    display:block; 
    width:100%; 
}

#mainNav li.currentPage a, #mainNav li.currentPage a:link{background-color:#5050aa!important;color:white!important;}
/*#mainNav li.currentPage li a,#mainNav li.currentPage li a:link{background: none!important; background-image: none!important;color:#1e1e8c!important}*/
#mainNav li.currentPage li a, #mainNav li.currentPage li a:link{background:none!important;background-image: none!important;color:#1e1e8c!important}

/*******************TABBER*****************/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet!--*/
.tabberlive .tabbertabhide {display:none;}

/*--.tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up--*/
.tabber {}
.tabberlive {margin-top:1em;}

/*--ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab--*/
ul.tabbernav {margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif;}
ul.tabbernav li {list-style: none; margin: 0; display: inline;}
ul.tabbernav li a {outline: none;  padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none;}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover {outline: none; color: #000; background: #AAE; border-color: #227;}

ul.tabbernav li.tabberactive a {outline: none; background-color: #fff; border-bottom: 1px solid #fff;}

ul.tabbernav li.tabberactive a:hover {outline: none; color: #000; background: white; border-bottom: 1px solid white;}

/*--.tabbertab = the tab content ;; Add style only after the tabber interface is set up (.tabberlive)--*/
.tabberlive .tabbertab {padding:5px; border:1px solid #aaa; border-top:0;}
/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height ;; height:200px; */
/* If you set a fix height set overflow to auto and you will get a scrollbar when necessary ;; overflow:auto; */

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px; overflow:auto;}

/*******************NEWS FADER*******************/
div.cf_wrapper {position: absolute; top:10px; left:50%; margin-left: 90px;}
div.cf_element {width: 285px; height: 50px; overflow:hidden; background-color: #eee; border:  1px solid #ccc; text-align:left; padding-left: 5px;}
#news_banner_gif {position: absolute; top:10px;left:50%; margin-left:375px;}

/*******************LECTURE FADER*******************/
/* div.lf_wrapper {position:relative;} */
div.lf_element {width: 100%; height: 50px; overflow:hidden; background-color: #eee; border:  1px solid #ccc; text-align:left; padding-left: 5px;}
/*#news_banner_gif {position: absolute; top:10px;left:50%; margin-left:375px;}*/


/*------------ MEDIA GALLERY --------------*/
#divDescription {font-size:10px;width:298px;height:400px;overflow-x:hidden;overflow-y:scroll;padding:5px;border:1px solid #ccc;}
#imageViewer {overflow:visible;padding:5px;border:1px solid #ccc;z-index:1000;position:absolute;top:200px;left:200px;background-color:#EEEEEE;width:500px;height:300px;}
.viewerHidden {display:none;}
.viewerVisible {display:inline;}
#thumbnails {width:500px; overflow:visible; padding:5px; border:0px;}
.galleryTitle {font-size:10px;}
.thumbDesc {text-align:center; width:100px; display:block; font-size:10px; font-weight:normal;}
.thumbDesc a {font-weight: normal; text-decoration:none}
.thumbDesc a:hover {text-decoration:underline;}
.media_desc{background-color:#ffffff;border: solid 1px #000000;}
/*******************PLAN ADMIN*******************
.planAdmin{font-size:11px;}

/*******************ACADEMY CALENDAR*******************/
#calTable {font-size:11px; font-face:arial; border:solid 1px #cdcdcd;}
a#cal { color: #000000; }
a#cal.navmonth { color: #FFFFFF; font-weight: bold;}
.day {background-color:#F2F2F2;}
.day-event { background-color:#b4c8e3; }
.day-current { border: solid 1px #1e1e8c; background-color:#f2f2f2; }
.day-current-event { border: solid 1px #1e1e8c; background-color:#b4c8e3; }	
.calheader { background-color:#e0e0e0;color: #1e1e8c; font-size: 10px; font-weight: bold; text-align: center; background-image: url(/images/calbackground.jpg); }
.calsubheader { background-color:#e7eef5;color: #4d4d4d; font-size: 9px; font-weight: normal; text-align: center; background-image: url(/images/calbackground.jpg); }

#sessionul {padding: 0;	margin: 0; list-style-type: none; list-style-image: none;}
#lectureul {padding: 10px; background-position: left center; text-indent: -2px;}

/******************* MINI ACADEMY CALENDAR*******************/
#minicalTable {font-size:8px; font-face:arial; border-top:solid 1px #cdcdcd; border-left:solid 1px #cdcdcd;}
#minicalTable td{border-right:solid 1px #cdcdcd; border-bottom:solid 1px #cdcdcd;}
a#minical { color: #000000; }
a#minical.navmonth { color: #FFFFFF; font-weight: bold;}
.miniday {background-color:#ffffff;}
.miniday-event { background-color:#ffffff; }
.miniday-current { background-color:#ebebeb; }
.miniday-current-event { border: solid 1px #1e1e8c; background-color:#b4c8e3; }	
.minicalheader { background-color:#e0e0e0;color: #1e1e8c; font-size: 10px; font-weight: normal; text-align: center; background-image: url(/images/calbackground.jpg); }
.minicalsubheader { background-color:#e7eef5;color: #4d4d4d; font-size: 8px; font-weight: normal; text-align: center; background-image: url(/images/calbackground.jpg); }

#minisessionul {font-size:10px;padding: 0;	margin: 0; list-style-type: none; list-style-image: none;color:#1e1e8c;}
#minilectureul {font-size:10px;padding: 10px; background-position: left center; text-indent: -2px;}

/******************* LIBRARY **************************/
#libraryul {padding: 2px;margin: 0; list-style-type: none; list-style-image: none;}

/*********** PROTOCOLS/COMPETENCIES *****************/
.protchk{border:0px;}
#divDescription {text-size:10px;width:298px;height:400px;overflow-x:hidden;overflow-y:visible;border:1px solid #dddddd;}

/************ ADMIN DASHBOARD ********/
.ceu_dash {background-color:#ededed;}
.ceu_dash_details{}

.ceu_dash_details tr th{background-color:#cdcdcd;}
.ceu_dash_details tr td{border: solid 1px #ababab;}
.dashboard_list{color: #4D4D4D; font-size: 10px;border-bottom:solid 1px #dddddd;}
.planAdminHeader{font-size:12px;background-color:#cdcdcd;color:#333333;}

/********* PLAN LINE SELECT ******/
#prodLine_select{float:right; margin-top:8px; margin-right:5px;padding-right:0px;border:solid 0px #dddddd;}

/********* MAP DIRECTIONS STYLES ******/
table.waypoint{border: none; margin: 10px 0px; background-color: #1e1e8c; border-collapse: collapse; color: #ffffff; font-weight: bold; width: 100%}

/********* DataGrid *********/
.dgRow {font-family:Verdana; background-color:#FFFFFF;}
.dgRowAlt {font-family:Verdana; background-color:#f0f4f9;}

.dgCellLeft {font-family:Verdana; padding:3px; text-align:left;}
.dgCellLeft a{color:#1e1e8c;}
.dgCellCenter {font-family:Verdana; padding:3px; text-align:center;}
.dgCellCenter a{color:#1e1e8c;}
.dgCell {color:#4D4D4D;}
.dgHeader {font-family:Verdana; background-color:#e7eef5; color:#1e1e8c; font-weight: bold; border-bottom: 1px solid #1e1e8c; padding-top:4px;}
.dgHeader a{color:#1e1e8c; text-decoration: none;}
.dgHeader a:hover{color:#526fff; text-decoration: underline;}
.pgStyle {color:#999999;}
.pgStyle a{color:#1e1e8c;}
/********* .dgCell a{color:#1e1e8c;} */
.success {background: #e8ffe8; color: #008600; font-weight: bold; text-align: left; padding: 5px;}
.error {background: #ffcdcd; color: #aa0000; font-weight: bold; text-align: left;} 
.rowOn {background-color:#ffedc9;}
.rowOff {}

/********* Cool Tool Tip *********/
a.cttCSS:active {text-decoration: none;}
a.cttCSS:hover {text-decoration: underline;}
a.cttCSS:link {text-decoration: none;}
a.cttCSS:visited {text-decoration: none;}

/********* Academy Calendar ********/
.selectedDayStyle {}
.selectorStyle {}
.weekendDayStyle {background-color: #ffffff; color: #bbbbbb;}
.todayDayStyle {background-color: #ffedc9; font-weight: bold;}
.otherMonthDayStyle {}
.dayStyle {color: #666666; background-color: #ffffff;}
.nextPrevStyle {}
.dayHeaderStyle {font-size: 9px; font-weight: normal; background-color: #f2f2f2}
.titleStyle {font-weight: bold; color: #1e1e8c;}

/********* RadioButtonList Alignment Fix ********/
.radioButtonListAlignFix td {vertical-align: top;}
.radioButtonListAlignFix input[type="radio"] {float: left;}
.radioButtonListAlignFix label {width: 50px;display: block;}

/* Status messsage */

.success {background: #e8ffe8; color: #008600; font-weight: bold; text-align: left; padding: 5px;}
.error {background: #ffcdcd; color: #aa0000; font-weight: bold; text-align: left;} 

input[type="radio"], input[type="checkbox"]
    {
        border:0px;
        background-color:White;
    }