body { padding:0px; margin:0px auto; background-color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #4B4C4F; line-height: 16px; line-height: 20px;}

a, a:visited{    text-decoration: none;    color: #0079bf;
font-weight: 600; }
a:hover{   text-decoration: none;  }

b {  font-weight: 600; }

.heading_text, h1 {
padding: 12px 0 15px 0px;
color: #003472;
font-weight: 400;
margin: 0 0 20px 0;
font-size: 23px;
    display: block;
    background-color: #fff;
line-height: 0.95em;
}
h2 {
background-color: #fff;
    border-bottom: 1px solid #eee;
    color: #003472;
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 0.95em;
    margin: 0 0 20px;
    padding-bottom: 10px;
}
h3 { padding: 5px 0;  color:#003472; font-size:18px; line-height:30px; font-weight: 400;  }

#content_wrapper { width:100%;  margin:0px auto;  padding: 0px;  background-color: #ffffff; }

#header {  width:100%;  height:101px; }
#header-contents {  width:974px; margin: 0 auto;  height:101px; }

.home-banner {
  margin-top:20px;
}

.go-btn {

    background: url("../images/panel-arrow-right.png") no-repeat scroll right center #003472;
    border: 0 none;
    -m-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    color: #ffffff !important;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-top: 5px;
    padding: 5px 25px 6px 16px;
    position: relative;

}

#navigation {
height: 40px;
color: #FFFFFF;
font-size: 14px;
margin: 0px;
padding: 0px;
font-weight: 600;
line-height: 16px;
width: 100%;
background-color: #003472; }
#navigation-contents { width:974px; margin:0 auto; }
#navigation ul {  list-style: none; padding:0px; margin:0px auto; }
#navigation ul li { float:left; padding:12px 15px; margin:0px;}
#navigation ul li:hover { background-color: #0079bf; }
#navigation ul li.selected { background-color: #4ca2ff; }
#navigation ul li.selected:hover { background-color: #0079bf; }
#navigation ul li a { color:#fff; }
#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active { text-decoration: none; }


#content_main { background-color: #ffffff; margin: 0px auto 30px auto; padding: 0; width: 974px; }

#logged-in-box {  float: right; padding: 0px 5px; color:#ffffff; }
#logged-in-box a {  color:#ffffff; text-decoration: none; }
#logged-in-box a:hover {  color:#c86ff1; text-decoration: none; }
#logged-in-box .log-out-btn:hover {  background-color: #dedede; }
#logged-in-box .log-out-btn a {  color:#ffffff; }
#logged-in-box .log-out-btn {  background-color: #c86ff1;
    border: medium none;
    color: #ffffff;
    float: right;
    font-size: 14px;
    line-height: 21px;
    margin: -2px 20px 0 10px;
    padding: 0 10px 2px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;  }

.module_list { padding: 0px; }
.module_list .grey_heading_block {
    padding-top:10px;
    display: block;
padding: 12px 20px;
margin: -20px;
background: url("../images/courses-icon.png") no-repeat scroll right center #4ca2ff;
color: #fff;
font-size: 18px;
font-weight: 400;
}

/* .bite-size { margin: 15px 0 0; float:left; background: url(images/bitesize-education-logo.jpg) top left no-repeat; width:270px; height:86px; }
 */
 .advancis { float:right; width: 234px; height:75px; padding-right: 10px;    padding-top: 20px; }

.login-bar-contents { width: 964px; margin:0px auto; }
.login-bar {  background-color: #54534e;
    color: #ffffff;
    font-size: 15px;
    height: 20px;
    padding: 10px 0px;
    text-align: right;
    width: 100%;
display:none;}

.login-bar form {  float:right; padding-right: 10px !important; width:873px; }
.login-bar a {  color:#ffffff; text-decoration: none; }
.login-bar a:hover {  color:#c86ff1; text-decoration: none; }
.login-bar .fieldset {  float:left;  }
.login-bar .fieldset label {  padding: 0px 5px 0px 15px; float: left; }
.login-bar .text {  float:left;  }
.login-bar .input {  float:left; }
.login-bar .input input {  max-width:130px; min-width:130px!important; background: #ffffff; padding: 3px 5px; width:130px; color: #54534E; border: none; margin:0px; min-width: none; }
.login-bar .field {  display:none; }
.login-bar .go-btn {  background-color: #C86FF1; padding:2px 10px; color: #ffffff; font-size:16px; margin: -2px 20px 0px 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; border: none; text-shadow: none;  }
.login-bar .go-btn:hover {  background-color: #dedede; }
.login-bar .go-btn a {  color:#ffffff; }


.no-margin-right { margin-right:0px !important; }

.box-33 { width: 30%; margin-right: 4%; float:left; background: url(images/box-33.jpg) top left repeat-x #F5F5F5; padding:0px 0px 5px 0px; color: #444444; font-size:14px; line-height:20px; margin-bottom: 20px; }
.box-33 .title { font-weight: 600; font-size: 16px; line-height:24px; margin-bottom: 10px; }

.box-100 { width: 100%; margin-right: 4%; float:left; background: none; padding:0px 0px 5px 0px; color: #444444; font-size:14px; line-height:20px; margin-bottom: 0px; margin-top: 5px; }
.box-100 .title { font-weight: 600; font-size: 16px; line-height:24px; margin-bottom: 10px; }

.box-50 { width: 47%; margin-right: 4%; float:left; background: none; padding:0px 0px 5px 0px; color: #444444; font-size:14px; line-height:20px; margin-bottom: 0px; margin-top: 5px; }
.box-50 .title { font-weight: 600; font-size: 16px; line-height: 48px; margin-bottom: 10px; }

.box-timed-modules { background: url("images/icon-timed-modules.png") no-repeat scroll left top transparent;
    margin: 10px 0 5px;
    padding: 5px 15px 5px 65px; min-height: 40px; }
.box-test-section { background: url(images/icon-test-section.png) top left no-repeat transparent; margin: 10px 0 5px;
    padding: 5px 15px 5px 65px; min-height: 40px; }
.box-presentation-style { background: url(images/icon-presentation-style.png) top left no-repeat transparent; margin: 10px 0 5px;
    padding: 5px 15px 5px 65px; min-height: 40px; }
.box-interactive-sessions { background: url(images/icon-interactive-sessions.png) top left no-repeat transparent; margin: 10px 0 5px;
    padding: 5px 15px 5px 65px; min-height: 40px; }
.box-certificates { background: url(images/icon-certificates.png) top left no-repeat transparent; margin: 10px 0 5px;
    padding: 5px 15px 5px 65px; min-height: 40px; }
.box-education { background: url(images/icon-education.png) top left no-repeat transparent; margin: 10px 0 5px;
    padding: 5px 15px 5px 65px; min-height: 50px; }

.course_title  {
border-bottom: 1px solid #dedede;
font-size: 18px;
margin: 10px 0 0 0;
padding: 9px 15px 15px 15px;
color: #003472;
background-color: #fff;
}
.help-title {  }
.resource-title {margin: 10px 0 15px;padding: 0px;min-height: 40px;}

/*.box-timed-modules { background: url(images/icon-timed-modules.png) top center no-repeat transparent; padding: 65px 15px 5px 15px; min-height: 160px; }
.box-test-section { background: url(images/icon-test-section.png) top center no-repeat transparent; padding: 65px 15px 5px 15px; min-height: 160px; }
.box-presentation-style { background: url(images/icon-presentation-style.png) top center no-repeat transparent; padding: 65px 15px 5px 15px; min-height: 160px; }
.box-interactive-sessions { background: url(images/icon-interactive-sessions.png) top center no-repeat transparent; padding: 65px 15px 5px 15px; min-height: 160px; }
.box-certificates { background: url(images/icon-certificates.png) top center no-repeat transparent; padding: 65px 15px 5px 15px;  min-height: 160px; }
.box-education { background: url(images/icon-education.png) top center no-repeat transparent; padding: 65px 15px 5px 15px; min-height: 160px; }*/

.help-box-small { background: url(images/icon-help-small.png) top left no-repeat #ffffff; padding: 4px 5px 20px 38px;
    width: 140px;  border-bottom: none;  float: none; clear: left; font-size: 15px;  margin-top: 0px;  line-height: 22px; color:#FF8F33; font-weight:600;  line-height: 25px; }
.help-box-small a { color:#ff8f33;  }
.help-box-small a:hover { color:#444444; text-decoration: none;  }

.back-box-small { background: url("images/icon-back.png") no-repeat scroll left top #ffffff;
    border-bottom: medium none;
    clear: left;
    color: #34b4a1;
    float: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    margin-top: 50px;
    padding: 4px 5px 12px 38px;
    width: 140px; }
.back-box-small a { color:#34B4A1;  }
.back-box-small a:hover { color:#444444; text-decoration: none;  }


.resource_text .log td {  padding-right:20px; }
.resource_text .log th {  padding-right:20px; }



.latest-module-box {
    padding: 0px 5px 20px 60px;
    color: #444444;
    width: 190px;
    float: none;
    clear: left;
    font-size: 14px;
    margin-top: 20px;
    line-height: 22px;
    background: url("../images/courses-trans.png") no-repeat scroll right bottom #eee;
    padding: 20px;
    width: 85%;
}
.latest-module-box .heading {
    color: #2e69a6;
    font-size: 18px;
    font-weight: 400;
    display: block;
    padding: 12px 20px;
    margin: -20px;
    background-color: #4ca2ff;
    color: #fff;
}
.latest-module-box .content {margin-top: 33px; }
.latest-module-box a { color:#003472; font-weight: 600;  }
.latest-module-box a:hover { color:#444444; text-decoration: none; }


.help-box {
    padding: 0px 5px 20px 60px;
    color: #444444;
    width: 190px;
    float: none;
    clear: left;
    font-size: 14px;
    margin-top: 20px;
    line-height: 22px;
    background: url("../images/support-trans.png") no-repeat scroll right bottom #edf3f6;
    padding: 30px 20px 40px 20px;
    width: 85%;
}
.help-box .heading {
    color: #2e69a6;
    font-size: 18px;
    font-weight: 400;
    display: block;
    padding: 12px 20px;
    margin: -20px;
    background-color: #4ca2ff;
    color: #fff;
}
.help-box .content {margin-top: 15px; }
.help-box a { color:#0079bf; font-weight: 600;  }
.help-box a:hover { color:#4ca2ff; text-decoration: none;  }


.learning-resources-box {
    padding: 0px 5px 20px 60px;
    color: #444444;
    width: 190px;
    float: none;
    clear: left;
    font-size: 14px;
    margin-top: 20px;
    line-height: 22px;
    background: url("../images/portfolio-trans.png") no-repeat scroll right bottom #edf3f6;
    padding: 30px 20px 40px 20px;
    width: 85%;
}
.learning-resources-box .heading {
    color: #2e69a6;
    font-size: 18px;
    font-weight: 400;
    display: block;
    padding: 12px 20px;
    margin: -20px;
    background-color: #4ca2ff;
    color: #fff;
}
.learning-resources-box .content {margin-top: 15px; }
.learning-resources-box a { color:#0079bf; font-weight: bold;  }
.learning-resources-box a:hover { color:#4ca2ff;  }

.module_key { padding: 0px 0 20px 17px; border-bottom: 4px solid #E9E9E9; color:#444444;   width: 236px; float: none; clear: left; font-size: 14px;  margin-top: 20px;  line-height: 22px; }
.module_key .heading { font-size:18px; font-weight:400;  padding-bottom: 10px; line-height: 25px;padding-left:43px;}
.module_key .content { }
.module_key a { color:#003472; font-weight: 600;  }
.module_key a:hover { color:#444444; text-decoration: none; }
.module_key p { margin:0 0 13px 23px; padding:0; line-height:15px;}


.clear-fix {  clear: both;  }

/*quick fix */
/*.col_620 { width:100%; margin:0px; float:left; padding-left: 5px; }*/
.col_620 {
width: 680px;
margin: 0px;
float: right;
padding-left: 0;
background-color: #fff;
margin-top: 29px; }
.col_full { width:100%; margin:0px; float:left; padding-left: 5px; }
.col_620_top { padding-top:10px; width:230px; margin: 0 6px 0 0; float:left;  background-image: url(images/LH_top_back.jpg); background-position: top left; background-repeat: no-repeat; }
.col_300 { width:220px; margin:0px; padding-left: 10px; float:left; background-color: #ffffff;  background-position: top left; background-repeat: repeat-y; }
.col_300-fill { width:220px; margin:0px; padding-left: 10px; float:left; background-color: #ffffff; background-image: url(images/LH_back.jpg); background-position: top left; background-repeat: repeat-y; height:100%; }
.col_220 { width:220px; margin:0px; padding-left: 0px; float:left; background-color: #ffffff;  background-position: top left; background-repeat: repeat-y; }


.input-container {
  text-align: left; height: 60px;
}


.section-contents{
    padding-top: 0px;
}

#left_column {
    width: 689px;
    margin: 0px;
    float: right;
    background-color: #ffffff;
    padding-left: 0;
    margin-top: 29px;
    padding: 0 20px 20px 20px;
box-sizing: border-box;
}
#right_column_top { padding-top:10px; width:255px;  background-color: #ffffff; }
#right_column { width:255px; margin: 0 30px 0 0; padding-left: 0px; float:left; padding-top: 29px;  }
#right_column-fill { width:220px; margin:0px; padding-left: 10px; float:right; height:100%; }



#footer {
background-color: #afafaf;
color: #202b5b;
margin: 0;
padding: 0px 0px 20px;
width: 100%;
width: 100%;
margin: 0 auto;
overflow: hidden;
background-color: #333333;
color: #ffffff;
}
#footer a:link, #footer a:visited, #footer a:active { text-decoration: none; color: #fff;
font-weight: 400; }
#footer a:hover{ text-decoration: none; color:#0079be; }

.footer-content a:hover { color: #ffffff !important;}
.footer-content { color: #fff;
    font-size: 14px;
    margin: 0 auto 34px auto;
    text-align: center;
    width: 974px;
padding-top: 11px;
border-top: solid 1px #949494;}

.footer-links-outer { width: 100%;  margin-bottom: 20px; padding-top: 10px; }

.footer-links {
    text-align: left;
    width: 954px;
    margin: 0 auto;
    padding: 15px 10px 20px 5px;
    line-height: 25px;
    min-height: 50px;
}
.footer-links ul { list-style: none; margin: 0 0px 30px 0; padding:0px; float: left; }
.footer-links ul li { list-style: none; margin:0px; padding:0px; }
.footer-links a { color:#54534E; }
.footer-links ul li .active { color:#4ca2ff !important; }


#course_navigation  {  width:680px; background-color: #E1E4EB; color:#A6A6A6;  font-size: 14px; font-weight: bold; text-align: left; padding:2px 5px 7px 5px; margin:0px; height:22px; }
#course_navigation a {  text-decoration: none; }

#course_navigation ul { margin-top:5px; padding:0px; float:left; list-style: none; margin-left:0px; }
#course_navigation ul li { float:left; padding: 0 15px 0 5px; }
#course_navigation ul li:hover { color:#8642a2; }

.deshboard-bottom {  margin-top:15px; }
.key_item{float:left;margin-left:10px;margin-right:29px;margin-top:26px;}



.grey_heading_block {
display: block;
padding: 12px 20px;
margin: 0px 0 0 0;
background-color: #4ca2ff;
color: #fff;
    font-size:18px;
box-sizing: border-box;*behavior: url(/script/boxsizing.htc);margin: -20px 0px 0 0px;}
.grey_heading_block-dark {  width:100%; color:#474748; font-size: 22px; font-weight: 400; line-height:34px; padding:2px 0px 5px 0px; margin-top:15px; }
.grey_heading_block_resize {  width:100%; background-color: #E1E4EB; color:#8642a2; font-size: 14px; font-weight: bold; padding:2px 5px 5px 5px; margin-top:5px; }
.white_heading_block { color:#8642a2; font-size: 14px; font-weight: bold; padding:2px 5px 5px 5px;}
.blue_text_block { width: 690px;  }

.course_block   {  margin: 10px 0 5px 0; clear:left; }
.course_block_c {
    width: 290px;
    background-color: #eee;
    margin: 0px;
    padding: 2px 5px 2px 20px;
    text-align: left;
    color: #0079be;
}
.course_block_s {
    width: 235px;
    background-color: #eee;
    margin: 0px;
    padding: 2px 5px 2px 0px;
    text-align: left;
    color: #0079be;
}
.course_block_r {  width: 145px; background-color: #eee; margin: 0px;  padding:2px 5px 2px 0px; }
.course_block_c_blue {  width: 290px; color: #003472;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 0px;
    padding: 12px 5px 5px;   }
.course_block_c_blue a,.course_block_c_blue a:visited{color: #003472 !important;}
.course_block_s_blue {  width: 225px;  background-color: #eee;  padding:4px 5px 7px 7px;   }
.course_block_r_blue {  width: 130px;  background-color: #eee; padding:4px 5px 7px 7px; }

.course_block     .course_block_c_blue { padding: 0 0 5px 20px; }
.course_block     .course_block_s_blue {padding: 0 0 5px 0px; }
.course_block     .course_block_r_blue { padding: 0 0 5px 20px; }


.view-all-courses { float:right; padding-top: 20px; }

.course_contents .head{
    color: #003472;
    font-weight: bold;

}
.course_contents .head td{
}

.course_contents p {
  padding-right:10px;
}

.course_unit_row td{}
.course_unit_c_blue {
width: 370px;
padding: 10px 0px;
font-weight: bold;
color: #474748;
}
.course_unit_c_blue a,.course_block_c_blue a:visited{color: #474748;}
.course_unit_s_blue {  width: 120px;    }
.course_unit_r_blue {  width: 120px;  }

.course_block_c_long{
    width: 532px;
}

#page-numbers{
    font-size: 14px;
    margin-bottom: 10px;
    padding-right: 23px;
    text-align: center;
}

.info_box {  width: 300px;  margin:5px;  float: left; }
.text_box { padding-left: 5px;  }
.text_box p {  margin-top: 5px;  margin-bottom: 5px; }

.log_box {   width:220px; background-color: #ffffff;  color:#204e82; margin: 0px 5px 0 0px; padding-bottom: 10px;  }


/* arrow buttons */

.arrow_text {
background: url("../images/panel-arrow-right.png") no-repeat scroll right center #003472;
-m-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff !important;
display: block;
font-size: 14px;
font-weight: 600;
padding: 5px 25px 6px 16px;
border: 0;
float: right;
position: relative;
margin-right: 20px;
}

.arrow_text:hover {
background-color: #4ca2ff;
}
.arrow_text a:link, .arrow_text a:active, .arrow_text a:visited { text-decoration: none; color:#c86ff1; }
.arrow_text a:hover { text-decoration: none; color:#c86ff1; }
.arrow_text:hover { text-decoration: none; color:#c86ff1; }

.arrow_text-url {  background-image: url(images/icon_url.png); background-position: center left; background-repeat: no-repeat; color:#8642a2; text-transform: uppercase; font-size:13px; padding-left: 17px; text-decoration: none;}
.arrow_text-url a:link, .arrow_text-url a:active, .arrow_text-url a:visited { text-decoration: none; color:#8642a2; }
.arrow_text-url a:hover { text-decoration: underline; color:#8642a2; }
.arrow_text-url:hover { text-decoration: underline; color:#8642a2; }


.arrow_text_blue {  background-image: url(images/icon_arrow_blue.png); background-position: center left; background-repeat: no-repeat; color:#202b5b; font-weight: bold; font-size:13px; padding-left: 17px; text-decoration: none; }
.arrow_text_blue a:link, .arrow_text_blue a:visited, .arrow_text_blue a:active { text-decoration: none; color:#202b5b; }
.arrow_text_blue a:hover { text-decoration: underline; color:#202b5b; }
.arrow_text_blue:hover { text-decoration: underline; color:#202b5b; }

.arrow_text_2 {
background: url("../images/panel-arrow-right.png") no-repeat scroll right center #003472;
-m-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff !important;
display: block;
font-size: 14px;
font-weight: 600;
padding: 5px 25px 6px 16px;
border: 0;
float: right;
position: relative;
margin-right: 20px;
}

.arrow_text_2:hover {
background-color: #4ca2ff;
}
.arrow_text_2 a:link, .arrow_text_2 a:visited, .arrow_text_2 a:active  { text-decoration: none; color:#8642a2; }
.arrow_text_2 a:hover { text-decoration: none; color:#8642a2; }
.arrow_text_2:hover { text-decoration: none; color:#8642a2; }
.latest_course_back {
  background: url(images/back-latest-courses.jpg) repeat-y top left #ffffff;
}

.ico_view{
    background-image: url(images/icon_view.png);
    text-transform: none;
}
.ico_download{
    background-image: url(images/icon_download.png);
    text-transform: none;
}
.ico_add{
    background-image: url(images/icon_add.png);
    text-transform: none;
}

.btn_next { background-image: url(images/icon_next.jpg); background-position: top right; background-repeat: no-repeat; float:right; margin:5px; padding: 5px 30px 0 0 ; color:#204e82;  height:25px; }
.btn_previous { background-image: url(images/icon_prev.jpg); background-position: top left; background-repeat: no-repeat; float:left; margin:5px; padding: 5px 0 0 30px; color:#204e82;  height:25px; }

.cpd_link{
    text-transform: none;
}

/* end of arrow buttons */


/*****deshboard******/
.desh_lates_title{
    float: left;
    width: 235px;
    font-weight: bold;
    margin-left: 10px;
}
.desh_search_button{
    padding-left: 164px;
    padding-top: 10px;
}
/********desh end******/

/* the skin diagram */
.the-skin {  width:650px; height:294px; margin:0px; padding:0px; background: url(http://www.e-academy.wounds-ukdev.molehost.net/images/TheSkin-bottom.jpg) bottom left no-repeat #ffffff; }
.the-skin-epidermis  {  width:650px; height:93px; margin:0px; padding:0px; background: url(http://www.e-academy.wounds-ukdev.molehost.net/images/TheSkin-epidermis.jpg) top left no-repeat #ffffff; }
.the-skin-epidermis:hover  {  width:650px; height:93px; margin:0px; padding:0px; background: url(http://www.e-academy.wounds-ukdev.molehost.net/images/TheSkin-epidermis-over.jpg) top left no-repeat #ffffff; }
.the-skin-dermis  {  width:650px; height:81px; margin:0px; padding:0px; background: url(http://www.e-academy.wounds-ukdev.molehost.net/images/TheSkin-dermis.jpg) top left no-repeat #ffffff; }
.the-skin-dermis:hover  {  width:650px; height:81px; margin:0px; padding:0px; background: url(http://www.e-academy.wounds-ukdev.molehost.net/images/TheSkin-dermis-over.jpg) top left no-repeat #ffffff; }
.the-skin-sub  {  width:650px; height:75px; margin:0px; padding:0px; background: url(http://www.e-academy.wounds-ukdev.molehost.net/images/TheSkin-subcutaneous.jpg) top left no-repeat #ffffff; }
.the-skin-sub:hover  {  width:650px; height:75px; margin:0px; padding:0px; background: url(http://www.e-academy.wounds-ukdev.molehost.net/images/TheSkin-subcutaneous-over.jpg) top left no-repeat #ffffff; }
.the-skin-bottom  {  width:650px; height:45px; margin:0px; padding:0px; background: url(http://www.e-academy.wounds-ukdev.molehost.net/images/TheSkin-bottom.jpg) top left no-repeat #ffffff; }



/* course blocks & formatting */

.courses_blue   {
    width:100%;  min-height: 206px;  background-color: #eee; float:left; margin-right: 30px; padding-bottom:5px;  }
.courses_purple {  width:330px;  min-height: 206px;  background: url(images/back_course_purple.jpg)  top left #D2C6DC no-repeat;  float:left;  padding-bottom:5px; }

.course_title_red {  color:#8642a2; font-size: 18px; text-transform: uppercase; float:none; margin-right:20px; margin-top: 10px; font-weight: 500; }
.course_title_purple {  color:#59386F; font-size: 18px; text-transform: uppercase; float:none; margin-right:20px;  margin-top: 10px; font-weight: 500; }
.course_title_blue {
    color: #204e82;
font-size: 18px;
float: none;
margin-left: 20px;
margin-top: 7px;
font-weight: 500;
float: left;
}

.course_desc_blue { text-align: left; color:#204e82; width:310px; margin: 0px auto; padding: 12px 0 5px 0; font-size:14px; min-height: 40px; }
.course_desc_purple { text-align: center; color:#59386F; width:310px; margin: 0px auto;  padding: 12px 0 5px 0; font-size:12px; min-height: 40px; }

.course_desc_list ul {  list-style: none; margin:0px; padding: 0px 0px 0px 10px; }
.course_desc_list ul li { padding-bottom: 10px; margin:0px; padding:5px 0; clear: both; }

.emodule_support { float: right; padding:5px; color:#204e82; }
.emodule_support img {  margin: 1px 5px; }


/* end of course blocks & formatting */


/* Right hand blocks with images */

.col_content{
    margin-top: 5px;
}

.RH_grey_heading_block {  width:210px; font-size: 14px; font-weight: bold; padding:2px 5px 5px 5px; margin-top:5px; }
.RH_block_rubberRing  {  width:200px; background-color: #ffffff; background-image: url(images/back_rubberRing.jpg); background-position: bottom right; background-repeat: no-repeat; color:#202b5b; margin: 10px 5px 20px 5px; min-height: 80px; }
.RH_block_folders  { width:200px; background-color: #ffffff; background-image: url(images/back_folders.jpg); background-position: bottom right; background-repeat: no-repeat; color:#202b5b; margin: 10px 5px 20px 5px; min-height: 75px; }
.RH_block_books  { width:200px; background-color: #ffffff; background-image: url(images/back_books.jpg); background-position: bottom right; background-repeat: no-repeat; color:#202b5b; margin: 10px 5px 20px 5px; min-height: 100px; }
.RH_block_checklist { width:200px; background-color: #ffffff; background-image: url(images/back_checklist.jpg); background-position: bottom right; background-repeat: no-repeat; color:#202b5b; margin: 10px 5px 20px 5px; min-height: 75px; }
.RH_block_none { width:200px; background-color: #ffffff; color:#202b5b; margin: 10px 5px 20px 5px; }

/* end of Right hand blocks with images */


/* search */
.search_col1 { width:175px; float: left; margin-top:5px; padding-left: 5px; padding-top:5px; min-height:20px; }
.search_col2 { width:180px; float: left; margin-top:5px; padding-left: 5px; min-height:20px;  }
.search_col3 { width:270px; float: left; margin-top:5px; padding-left: 5px;  }
.search_col4 { width:180px; float: left; margin-top:5px; padding-left: 5px;  }
.search_box { margin: 10px 0;}


    /* Accordion */
.course_block    .accordion{ clear:both;margin: 20px -20px; background-color: #edf3f6; }
    .accordion h2 { background-color: transparent;
    border-bottom: none;
    color: #77787c;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 0.95em;
    margin: 0px;
    padding: 20px 20px 10px 20px; }
    .accordion .toggler:hover{ cursor: pointer; }
    .accordion .toggler{
        width:100%;
        margin-top:0px;
        float:left; position:relative; overflow:hidden; color: #0079bf; border-bottom: 1px solid #DFDFDF ;
    font-size: 19px;
    font-weight: 600;
    line-height: 35px;
    padding: 0 5px 0 20px;
box-sizing: border-box;
       background-color:#EDF3F6;
    }

.accordion .toggler .btn:hover { background-color: #4ca2ff; }
.accordion .toggler .btn {
background: url("../images/panel-arrow-right.png") no-repeat scroll right center #0079BE;
-m-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff !important;
display: block;
font-size: 14px;
font-weight: 600;
padding:0px 15px 0px 16px;
width: 105px;   float:right; margin-top: 4px;
}
    .accordion .toggler div.icon{ position:relative; float:left; height:28px; padding: 14px 12px 0 0px; cursor:pointer;}
    .accordion .toggler div.title{ 
        position:relative; 
        float:left; 
        padding: 8px 10px 8px 0px; 
/*        width: 470px; */
        width: 390px;
        line-height: 27px;
    }
    .accordion .toggler div.title:hover{ cursor: pointer; }
    .accordion .container ul { list-style-image: url(images/list-style-image.jpg); margin:20px 0 0 0; }
    .accordion .container ul li { list-style-image: url(images/list-style-image.jpg); }
    .accordion .container{
    display: none;
   padding: 22px 20px 15px 53px;
    width: 100%!important;
    background-color: #F2F4F5;
    margin: 0;
    float: left;
    clear: left;
    box-sizing: border-box;
        -webkit-box-shadow:inset 0 5px 5px 0 rgba(0,0,0,0.05);
box-shadow:inset 0 5px 5px 0 rgba(0,0,0,0.05);    border-bottom: 1px solid #dfdfdf;
    }
    .accordion .container .heading {
    color: #003472;
font-size: 15px;
line-height: 22px;
text-align: left;
margin-bottom: 10px;
font-weight: 600;}
    .accordion .container .content { clear: right;
    color: #77787c;
    float: left;
    font-size: 14px;
    line-height: 23px;
    text-align: left;
    width: 100%; margin-bottom: 20px; }
    .accordion .container_loading{ padding:10px 10px 10px 10px;}
/*    .accordion h3{ margin:0 0px 0 0px; padding:0 20px 0 20px;}
    .accordion p{ padding:0 20px 0 20px; margin-top:0;}*/

    /* Expand and collapse menu */
    .accordionControl{ list-style:none; float:right; clear:both; overflow:hidden; padding-left:0; margin:0 0 10px 0; border:solid 1px #B2C4CE; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
    .accordionControl li{ float:left;}
    .accordionControl li:first-child{ border-right:solid 1px #B2C4CE;}
    .accordionControl li a{ display:block; padding:4px 6px;}

    /* Extra styling */
    .accordion .container p{ padding-top:10px;}
    .accordion .container > img{ display:block; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
    .accordion .container table{ width:100%; margin:0;}
    .accordion .container table td, .accordion .container table th{ height:20px; padding:8px 8px; border-bottom:solid 1px #DAE4E9; border-right:solid 1px #DAE4E9;}
    .accordion .container table th{ background-color:#EBF0F3; font-weight:lighter;}
    .accordion .container table tr td:last-child, .accordion .container table tr th:last-child{ border-right:none;}
    .accordion .container table tbody tr:nth-child(even) td{ background-color:#EFF7FA; selector:.accordion .container table tbody tr:nth-child(even) td;} /* Do you want to know what the property selector is for? Go to http://www.darlesson.com/jquery/css3-selectors-for-internet-explorer/ */
    .accordion .container table tbody tr:hover{ background-color:#E8EBEE;}


/*Othere pages*/
.cont_tittle{    color: #003472;    font-weight: 600; font-size:15px; line-height:25px; }

/* end of search */

/* FORM elements
SELECT { border: solid 2px #828282; color:#202b5b; font-size:11px; min-width: 190px; background:transparent; padding:2px 5px; width:230px; *background:#ffffff; -webkit-appearance: none; font-weight:bold;  }
*/
SELECT { /*  border: solid 2px #828282;   background:transparent; *background:#ffffff; -webkit-appearance: none; */ width:190px; color:#444444; min-width:200px; font-weight: 400; float:left; margin: 5px 10px 5px 0px; font-size:14px; padding: 0px 5px;
 box-shadow: -2px 3px 0 1px #E8E8E8 inset;
    -webkit-box-shadow: -2px 3px 0 1px #E8E8E8 inset;border: 1px solid #a7c5e3;  }
OPTION { background:#ffffff; font-size:11px; line-height: 15px; padding:5px; font-weight: 400; }
.mainselection { overflow:hidden; width:185px; background: url(images/dropdown_arrow.png) no-repeat scroll 164px 2px #ffffff; float:left; margin-top:5px; padding-left: 5px; margin-right:10px; }
.tb {	border: solid 1px #ccd1dd; color:#202b5b; font-size:11px; width: 180px; height:20px; border-radius: 2px; padding: 4px 5px; margin:0px; }
button:hover {    background-color:#dff4ff;    border:1px solid #c2e1ef;    color:#336699; }
.btn:hover { background-color: #4ca2ff; }
.btn {
background: url("../images/panel-arrow-right.png") no-repeat scroll right center #003472;
-m-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff !important;
display: block;
font-size: 14px;
font-weight: 600;
padding: 5px 15px 6px 16px;
width: 200px;
position: relative;
float: right;
margin: -37px 10px 0 0;    
}

.footer-col {  float:left; padding: 0 60px 0 0;
    width: 20%; }
.footer-col .title { color: #4ca2ff !important; font-size: 20px; padding-bottom:15px; width: 100%; border-bottom: 1px solid #fff; margin-bottom:15px; }

.details_form .f_descr{
    padding-left: 40px;
}
.details_form .f_field{
    padding-left: 40px;
}
.details_form td{
    padding-bottom: 5px;
}
/* shadows :
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border-radius: 9px 9px 9px 9px;
box-shadow: 1px 1px 11px #330033;
*/

/* end of FORM elements */




/************Alert*************/

.error{
    color:#b50007;
}

.alert {
    background:#f9e5e6 url('matrix/images/alert.png') 5px 50% no-repeat;
    color:#b50007;
    border:#e8aaad solid 1px;
    padding: 3px 0 3px 30px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-top: 10px;
}

.notice  {
    background:#f9f9e5 url('matrix/images/notice.png') 5px 50% no-repeat;
    color:#828400;
    border:#e8e3aa solid 1px;
    padding: 3px 0 3px 30px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-top: 10px;
}

.info {
    background:#e5ecf9 url('matrix/images/info.png') 5px 50% no-repeat;
    color:#0055b5;
    border:#aac6e8 solid 1px;
    padding: 3px 0 3px 30px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-top: 10px;
}

.confirm, .ok {
    background:#e9f9e5 url('matrix/images/confirm.png') 5px 50% no-repeat;
    color:#1c8400;
    border:#b4e8aa solid 1px;
    padding: 3px 0 3px 30px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-top: 10px;
}


/****************COURSE MENU*******************/



#course-menu {
    padding: 0;
    list-style: none;
    font-size: 14px;
   /* height: 45px;*/
    padding-top: 0px;
    margin: -7px 5px 20px 0;
    /*background: url("images/navigation-background.jpg") repeat-x scroll left bottom #ffffff; */
    color: #ffffff;
    float: left;
}

#course-menu li {
background: #003472;
    border: 0 none;
    color: #ffffff !important;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 400;
    height: 23px;
    line-height: 23px;
    margin: 7px 1px;
    padding: 5px 4px 6px;
    position: relative;
    text-align: center;
    width: 102px;
}

.course_unit_row {
  padding-bottom:10px;
}

#course-menu li.active {}
#course-menu li.selected {  background: url(images/menu-item-active.jpg) top left no-repeat; text-shadow: 1px 1px #33937C;  }
#course-menu li.nav_disabled{
  background-color: #c3c3c3;  }
#course-menu li.nav_disabled:hover{  background-color: #c3c3c3; }
#course-menu li.nav_disabled:hover a {  cursor: default !important; }

#course-menu li:hover {
    background-color: #0079be;
}
#course-menu li:hover:after {
content: "";
display: block;
margin: 34px auto;
width: 0;
position: absolute;
border-left: solid transparent 55px;
border-right: solid transparent 56px;
border-top: solid #0079be 10px;
z-index: 999999999999999999999;
top: 0;
left: 0;
overflow: visible;
}

#course-menu li a.selected:after {
content: "";
display: block;
margin: 34px auto;
width: 0;
position: absolute;
border-left: solid transparent 55px;
border-right: solid transparent 56px;
border-top: solid #003472 10px;
z-index: 999999999999999999999;
top: 0;
left: 0;
overflow: visible;
}


#course-menu li a.selected {
    /*display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 13px;
    background-image: url('../images/selected.png');
    background-repeat: no-repeat;
    background-position: right;
    color: white;
    font-size: 14px;*/

    color: #ffffff;
}

#course-menu li a {
   color:#ffffff;
}

#course-menu li a:hover { }

/*#course-menu .nav_disabled a:link,#course-menu .nav_disabled a:visited{
    color: #444;
    display: block;
    font-weight: normal;
    padding: 0px 13px;
    text-decoration: none;
    line-height: 25px;
    font-size: 15px;
    border-left: 1px solid #999;
}*/
#course-menu .no-border a:link, #course-menu .no-border a:visited{
    border: none;
}

.double-border-cm { }

.section-header h2{
/*    color: #8642a2;
    font-size: 14px;*/
}

.cpd_record_top{
    margin: 0 20px;
    width: 925px;
    border-top: 0px solid #6dbd40;
    background: url(images/cpd_rec_bg.png) repeat-x;
    height: 79px;
    color: #75767a;
    font-size: 22px;
    padding-left: 15px;
    padding-top: 20px;
    font-family: georgia;
}
.cpd_record_top span{
    color: #67bd3e;
    font-size: 22px;
    display: block;
}

.cont-table{
    width: 100%;
    margin: 20px 0px;
    font-size: 16px;
    color: #7f8084;
    font-size: 14px;
}
.cont-table table{

}
.cont-table th{
    color: #003472;
    font-size: 14px;
/* padding-bottom: 10px; */
line-height: 32px;

}
.cont-table tr,.cont-table td{
    font-size: 14px;
}
.cont-table td{
    font-size: 14px;
    padding-bottom: 15px;
    text-align: center;
}
.cont-table .have_icon{
    padding-left: 30px;
    text-align: left;
}
.cont-table .have_no_icon{
    padding-left: 5px;
    text-align: left;
}
.cont-table .left{
    text-align: left;
}
.cpd_icon{
    background: url(images/cpd_v_small.png) no-repeat;
}
.module_cat_icon{
    float: left;
    width: 25px;
    padding-right: 3px;
}
ul.cpd_summary_rpt{
    padding: 0;
    margin-left: 0;
    list-style: none;
}
.cpd_summary_rpt li{
    color: #7f8084;
    font-size: 14px;
}
.cpd_summary_rpt li span{
    color: #7f8084;
    font-size: 14px;
    float: right;
    padding-right: 10px;
    width: 115px;
}
.cpd_summary_rpt li span.left_cnt{
color: #7f8084;
font-size: 14px;
float: left;
width: 133px;
}
.p_10{
    padding: 10px;
}
.text_right{
    text-align: right;
    padding-right: 10px;
}
.date-input {
    border: 1px solid #CCD1DD;
    border-radius: 2px 2px 2px 2px;
    color: #202B5B;
    padding: 0;
    margin: 0;
    height: 28px;
    float: left;
    width: 200px;
    font-size: 	14px;
    color: #77787c;
    padding-left: 8px;
    line-height: 28px;
    margin-bottom: 17px !important;
}

.date-button {
    border: 0;
    background: url('../images/date_button.png');
    width: 29px;
    height: 30px;
    float: left;
}

/* course pageinatgion */
.pgn_left{
    float: left;
    display: block;
    /*line-height: 30px;*/
   
    height: auto;

}
.pgn_left img{
    float: left;
    padding-right: 5px;
    height: auto!important;
    /*padding-left: 15px;*/

}
.pgn_right{
    display: block;
    float: right;
    line-height: 20px;
}
.pgn_right img{
    float: right;
    padding-left: 5px;
    height: auto!important;
}
a.pgn_right,a:visited.pgn_right, a.pgn_left, a:visited.pgn_left{
    color: #003472;
    margin:10px 0 0 0;
}
#arrows-footer{
    clear: left!important;
}
.course_footer{
    clear: both;
    padding-top: 10px;
}
.cpd_this_year{
    width: 300px;
    float: left;
}
.cpd_this_year_search{
    width: 620px;
    float: left;
}
.cpd_this_year_search h3, .cpd_this_year h3{

    color: #003472;
    font-size: 14px;
    margin-top: 5px;
    padding: 2px 5px 5px;
}
/***pageination end**/

/*************Quiz******************/
.quiz {
    border: 0px solid #000000;
    padding: 0px ;
    padding-top: 0;
    background-color: #FFF; /*e9f0fa;*/
    border-bottom: 0px solid #AFC7EE;
    clear:both;
    padding-bottom: 20px;
    padding-right: 10px;
    margin: 0;
}
h3.quiz_head{
    line-height: 30px;
    /* background: #AFC7EE;*/
    margin: 0;
    padding: 0;
    margin-top: 0px;
    padding-left: 5px;
    color: #77787C;
    clear: both;
    font-size: 16px;
    font-weight: bold;
}
.quiz_a td {
    vertical-align: top;
    padding: 3px 3px 10px 3px;
}
/*
.quiz_submit{
    background: #f3f3f3;
    width: 140px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #d1d1d1;
    font-weight:  bold;
    color: #77787c;
    cursor: pointer;
}*/
/* .quiz_submit updated by TDA on 4/3/12 */
.quiz_submit{
    background: #C5C7C6;
    width: auto;
    line-height: 30px;
    height: 30px;
    border: 0px solid #d1d1d1;
    color: #8642a2;
    cursor: pointer;
}

.quiz_a .space {
    width: 10px;
}
.quiz_a ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}
.quiz_a li {
    margin: 0 0 ;
    list-style-type: none;
    padding-left: 5px;
    clear: both;
}
.quiz_a li input[type="radio"],.quiz_a li input[type="checkbox"]{
    float: left;
    padding: 0;
    margin: 0;
    height: 16px;
}
.quiz_a li label{
    padding-left: 5px;
    float:left;
/*    width:650px;*/
    clear: right;
    padding-bottom: 8px;
}
.quiz_a li label:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.quiz_q {
    color: #7F8084;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    clear:left;
}

.quiz_a {
    border-bottom: 0px solid #CFE1FE;
    color: #77787C;
    font-size: 14px;  height: auto;
    padding-bottom: 20px;
}

.quiz_feed_title {
    color: #000000;
}
.quiz_ans_wrong{
    background:#f9e5e6 url('matrix/images/alert.png') 5px 50% no-repeat;
    color:#b50007;
    border:#e8aaad solid 1px;
    padding: 3px 0 3px 30px;
}
ul.feedback_ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 0;
    margin-top: 10px;
    font-size: 14px;
    color: #77787C;


}
ul.feedback_ul li{
    padding-left: 25px;
    margin-left: 0px;
    line-height: 20px;
}
ul.feedback_ul .ans_cor{
    background:url('../images/check.png') 5px 0px no-repeat;
    color: #14AE21;
}
ul.feedback_ul .ans_incor{
    background:url('../images/cross.png') 5px 3px no-repeat;
    color:#4ca2ff;
}
ul.feedback_ul .ans_error{
    background:url('../images/arrow-error.gif') 5px 3px no-repeat;
    color: #4ca2ff;
}
.feedback_ul .ans_success{
    background:url('../images/fb_success.gif') 5px 3px no-repeat;
    color: #14ae21;
}
.feedback_ul .statement{
    background:url('../images/statement.gif') 5px 3px no-repeat;
    padding: 10px;
    padding-left: 25px;
    margin-left: 10px;
}
.feedback_result{
    color: #77787c; line-height: 22px;
}
.feedback_result h3{
    color: #f44d93;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 20px;
}
.feedback_ul .feedback-msg-li{
    padding-left: 0;
}
.feedback-msg{
    background: #ebebeb;
    clear: both;
    padding-top: 5px;
    padding: 10px;
}
.course_contents .feedback_result h2{
    margin: 0;
    padding: 0;
}
.quiz_feed {
    color: #1C8400;
}
.quiz_unsuccess{
    color: #4ca2ff;
    padding-top: 15px;
    font-weight: bold;
}
.quiz_success{
    color: #14ae21;
}

.quiz_feed_ok {
    color: #000000;
}

.quiz_feed_err {
    color: #BF0000;
}

.unit_title{
    font-size: 14px;
color: #003472;
font-weight: 400;
line-height: 45px;
padding: 0 0 0 0px!important;
margin-top: 10px;

}

.quiz_success{
    padding-top: 3px;
    color: #0079be;
    font-weight: bold;
    font-size: 14px;
}
.text_show_ans{
    font-weight: bold;
    color: #0079be;
    font-size: 14px;
}
.not_answered {
    color: #4ca2ff;
}

.all_feedback {
/*padding: 0 0 0 15px;*/
}

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

.course_contents{
    color: #4B4C4F;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    padding: 10px 0px;
}

#course_head {
  margin:0 auto;
}

.course_contents h2{
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 400px;
}
.course_contents h4{
    font-size: 14px;
    margin: 0;
    padding: 0;
    margin-bottom: 3px;
    color: #0079be;
}

.course_contents p{
    margin-bottom: 10px;
    text-align: justify;
}

.relective-excercise{
    color: #4B4C4F;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    padding-top: 5px;
}

fieldset {
  border: 0px;
}

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

input[type="text"], input[type="password"]  {
  color: #4B4C4F;
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 10px 5px 0;
    min-width: 200px;
    padding: 4px 8px;
    box-shadow: -2px 3px 0 1px #E8E8E8 inset;
    -webkit-box-shadow: -2px 3px 0 1px #E8E8E8 inset;
    border: 1px solid #A7C5E3;
}

label {
  color:#003472;
}

.col_940{      padding: 24px 15px 10px; }
.col_940 .heading_text{  padding-top: 20px;}
.col_940 input[type="text"] { margin:0px 10px; padding:2px 10px; }
 input[type="submit"] {
    background: url("../images/panel-arrow-right.png") no-repeat scroll right center #003472;
    -m-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    color: #ffffff !important;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 25px 6px 16px;
     border:0;   margin-top: 5px;
     float:right;
     position:relative;
     line-height: normal;   cursor: pointer;
 }

 input[type="submit"]:hover { background-color: #4ca2ff; }


.cont-table-600{
    width: 600px;
    margin: 20px 20px;
    font-size: 16px;
    color: #7f8084;
    font-size: 14px;
}
.cont-table table{

}
.cont-table-600 th{
    color: #00adef;
    font-size: 14px;
    padding-bottom: 10px;

}
.cont-table-600 tr,.cont-table td{
    font-size: 14px;
}


.cont-table td{
    padding: 4px 5px 7px;
    border-bottom: 3px solid #fff;
}
.cont-table-600 td{
    font-size: 14px;
    padding-bottom: 15px;
    text-align: center;
}

.cont-table-600 td.left{
    text-align: left;
}

.cont-table-600 .have_icon{
    padding-left: 30px;
    text-align: left;
}

.center{
    text-align: center;
}
.justify{
    text-align: justify;
}

.module-icons {
  background: url("images/module-list.jpg") no-repeat scroll left top transparent;
    padding: 10px 0 20px 70px !important;
}

#dialog_reflection, #dialog_new_action_plan, #dialogActionPlan{
    font-size: 14px;
}

#dialog_new_action_plan input[type="submit"] {
    border: none; height: 33px;
    padding: 5px 20px;
}

#dialog_reflection textarea,#dialog_reflection input, #dialog_new_action_plan input,#dialog_new_action_plan select,#dialog_new_action_plan textarea,#dialogActionPlan input, #dialogActionPlan select,#dialogActionPlan textarea {
    border: 1px solid  #D2D2D2;  padding: 2px 5px;
}

#dialogActionPlan .button {
  border: none; padding: 5px 20px; height:33px;
}

#dialog_reflection_new textarea, #dialog_reflection_new input, #dialog_reflection_new select, .new_form_cnt textarea, .new_form_cnt input, .new_form_cnt select{
    border: 1px solid  #D2D2D2;
}

.new_form_cnt input, .new_form_cnt select{
    height: 25px;
}


.new_form_cnt td{
    padding-bottom: 10px;
    color: #7F8084;
    font-size: 14px;
}

.submit_button, input.submit_button{
background: url("../images/panel-arrow-right.png") no-repeat scroll right center #003472;
-m-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff !important;
display: block;
font-size: 14px;
font-weight: 600;
padding: 5px 25px 6px 16px;
border: 0;
float: right;
position: relative;
line-height: normal;
}


a.submit_button {
    background: #C5C7C6;
    line-height: 30px;
    height: 30px;
    border: 0px solid #d1d1d1;
    font-weight:  bold;
    color: #8642a2;
    cursor: pointer;
    padding: 10px;
}

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

.green_button{
background-color: #003472;
padding: 8px 20px;
color: #ffffff;
font-size: 14px!important;
margin: 20px 20px 0px 10px !important;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: none;
/* text-shadow: 0px 2px #2B8175; */
}

a.green_button:link,a.green_button:visited{
  color:#ffffff;
}

.ui-helper-hidden-accessible {
  padding:0px; margin:0px;  display:none;
}

#dialog_new_action_plan td,  #dialogActionPlan td{
    padding-bottom: 8px;
}

.ui-dialog-titlebar{
    font-size: 14px;
}

.ui-datepicker{
    width: 250px;
}


.sponsor_module_info{
    font-size: 14px;
    color: #77787C;
}
/***********Styles from the old site****************/
#pink_background {
    background-color: #F5E7F5;
    padding: 4px;
}
table.clicky-box {
    border-collapse: collapse;
}
.more {
    display: none;
}
table.clicky-box {
    border: 2px solid #8642a2;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
table.clicky-box td {
    border: 2px solid #8642a2;
    padding: 8px;
}

table.clicky-box td img {
  padding: 2px 5px 2px 10px;
}
#tabs .ui-state-default {
  font-size: 11px;
}
#tabs .ui-tabs-nav li a {
    padding: 0.5em;
}


.relective-excercise     .green_button {
  margin:10px 0px;
}




/***********Mouse over effect for a course****************/
#mouse-over #contentBox { width:440px; color:#4F81BD; }
/*height:20px;*/

#mouse-over #contentBox ul { margin:0px; padding:0px; position:relative; width:100%; }
#mouse-over #contentBox ul li { display:inline; /*float:left;*/ background-color:#999; margin-right:10px; }

#mouse-over .titleCell { width:180px; height:30px; background-color:#D0D8E8; border: 1px solid #ffffff; position:relative; z-index:1000; margin:0px; padding:0px; cursor:pointer; }
#mouse-over .titleCell strong { font-size:12px; position:absolute; z-index:1000; width:175px;  height:18px; text-align:left; padding:5px 0px 0px 5px; font-weight:normal; }

#mouse-over .cell-content {  width:210px; padding-right:10px; float:left;  color:#77787C; font-size: 14px; padding-top:5px;  }
#mouse-over .head-cell-content {  width:213px; float:left;  background-color:#4F81BD; color:#ffffff; font-size: 14px; border:1px solid #ffffff; padding-left:5px; height:25px; padding-top:5px; }
#mouse-over .head-titleCell {  width:175px; float:left;  background-color:#4F81BD; color:#ffffff; font-size: 14px; border:1px solid #ffffff; padding-left:5px; height:25px; padding-top:5px;  }

#mouse-over #contentBox ul ul { left:0px; display:none; position:absolute; z-index:100; }
#mouse-over #contentBox ul ul li { /*border:#000 solid; border-width:1px; width:500px; padding:10px;*/ background-color:#FFF; }
#mouse-over #contentBox ul li:hover ul { display:block; top:-1px; !important; margin-left:185px; }
#mouse-over #contentBox ul li:hover .titleCell strong { /*border-left:#000 solid; border-right:#000 solid; border-top:#000 solid; border-bottom:#fff solid; border-width:1px;*/ background-color:#FFF; width:175px;   height:25px; }
#mouse-over .clr {clear: both; height:0px; padding:0px; margin:-1px; }


/********INPUT****************/
.input_error{
    border: 1px solid #8642a2;
}


/***********Resource library****************/
.resource_text td{
    text-align: left;
}

/****************COURSE END*******************/

.clr {clear: both; }
.clr_b {  clear: both;  }
.clr_l {  clear: left;  }
.clr_r {  clear: right; }
.float_right {  float: right; }
.float_left {  float: left; }
.txt_center {  text-align: center; }

.advancis-healthcare {
float: left;
padding-top: 20px;
}

.advancis-elearning {
float: right;  padding-top: 8px;
}

.widgetbox {
background-color: #edf3f6;
padding: 20px;
}

.box-title {
display: block;
padding: 12px 20px;
margin: -20px;
background-color: #4ca2ff;
color: #fff;
        font-size: 18px;
    font-weight: 400;
}

.box-title-login{
display: block;
padding: 12px 20px;
margin: -20px;
background: url("../images/login-icon.png") no-repeat scroll right center #4ca2ff;
color: #fff;
font-size: 18px;
font-weight: 400;
}

.box-title-courses{
display: block;
padding: 12px 20px;
margin: -10px -20px -20px;
background: url("../images/courses-icon.png") no-repeat scroll right center #4ca2ff;
color: #fff;
font-size: 18px;
font-weight: 400;
}

.help-box .heading {
display: block;
padding: 12px 20px;
margin: -30px -20px 0px -20px;
background: url("../images/support-icon.png") no-repeat scroll right center #4ca2ff;
color: #fff;
font-size: 18px;
font-weight: 400;
}

.latest-module-box .heading{
display: block;
padding: 12px 20px;
margin: -20px;
background: url("../images/courses-icon.png") no-repeat scroll right center #4ca2ff;
color: #fff;
font-size: 18px;
font-weight: 400;
}

.box-title .actionplan{
display: block;
padding: 12px 20px;
margin: -20px;
background: url("../images/actionplan-icon.png") no-repeat scroll right center #4ca2ff;
color: #fff;
font-size: 18px;
font-weight: 400;
}

.learning-resources-box .heading{
display: block;
padding: 12px 20px;
margin: -30px -20px 0px -20px;
background: url("../images/portfolio-icon.png") no-repeat scroll right center #4ca2ff;
color: #fff;
font-size: 18px;
font-weight: 400;
}


form#logon {
margin-top: 29px;
    margin-bottom: 29px;
}

.box-sublink {
background-color: #e1e7e9;
display: block;
padding: 12px 20px;
margin: -20px;
color: color: #0079bf;;
}

.box-sublink a{color: color: #0079bf;;}

.latest_course {
margin-top: 45px;
}

th {
background: #eee;
border-right: solid 1px #fff;
}

.section-header {
margin-top: 20px;
clear:left;
}

.current_courses {
background-color: #eee;
}

/* Accordion style */
.accordion-wrapper {  background-color: #f6f6f6; }
.accordion {    margin: 15px 0px 0px 0px;}
.accordion dt {  width:100%; clear:left; background-color: #ffffff;  }
.accordion dt a {  display: block; font-size: 22px; font-weight: 400;padding: 9px 0px; }
.accordion dd a {  display: block; font-size: 14px; font-weight: 400;padding: 9px 0px; }
.accordion dd { margin:0px !important; background-color: #f6f6f6; font-size: 12px;   padding: 0px;   }
.accordion dd ul {  margin:0px; padding:0px; list-style: none !important;   }
.accordion dd ul li { background: url(../images/pdf.jpg) center left no-repeat #f6f6f6; padding: 5px 10px 5px 50px !important; box-sizing: border-box;*behavior: url(/scripts/boxsizing.htc);margin:0px !important; list-style: none !important; width:50%; float:left; }
.accordion  dt.peach a {  background: url(../images/circle-arrow-peach.jpg) center right no-repeat #ffffff; border-bottom: 1px solid #ff9b61 !important;    color: #ff9b61 !important; }
.accordion  dt.yellow a {  background: url(../images/circle-arrow-yellow.jpg) center right no-repeat #ffffff; border-bottom: 1px solid #ffb62a !important;    color: #ffb62a !important; }
.accordion  dt.grey a {  background: url(../images/circle-arrow-grey.jpg) center right no-repeat #ffffff; border-bottom: 1px solid #58595b !important;    color: #58595b !important; }
.accordion  dt.blue a {  background: url(../images/circle-arrow-blue.jpg) center right no-repeat #ffffff; border-bottom: 1px solid #00aeef !important;    color: #00aeef !important; }
.accordion  dt.dblue a {  background: url(../images/circle-arrow-dblue.jpg) center right no-repeat #ffffff; border-bottom: 1px solid #003e7e !important;    color: #003e7e !important; }

.course-completed {
clear: left;
}


input#hour_spent,input#minutes_spent {
    min-width: 109px !important;
    width: 109px !important;
}

.testimonial {
padding: 20px;
background: #D2E9F4;
position: relative;
border-radius: 20px;
}

.shape2 {
content: '';
position: absolute;
right: 30px;
bottom: -17px;
width: 0;
height: 0;
border-left: 31px solid transparent;
border-right: 1px solid transparent;
border-top: 18px solid #D2E9F4;
padding: 0!important;
}

.testimonial-holder {
position: relative;
}

.remember {
padding: 20px;
background: #49A7F9;
position: relative;
border-radius: 20px;
}

.remember-inner {
padding: 9px 19px 13px 62px;
color: #fff;
background: url("../images/remember-icon.png") no-repeat scroll left top;
}

.remember-holder {
position: relative;
}

.practice {
padding: 20px;
background: #2DC553;
position: relative;
border-radius: 20px;
}

.practice-inner {
padding: 9px 19px 13px 62px;
color: #fff;
background: url("../images/practice-icon.png") no-repeat scroll left top;
}

.practice-holder {
position: relative;
}

.circles-text {
float: left;
width: 25%;
padding: 0 10px;
box-sizing: border-box;
}

.circles {
float: left;
width: 25%;
}

.glossary {
padding: 20px;
background: #0E3B90;
position: relative;
border-radius: 20px;
}

.glossary-inner {
padding: 9px 19px 13px 62px;
color: #fff;
background: url("../images/glossary-icon.png") no-repeat scroll left top;
}

.glossary-holder {
position: relative;
}

.glossary-word {
float: left;
width: 101px;
font-style: italic;
}

.glossary-desc {
float: right;
width: 458px;
clear: right;
}

.icon-click { float: left; cursor: pointer; }

.icon-click .text {
float: right;
width: 458px;
clear: right;
}

.text {
float: right;
width: 500px;
padding: 10px 0 0 0;
}

.squares-text {
float: left;
width: 25%;
padding: 0 23px;
box-sizing: border-box;
font-weight:600;
}

table.methods {
width: 100%;
margin: 25px 0px 0 0px;
}

.methods th:first-child {
width: 25%;
}

.methods th {
text-align: left;
padding: 10px 15px 10px 15px;
min-height: 20px;
background: #0264A0;
color: #fff;
box-sizing: border-box;
}

.methods tr:nth-child(even) {
background: #edf3f6;
}

td.method, td.method-desc {
padding: 10px 15px 10px 15px;
}

/***********/
table.methods2 {
width: 100%;
margin: 25px 0px 0 0px;
}

.methods2 th:first-child {
width: 50%;
}

.methods2 th {
text-align: left;
padding: 10px 15px 10px 15px;
min-height: 20px;
background: #0264A0;
color: #fff;
box-sizing: border-box;
}

.methods2 tr:nth-child(even) {
background: #edf3f6;
}


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


user agent stylesheettd