.plain_content {
height: 100%;
}
.component_ContentDisplay_Content {
margin: 0; margin: 0; padding: 8px 14px;  } #c528.component_ContentDisplay_Content {
 } @media screen and (max-width:320px) {
#c528 {
padding-left: 0;
padding-right: 0;
}
#c528 iframe {
max-width: 100% !important;
height: auto !important;
} }
#c528 .plain_content {
display: none;
} #c2902.component_ContentDisplay_Content {
 } @media screen and (max-width:320px) {
#c528 {
padding-left: 0;
padding-right: 0;
}
#c528 iframe {
max-width: 100% !important;
height: auto !important;
} }
#submit_note{
font-size: 18px;
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
padding:10px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
display:none;
}
a:link,
a:visited
{
color: #46AFC4;
}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
border: unset !important;
background: unset !important;
}
.ui-widget .ui-widget {
font-size: 14px !important;
}
.update_wrapper
{
padding: 60px;
text-align: center;
}
select#sel_year {
width: 100% !important;
}
.cats
{
border: 1px solid #33568A;
padding: 5px 10px;
margin-top: 20px;
max-height: 300px;
overflow-y: scroll;
}
.cat
{
border: 1px solid #ccc;
background: #f3f3f3;
margin: 5px 0;
padding: 10px;
}
.cat:hover
{
background: #E2E2E2;
}
.cat > *
{
display: inline-block;
vertical-align: middle;
}
.cat label
{
width: 90%;
}
.cat .cat_input
{
width: 8%;
text-align: right;
}
.fancybox
{
text-align: left;
width: 400px;
display: none;
}
.ico
{
display: inline-block;
width: 16px;
height: 16px;
}
.ico.course_delete
{
background: url('/site/nzvna/images/basic_theme/course_delete.png') no-repeat scroll 0 0;
width: 32px;
height: 39px;
}
.ico.course_email
{
background: url('/site/nzvna/images/basic_theme/course_email.png') no-repeat scroll 0 0;
width:28px;
height: 31px;
}
input.btn.course_button,
.course_button,
.course_button:link,
.course_button:visited
{
display: inline-block;
background-color: #3AAAC0;
padding: 8px 15px;
text-align: center;
border-radius: 5px;
color: #fff;
text-decoration: none;
font: normal 14px arial;
border: none;
}
.course_button:hover
{
text-decoration: none;
color: #fff;
opacity: 0.8;
}
.course_button.add
{
background-image: url("/site/nzvna/images/basic_theme/course_add.png");
background-repeat: no-repeat;
background-position: 15px center;
}
.course_button.add_small
{
font-size: 11px;
width: 105px;
margin-bottom: 5px;
}
.course_button.add.grey
{
background-color: #A8A8A8;
}
span.date_widget button.ui-datepicker-trigger
{
border: none;
background: none;
padding: 0;
border-radius: 0;
vertical-align: middle;
cursor: pointer;
}
.course_button.red
{
background-color: #A01D29;
}
.course_button.green
{
background-color: #3B9E43;
}
.fancybox-inner
{
text-align: left;
}
.share_container
{
display: none;
width: 300px;
line-height: 0;
font-size: 0;
}
.share_container.loading form
{
display: none;
}
.share_container .share_loading
{
display: none;
}
.share_container.loading .share_loading
{
display: block;
}
.share_container textarea
{
width: 97%;
height: 200px;
}
.share_container .form_question div
{
font-size: 14px;
line-height: 14px;
text-align: left;
vertical-align: middle;
}
div.course_options
{
padding-bottom: 30px;
}
div.add_other_course_link
{
padding: 10px 0px 0px;
}
.course_opt_layout
{
width: 100%;
border-spacing: 0;
border-padding: 0;
}
.course_opt_layout .c2
{
border-radius: 5px;
padding: 1px 10px;
color: #666666;
font: normal 14px arial;
}
.date_widget
{
font: italic normal 11px arial;
color: #999999;
display: inline-block;
margin-left: 3px;
}
.date_widget input
{
color: #666666;
font: normal 14px arial;
}
.course_options .c_space
{
width: 25px;
background: #fff !important;
}
.datepicker
{
width: 67px;
padding: 5px;
}
.course_options
{
border-top: 1px solid #CCCCCC;
padding-top: 10px;
margin-top: 10px;
}
.user_details
{
display: inline-block;
padding: 10px 15px;
font: normal 14px Arial;
color: #666666;
}
.user_details h2
{
color: #2C587F;
font: normal 16px Arial;
}
.courses table
{
width: 100%;
}
.course_table
{
border-spacing: 1px;
width=100%;
}
.courses .head_row h4,
.courses .total_row td
{
color: #fff;
font: normal 13px Arial;
}
.courses .course_row > td
{
padding: 10px;
font-size: 12px;
background: #E6E6E6;
vertical-align: top;
}
.courses tr.course_row:nth-of-type(even) > td
{
background: #F2F2F2;
}
.course_table .c_space
{
background: #fff;
}
.courses .course_row > td.learning_obj
{
width: 273px;
}
.courses tr.course_row.head_row > td,
.total_row > td.total_cell
{
background: #2C587F;
text-align: center;
}
.total_row > td.total_cell
{
padding: 10px;
}
.courses td,
.courses div
{
color: #666666;
font: normal 12px 'Arial';
}
.courses .course_row > td
{
width: 156px;
}
.courses .course_row > td.reflections
{
width: 319px;
}
.courses .course_row > td.status
{
width: 110px;
}
.courses .course_row > td.verification
{
width: 141px;
}
.courses .course_row > td.hours
{
width: 39px;
}
.courses .course_row > td.hours div
{
font-size: 17px;
}
.courses tr.course_row > td.c_space
{
width: 1px;
background: none;
padding: 0;
}
.del_cel
{
position: relative;
z-index: 200;
}
.del_cell_inner
{
position: absolute;
border: 1px solid #E6E6E6;
background: #fff;
padding: 15px 10px;
width: 30px;
height: 85px;
top: 20px;
left: -61px;
text-align: center;
z-index: 200;
}
.del_cell_inner a
{
position: relative;
z-index: 200;
}
.del_cell_inner .course_delete
{
display: inline-block;
margin-bottom: 15px;
}
.min_height
{
min-height: 170px;
}
.editable
{	border: 1px solid transparent;
background-color: transparent;
-webkit-transition: border-color 0.5s, background 0.5s;
transition: border-color 0.5s, background 0.5s;
width: calc(100% - 20px );
padding: 10px;
}
.editable:hover,
select.editable
{
border-color: #ccc;
background-color: #fff;
}
textarea.editable
{
resize: none;
}
select.editable
{
padding: 2px;
width: auto;
}
.courses div.reflection_heading
{
font: normal 13px Arial;
color: #666666;
border-top: 1px solid #D8D8D8;
padding-top: 10px;
margin-top: 10px;
}
.courses div.detail_heading,
.courses div.detail_heading input
{
font: normal 14px Arial;
color: #46AFC4;
}
.courses div.detail_heading a
{
color: #46AFC4;
text-decoration: underline;
}
.courses .course_row.planned > td.status
{
background: #FFFCE6;
}
.courses .course_row.registered > td.status
{
background: #DDFFDD;
}
.courses .course_row.pending_approval > td.status
{
background: #FFB0B0;
}
span.verified
{
top: 2px;
position: relative;
}
.courses div.status_label
{
font: normal 12px 'PT Sans';
color: #2C587F;
margin-bottom: 10px;
}
.set_inhouse
{
font: normal 14px Arial
}
.verification_details
{
text-align: center;
}
.verification_details img
{
margin: 10px 0;
}
.new_verification
{
text-align: center;
}
.upload_verification
{
display: none;
}
.verified .new_verification
{
display: none;
}
.reset_verification
{
text-decoration: none;
font-style: italic;
display: inline-block;
margin-top: 10px;
}
.notes_label
{
color: #fff;
font: normal 14px Arial;
display: inline-block;
background: #2C587F;
border-radius: 5px 5px 0 0;
padding: 10px;
}
.edit_notes
{
width: calc( 100% - 40px );
margin: 0;
padding: 20px;
border: 1px solid #CCCCCC;
resize: none;
font: normal 14px Arial;
color: #666666;
min-height: 90px;
}
.slim_user_row .slim_heading
{
font-weight: bold;
font-size: 14px;
}
.slim_user_row .date
{
margin: 0;
}
div.courses .course_table .slim_user_row td
{
margin: 0;
padding: 10px;
background: #F2F2F2;
height: 65px;
}
div.courses .course_table .user_info_cell
{
text-align: right;
width: 810px;
}
div.courses .course_table .footer_row td
{
width: 100%;
text-align: left;
padding: 10px 0 0;
font-size: 10px;
font-style: italic;
}
.add_wrapper
{
position: relative;
display: inline-block;
}
.add_wrapper > div:hover
{
cursor: pointer;
opacity: 1;
}
.add_wrapper .buttons
{
position: absolute;
top: 30px;
background: #fff;
border: 1px solid #3AAAC0;
padding: 10px;
display: none;
width: 230px;
}
.add_wrapper .buttons .course_button
{
display: block;
width: auto;
}
.select_text
{
text-align: right;
font-style: italic;
}
.already_exists
{
font-size: 12px;
font-style: italic;
}
.courses div.click_to_edit
{
text-align: right;
font-style: italic;
color: #B0B0B0;
}
.verification_details a
{
word-wrap: break-word;
word-break: break-word;
}
.saving,
.saved
{
display: none;
}
.saving
{
width: 15px;
height: 15px;
}
.form_question > div,
.form .form_question > td
{
display: inline-block;
vertical-align: top;
padding: 0;
}
.form_question
{
display: block;
margin: 5px 0;
width: 100%;
}
div.form > table,
div.form > table > tbody
{
display: block;
width: 100%;
}
form .flabel
{
width: 40%;
}
form .felement
{
width: 59%;
}
.felement input,
.felement select,
.felement textarea
{
width: calc( 100% - 12px );
margin: 0;
border: 1px solid #ccc;
padding: 5px;
background: #fff;
}
.felement textarea
{
height: 50px;
}
.felement select
{
width: 100%;
}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('https://images.zeald.com/site/nzvna/images/basic_theme/FancyBox/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('https://images.zeald.com/site/nzvna/images/basic_theme/FancyBox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 90%;
cursor: pointer;
text-decoration: none;
background: transparent url('https://images.zeald.com/site/nzvna/images/basic_theme/FancyBox/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
.fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('https://images.zeald.com/site/nzvna/images/basic_theme/FancyBox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
.popup_video a
{
position: relative;
display: inline-block;
}
.play_icon
{
background: url('https://images.zeald.com/site/nzvna/images/basic_theme/FancyBox/icon_play.png') no-repeat scroll 0 0;
width: 100px;
height: 100px;
position: absolute;
z-index: 200;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -50px;
opacity: 0.7;
}
.popup_video a:hover .play_icon
{
opacity: 1;
}
.keyword_search
{
border-top: 1px solid #ccc;
margin-top: 10px;
padding-top: 10px;
}
.resizeable_measure
{
height: 0;
overflow: hidden;
display: inline;
}
.title_logo
{
display:block;
font: bold 18px Arial;
color: #666666;
text-align: center;
}
.user_details2
{
display: inline-block;
font: normal 14px Arial;
color: #666666;
}
.verified2
{
display:block;
font: bold 14px Arial;
color: #0CFF33;
}
headerrr,
.headerrr
{
display:block;
font: bold 14px Arial;
color: #ffffff;
text-align:center;
vertical-align:middle;
}
.totalss
{
display:block;
font: bold 100px Arial;
color: #ffffff;
}
form#add_custom_qualification table {
width: 100%;
}
form#add_custom_qualification table td {
padding: 7px;
}
form#add_custom_qualification input[type=text] {
padding: 5px;
width: 60%;
border:1px solid #EAEAE2;
}
form#add_custom_qualification {
background: #F3F0EF;
padding: 10px;
border: 1px solid #EAEAE2;
}
div#txt_qualification_input_wrap {
padding-top: 20px;
width: 70%;
display:none;
}
.error {
border: 1px solid red!important;
}
#c1252 select {
padding: 5px;
width: 62%;
border: 1px solid #EAEAE2;
}
.component_CpdPlanner_Planner {
margin: 0; margin: 0; padding: 8px 14px;  } #c2887.component_CpdPlanner_Planner {
 } #c2887
{
display:none;
}
.error {
color: red;
font-weight: bold;
border: 1px solid red;
}
#c2887 #txt_qualification {
width: 60% ;
}