html {margin: 0;
padding: 0;}
@page single{size 21cm 28cm portrait;}
body {margin: 0;
padding: 0;
font-family: arial, sans-serif;
font-size: medium;
background: transparent;
color: #000000;
page: single;
}
div#pagebreaker {page-break-after: always;}
.pagebreak {page-break-after: always;}
.bold {font-weight:bold:}
.small_space {width:0.1em;}
img:after {content: " Image: " attr(alt)" "; font-size: 50%;font-family: courier,monospace;word-spacing: 0.4em;white-space:pre-wrap; word-wrap: break-word
display:block;}
img {display:box; border: thin solid #F6F6F6; text-align:center; vertical-align:middle;page-break-inside: avoid; }
a:after {
content: " URL:http://www.elearningplace.co.uk/ " attr(href) " " ;
font-size: 70%;
font-family:courier, monospace;display: inline;word-spacing: 0.4em;white-space:pre-wrap; word-wrap: break-word
}
a[href^="/"]:after {font-size: 70%;
font-family:courier, monospace;display: inline;word-spacing: 0.4em;white-space:pre-wrap; word-wrap: break-word
content: " URL:http://www.elearningplace.co.uk" attr(href) " ";
}
a[href^="http://"]:after { content: " URL:" attr(href) " ";
font-size: 70%;
font-family:courier, monospace;display: inline;word-spacing: 0.4em;white-space:pre-wrap; word-wrap: break-word
}
a[href^="javascript:"]:after { content: " ";
font-size: 70%;
font-family:courier, monospace;display: inline;word-spacing: 0.4em;white-space:pre-wrap; word-wrap: break-word
}
/* -----------logout divs-------------------------*/
.logout {display:none;}
.logshadow {display:none;}
/* -----------calendar divs----------------------*/
.calendar_wrap {align:center;
background:transparent;
border: thin solid black;
height:auto;
width:78px;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:160%;
color:#000000;
line-height:1.2em;
}
.calendartop {display:none}
div.calendartop#img {display:none; text-align:center; vertical-align:middle;page-break-inside: avoid; }
.calback { width:78px; height:3.5em; background-color:#FFFFFF; text-align:center; }
.arrl {display:none;}
.arrr {display:none;}
/* --------------nav_top -----------------------*/
div#nav_top {display:none}
/* ------------------header ------------------*/
div#superheader {display:none;}
div#logo_norm {display:none;}
div#greybar_norm {display:none;}
div#elplogo_norm {display:none;}
div#applebase_norm {display:none;}
div#appletop_norm {display:none;}
div#quote {display:none;}
div#quote_norm {display:none;}
/* ------------header fixed absolute -------------*/
div#logo_fix {display:none;}
div#greybar_fix {display:none;}
div#elplogo_fix {display:none;}
div#appletop_fix {display:none;}
div#applebase_fix {display:none;}
div#header_nav_fix{display:none;}
/* --------header nav fixed---------------*/
div#header_nav {display:none;}
div#date_fix {display:none;}
div#header_nav_left {display:none;}
/* ---------------Learner place fixed------------------------*/
div#quote_fix {display:none;}
/*------------ No script ---------------------*/
div#prompt_norm {display:none;}
div#prompt_small {display:none;}
/*------super div containing the nav_bar, content and status-------*/
div#super {clear:both;
height:auto;
width:100%;
background:transparent;}
/*-------- navigation bar--------------------*/
div#nav_bar {display:none;}
div#nav_bar div.date {display:none;}
div#nav_bar div.nav_norm {display:none;}
div#nav_bar div.nav_blank {display:none;}
div#nav_bar div.nav_off {display:none;}
/* ------super_wrap wraps the details, diary, personalisation or search --------------sections */
div#super_wrap {height:auto;
width:100%px;
background:transparent;
}
div#super_wrap_white {height:auto;
width:100%;
background: transparent;
margin-bottom: 1pt;}
div#super_wrap_grey {width:100%;
background: transparent;
margin-left: 3pt;}
/* ----------*Home page Content* --------------*/
div#supercontent {float:none;
width: 100%;
margin-left: 3pt;
margin-bottom: 3pt;
background: transparent;}
div#content {
width:100%;
background: transparent;}
div#content div.welcome {text-align:justify;
width:100%;
height:1.5em;
padding: 20pt 0pt 0pt;
background: transparent; text-align-last: left;}
div#content div.welcome_text {text-align:justify;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
vertical-align: middle;
line-height: 1.5em;
padding: 20pt 0pt 0pt;
padding-bottom: 20pt;
background: transparent; text-align-last: left;
}
/* --------------* Providers Learners Content wrap* ---------*/
.content_wrap { float:left;
width:100%;
height:auto;
background: transparent;}
/* -----* Error *---------*/
.error_content {display:none}
.error_heading {display:none}
/* -----------------* Providers* --------------*/
.providersdiv {float:none;
background: transparent;
width:100%;
height:100%;
line-height: 2em;}
.prov_head {text-align:justify;
width:100%;
height:2em;
color: #000000;
font-family: arial;
font-weight: bold;
padding-top:3pt;
padding-bottom:3pt;
font-size: 1.3em;
background: transparent;text-align-last:left;}
.prov_text {text-align:justify;text-align-last:left;
width:100%;
color: #000000;
font-family: arial;
line-height: 1.5em;
padding-top:20pt;
padding-bottom:20pt;}
/* -------------*Learners* ------------*/
.learnersdiv {float:none;
background: transparent;
width:100%;
height:100%;
margin-left:3pt;
line-height: 2.01em;}
.learn_head {text-align:left;
width:100%;
height:2em;
color: #000000;
font-family: arial;
font-weight: bold;
font-size: 1.3em;
padding-top:3pt;
padding-bottom:3pt;
background: transparent;}
.learn_text {text-align:justify;text-align-last:left;
width:100%;
color: #000000;
font-family: arial;
line-height: 1.5em;
padding-top:20pt;
padding-bottom:10pt;
background: transparent;}
.learnimage {text-align:left;
width:100%;
padding-top:10pt;
background: transparent;}
/* -----------*page content title and navigation* -----------*/
div#con_heading {width:100%;
height:auto;
background: transparent;
text-align:left;
margin-bottom: 2pt;}
div#con_heading div.title { float:none;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
height:1.2em;
font-weight:bold;
font-size: 135%;
padding-top: 1pt;
padding-bottom: 1pt;}
div#con_heading div.sub_title { float:none;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
height:1.5em;
font-weight:bold;
text-align:left;
font-size: 135%;
padding-top: 17pt;
padding-bottom: 15pt;}
div#con_heading div.title_long {
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:justify;text-align-last:left; height:1.5em;
font-weight:bold;
font-size: 135%;
padding-top: 10pt;
padding-bottom: 2pt;}
div#con_heading div.subnav_long {
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
font-weight:bolder;
font-size: 90%;
padding-left: 8pt;
padding-bottom: 6pt;}
div#con_heading div.title_short {
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
height:1.5em;
font-weight:bold;
font-size: 135%;
padding-top: 10pt;
padding-bottom: 2pt;}
div#con_heading div.subnav_short {background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
font-weight:bolder;
font-size: 90%;
padding-left: 8pt;
padding-bottom: 6pt;}
div#con_heading div.subnav_long a:link {display:none;}
div#con_heading div.subnav_long a:visited {display:none;}
div#con_heading div.subnav_long a:hover {display:none;}
div#con_heading div.subnav_long a:visited:hover {display:none;}
div#con_heading div.subnav_short a:link {display:none;}
div#con_heading div.subnav_short a:visited {display:none;}
div#con_heading div.subnav_short a:hover {display:none;}
div#con_heading div.subnav_short a:visited:hover {display:none;}
div#con_heading div.centretitle
{ float:none;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:center;
height:1.5em;
font-weight:bold;
font-size: 135%;
padding-top: 17pt;
padding-bottom: 15pt;}
/* -------------course-content --------------*/
div#course-content_heading {
width:100%;
height:100%;
background: transparent;
color: #000000;
vertical-align:bottom;
font-size: 200%;
margin: 0pt 0pt 1pt 0pt; }
div#course-content_heading div.content_h_left {float:none;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:center;
height:50%;
font-weight:bold;
padding: 8pt 0pt 0pt 0pt;
margin: 0pt 1pt 0pt 0pt;}
div#course-content_heading div.content_h_right {float:none;
background: transparent;
width:15%;
font-family: arial;
color: #000000;
text-align:center;
vertical-align: middle;
height:50%;
font-weight:bolder;
padding: 8pt 0pt 0pt 0pt;
margin: 0pt 0pt 0pt 1pt;}
div#course-content_heading div.check {
background: transparent;
width:98%;
font-family: arial;
color: #000000;
text-align:center;
vertical-align: bottom;
height:2em;
font-weight:bolder;
padding: 20pt 0pt 0pt 0pt;
margin: 0pt 0pt 0pt 1pt;}
/* --------course-content_wrap-------- */
.course-content {clear:both;
width:98%;
height:auto;
font-size: 100%;
margin-bottom:1pt;
border: thin solid #F6F6F6;}
div#content_check {background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
height:auto;
font-size: 100%;
margin-top:3pt;
padding-top:10pt;
padding-bottom:10pt;}
div#content_check h2{
font-family: arial;
font-size: 100%;
color: #000000;
height:auto;
font-weight:bold;}
/* --------margin and padding info: top right bottom left -------*/
/* ----------course-content_content---------- */
.content_dark {float:left;
width:80%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.2em;
text-align: left;
margin-bottom:2pt;}
.content_light {float:left;
width:80%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.2em;
text-align: left;
margin-bottom:2pt;}
.status_dark {float:left;
width:15%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:left;
font-weight: bold;
margin-left:1pt;
margin-bottom:2pt;
line-height: 1.2em;}
.status_light {float:left;
width:15%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:left;
margin-left:1pt;
margin-bottom:2pt;
font-weight: bold;
line-height: 1.2em;}
/* -------- help headings ------- */
div#help_heading { float:none;
width:100%;
height:auto;
background: transparent;
color: #000000;}
div#help_heading div.welcome { float:left;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
height:1.5em;
font-weight:bold;
font-size: 135%;
padding-top: 17pt;
padding-bottom: 15pt;
display: inline;}
div#help_heading div.courses { float:left;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
height:1.5em;
font-weight:bold;
font-size: 135%;
padding-top: 17pt;
padding-bottom: 15pt;
display: inline;}
div#help_heading div.details { float:left;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
height:1.5em;
font-weight:bold;
font-size: 135%;
padding-top: 17pt;
padding-bottom: 15pt;
display: inline;}
div#help_heading div.diary { float:left;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
height:1.5em;
font-weight:bold;
font-size: 135%;
padding-top: 17pt;
padding-bottom: 15pt;
display: inline;}
div#help_heading div.log { float:left;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
height:1.5em;
font-weight:bold;
font-size: 135%;
padding-top: 17pt;
padding-bottom: 15pt;
display: inline;}
div#help_heading div.search {float:left;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
height:1.5em;
font-weight:bold;
font-size: 135%;
padding-top: 17pt;
padding-bottom: 15pt;
display: inline;}
/* --------- help content ------------ */
.help { clear:both;
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
margin-top:3pt;
}
.help_content {
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
margin-top:3pt;
padding-top:5pt;
padding-bottom:5pt;
line-height: 1.6em;
text-align: left;
display: inline;}
.help_courses {
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.6em;
text-align: left;
margin-top:3pt;
padding-top:5pt;
padding-bottom:5pt;
display: inline;
}
.help_details {
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
margin-top:3pt;
padding-top:5pt;
padding-bottom:5pt;
line-height: 1.6em;
text-align: left;
display: inline;
}
.help_diary {
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
margin-top:3pt;
padding-top:5pt;
padding-bottom:5pt;
line-height: 1.6em;
text-align: left;
display: inline;
}
.help_log {
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
margin-top:3pt;
padding-top:5pt;
padding-bottom:5pt;
line-height: 1.6em;
text-align: left;
display: inline;
}
.help_search {
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
margin-top:3pt;
padding-top:5pt;
padding-bottom:5pt;
line-height: 1.6em;
text-align: left;
display: inline;
}
.head { color: #000000;
font-weight: bold;}
/*------------ help_post login ---------------*/
.help_title {float:left;
width:100%;
height:2em;
background: transparent;
font-family: arial;
color: #000000;
font-weight: normal;
text-align: left;
margin-top:1pt;
line-height: 1.8em;}
.help_title h2{font-family: arial;
font-size: 101%;
color: #000000;
font-weight:bold;
padding-top:20px;
display: inline;}
.help_title a:link {display:none}
.help_title a:visited {display: none;}
.help_title a:hover {display: none;}
.help_title a:visited:hover {display: none;}
.help_dark {float:left;
width:100%;
height:2em;
background: transparent;
font-family: arial;
color: #000000;
font-weight: normal;
text-align: left;
margin-top:3pt;
line-height: 1.8em;}
.help_dark h2{font-family: arial;
font-size: 101%;
color: #000000;
font-weight:bold;
padding-top:20pt;
display: inline;}
.help_dark a:link {display: none;}
.help_dark a:visited {display: none;}
.help_dark a:hover {display: none;}
.help_dark a:visited:hover {display: none;}
.help_wrap {float:left;
width:100%;
height:10pt;
color: #000000;
font-size: 100%;}
.help_wrap h2{font-family: arial;
font-size: 101%;
color: #000000;
font-weight:bold;
padding-top:20pt;
display: inline;}
.help_light {float:none;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align: left;
height:auto;
font-weight: normal;
margin-top:3pt;
padding-top:5pt;
padding-bottom:3pt;
padding-right:5pt;
line-height: 1.8em;}
.help_light a:link {display: none;}
.help_light a:visited {display: none;}
.help_light a:hover {display: none;}
.help_light a:visited:hover {display: none;}
.help_light h3{font-family: arial;
font-size: 105%;
color: #000000;
font-weight:bold;
line-height: 1.8em;
display: inline;}
/*------------ chatroom ---------*/
.chat { clear:both;
width:100%;
height:100%;
margin-top:3pt;}
div#chat div.chat_div {
width:100%;
height:100%;}
/* -------details_content ------------*/
div#details_wrap {width:100%;
height:auto;
color: #000000;
margin-top:1pt;
margin-bottom:3pt;
font-size: 100%;}
div#details {float:none;
width:100%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;}
.details_content {float:left;
width:98%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%}
.details_title {float:left;
background: transparent;
width:45%;
font-family: arial;
color: #000000;
height:auto;
text-align:right;
font-weight: bold;
line-height: 1.5em; border: thin solid #CCCCCC;}
.details_info {float:left;
background: transparent;
width:50%;
font-family: arial;
color: #000000;
text-align: left;
height:auto;
line-height: 1.5em; border: thin solid #CCCCCC;}
.details_form {float:left;
background: transparent;
width:50%;
font-family: arial;
color: #000000;
text-align: left;
height:100%;
padding-top:6pt;
padding-bottom:5pt;
line-height: 1.0em;}
.details_form_top {float:left;
background: transparent;
width:50%;
font-family: arial;
color: #000000;
text-align: left;
height:100%;
padding-top:4pt;
padding-bottom:4pt;
line-height: 1.0em;}
.details_form_bottom {float:left;
background: transparent;
width:50%;
font-family: arial;
color: #000000;
text-align: left;
height:100%;
padding-top:6pt;
padding-bottom:5pt;
line-height: 1.0em;}
.details_title_top { float:left;
background: transparent;
width:45%;
font-family: arial;
color: #000000;
height:auto;
text-align:right;
font-weight: bold;
line-height: 1.5em;
border: thin solid #CCCCCC;}
.details_info_top {float:left;
background: transparent;
width:50%;
font-family: arial;
color: #000000;
text-align: left;
height:auto;
line-height: 1.5em; border: thin solid #CCCCCC;}
/* --------details_photo -----------*/
div#details_photo { float:left;
width:20%;
height:100%;
padding-top:11pt;
background: transparent;
line-height: 1.01em;}
/*--------------- diary------------------- */
/* *for page header see page content title and navigation* */
/* ----------add to diary--------------- */
div#diary_heading { float:none;
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 150%;
margin: 0pt 0pt 1pt 0pt;}
div#diary_heading div.dark {background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:center;
vertical-align:bottom;
font-weight:bold;
height:50%;
padding: 8pt 0pt 0pt 0pt; }
div#diary_heading div.small {background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:right;
vertical-align: middle;
font-weight:bolder;
font-size: 50%;
height:50%;
padding: 0pt 0pt 2pt 0pt; }
div#diary_heading div.small a:link {display:none;}
div#diary_heading div.small a:visited {display:none;}
div#diary_heading div.small a:hover {display:none;}
div#diary_heading div.small a:visited:hover {display:none;}
.diary { width:100%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
margin-top:1pt;
margin-bottom:2pt;
line-height: 1.5em;
text-align: left;
padding-bottom:2pt;}
.diary_day { float:left;
width:15%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
line-height: 1.5em;
font-family: arial;
text-align:left;
font-weight: bold;
margin-top:3pt;
padding-top: 5pt;
padding-bottom:5pt;
}
.diary_month { float:left;
width:15%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:left;
font-weight: bold;
line-height: 1.5em;
margin-top:3pt;
margin-left:3pt;
padding-top: 5pt;
padding-bottom:5pt;
}
.diary_year {float:left;
width:60%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.5em;
text-align: left;
font-weight: bold;
margin-top:3pt;
margin-left:3pt;
padding-top: 5pt;
padding-bottom:5pt;
}
.diary_row_light {float:none;
width:98%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.0em;
text-align: left;
font-weight: bold;
margin-top:3pt;
padding-top: 5pt;
padding-bottom:5pt;
}
.diary_row_dark {float:left;
width:98%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.5em;
text-align: left;
font-weight: bold;
padding-top: 5pt;
padding-bottom:5pt;}
.diary_row_button {float:left;
width:98%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.0em;
text-align: left;
font-weight: bold;
padding-top: 5pt;
padding-bottom:5pt;}
/* -----------modify diary------------- */
.diary_bigcontent {float:left;
width:60%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
line-height: 1.2em;
font-family: arial;
text-align:left;
}
.diary_form_content {float:left;
width:60%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
line-height: 1.0em;
font-family: arial;
text-align:left;
margin-top:3pt;
margin-left:3pt;
padding-top: 5pt;
padding-bottom:5pt;
}
.diary_modday { float:left;
width:5%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:left;
line-height: 1.0em;
font-weight: bold;
}
.diary_right {display:none; }
/*---------- diary_photo------------ */
.diary_photo { float:left;
width:15%;
height:100%;
background: trnsparent;
color: #000000;
font-size: 100%;
padding: 0pt 0pt 0pt 0pt;
margin: 2pt 2pt 1pt 0pt;
line-height: 1.2em;
font-family: arial;
font-weight: bold;
}
.diary_photo_light { float:left;
width:10%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
line-height: 1.2em;
font-family: arial;
font-weight: bold;
}
.diary_photo_dark { float:left;
width:10%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
line-height: 1.2em;
font-family: arial;
font-weight: bold;
}
/* ----------margin: top right bottom left---------- */
.diary_title_light { float:left;
width:15%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:left;
font-weight: bold;
line-height: 1.2em;
}
.diary_title_dark { float:left;
width:15%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:left;
font-weight: bold;
line-height: 1.2em;
}
/*--------------- diary_content-------------- */
.diary_content_light {float:left;
width:80%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.2em;
text-align:justify;text-align-last:left;
}
.diary_content_wrap {float:right;
width:80%;
height:auto;
background: transparent;
color: #000000;
border: thick solid #EEEEEE;}
.diary_content_dark {float:left;
width:8log0%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.2em;
text-align:justify;text-align-last:left;
}
.diary_content {float:left;
width:68.4%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.2em;
text-align:justify;text-align-last:left;
font-weight: bold;
}
.diary_title { float:left;
width:15%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:left;
font-weight: bold;
line-height: 2.01em;
}
/*--------- classlist----------- */
div#class_header {
width:50%;
height:100%;
background: transparent;
color: #000000;
vertical-align:bottom;
font-size: 150%;
padding-top:5pt;
padding-bottom:5pt;
font-family: arial;
text-align:center;
font-weight:bold;}
div#class_list {width:50%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
}
div#partner_list {float:left;
width:50%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
margin-top:3pt;
margin-bottom:3pt;}
/*-----learner profile -------------*/
.class_mid {width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:left;
font-weight: bold;
padding-top:2pt;
padding-bottom:2pt;
margin-top:3pt;
line-height: 2.01em;
}
.class_dark {width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:left;
padding-top:2pt;
padding-bottom:2pt;
margin-top:3pt;
line-height: 2.01em;
}
.class_mid a:link {font-family: arial;
color: #000000;}
.class_mid a:visited {font-family: arial;
color: #666666;}
.class_mid a:hover {font-family: arial;
color: #660000;}
.class_mid a:visited:hover {font-family: arial;
color: #999999;}
.class_light {
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:left;
font-weight: bold;
padding-top:2pt;
padding-bottom:2pt;
margin-top:3pt;
line-height: 2.01em;}
.class_light a:link {font-family: arial;
color: #000000;}
.class_light a:visited {font-family: arial;
color: #666666;}
.class_light a:hover {font-family: arial;
color: #660000;}
.class_light a:visited:hover {font-family: arial;
color: #999999;}
div#learner_photo { float:left;
width:30%;
height:100%;
background:transparent;
text-align:center;
padding-top:5pt;
padding-bottom:5pt;
margin-top: 3pt;}
.profile_light {
width:70%;
height:100%;
background: transparent#F6F6F6;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:right;
font-weight: bold;
padding: 0pt 6pt 0pt 0pt;
margin: 2pt 0pt 2pt 0pt;
line-height: 2.01em;}
.profile_light a:link {font-family: arial;
color: #000000;}
.profile_light a:visited {font-family: arial;
color: #666666;}
.profile_light a:hover {font-family: arial;
color: #660000;}
.profile_light a:visited:hover {font-family: arial;
color: #999999;}
/* --------------log -------------------*/
/* *for page header see page content title and navigation* */
/*------- log_wrap----------------- */
.log {float:left;
width:98%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.2em;
text-align: left;
border:thick solid #EEEEEE;}
/*-------- margin and padding info: top right bottom left------ */
.log_date {float:left;
width:20%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:right;
font-weight: bold;
padding-left:4pt;
line-height: 1.2em;}
.log_right {float:left;
width:5%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
line-height: 1.2em;
font-family: arial;
font-weight: bold;}
/* ---------------log_content-------------- */
.log_content {float:left;
width:77%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
padding: 0pt 0pt 0pt 2pt;
line-height: 1.2em;
text-align:justify;text-align-last:left;}
.log_content_modify {float:left;
width:60%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
padding: 0pt 0pt 0pt 4pt;
line-height: 1.2em;
text-align: left;}
.log_buttons { float:left;
width:60%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
padding: 6pt 0pt 6pt 8pt;
line-height: 1.0em;
text-align: left;
font-weight: bold;
}
.log_buttonwide { float:left;
width:98%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
padding: 4pt 0pt 4pt 8pt;
line-height: 1.0em;
text-align: left;
font-weight: bold;}
.log_content_dark {width:100%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
padding-top:5pt;
padding-bottom:3pt;
line-height: 1.2em;
text-align: left;}
.log_content_light {width:100%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
padding-top:5pt;
padding-bottom:3pt;
line-height: 1.2em;
text-align: left;}
div#log_heading div.title {float:none;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:center;
height:1.2em;
font-weight:bold;
font-size: 135%;
padding-top: 17pt;
padding-bottom: 15pt;}
.error {width:100%;
height:18em;
background: transparent;
margin-top:3pt;
margin-bottom:3pt;}
.log_error { float:left;
width:100%;
height:10em;
color: #000000;
font-size: 100%;
font-family: arial;
padding-top:5pt;
line-height: 1.5em;
text-align: left;
}
/* -------------------search ----------------*/
div#search_heading { float:none;
width:100%;
height:auto;
background: transparent;
color: #000000;
vertical-align:bottom;
font-size: 150%;
margin: 0pt 0pt 1pt 0pt;}
.search_h_small {background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:right;
vertical-align: middle;
height:50%;
font-weight:bolder;
font-size: 50%;
padding: 0pt 0pt 2pt 0pt; }
.search_h_small a:link {font-family: arial;
color: #000000;
background: transparent;}
.search_h_small a:visited {font-family: arial;
color: #000000;
background: transparent;}
.search_h_small a:hover {font-family: arial;
color: #000000;
background: transparent;}
.search_h_small a:visited:hover {font-family: arial;
color: #000000;
background: transparent;}
.search_h_dark {background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:center;
height:50%;
font-weight:bold;
padding: 8pt 0pt 0pt 0pt; }
/* --------search_wrap----------- */
div#search {width:100%;
height:auto;
color: #000000;
font-size: 100%;
display:inline;
page-break-inside: auto;}
.search_wrap {background: transparent;
width:100%;
height:auto;
color: #000000;
font-size: 100%;
}
/* -----margin and padding info: top right bottom left ----*/
/* -------------------search_content----------------- */
.search_content_dark {
width:95%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.2em;
text-align:left;
padding-bottom:5pt;
margin-bottom:2pt;
page-break-inside:avoid;
}
.search_content_dark a:link {color: #000000;
font-weight: bold;}
.search_content_dark a:visited {color: #666666;
font-weight: bold;}
.search_content_dark a:hover {color: #660000;
font-weight: bold;}
.search_content_dark a:visited:hover {color: #999999;
font-weight: bold;}
.search_content_light {
width:95%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.2em;
text-align:left;
padding-bottom:5pt;
margin-bottom:2pt; page-break-inside:avoid;}
.search_content_light a:link {color: #000000;
font-weight: bold;}
.search_content_light a:visited {color: #666666;
font-weight: bold;}
.search_content_light a:hover {color: #660000;
font-weight: bold;}
.search_content_light a:visited:hover {color: #999999;
font-weight: bold;}
.results_content {float:left;
width:100%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
margin-top:1pt;
margin-bottom:1pt;
line-height: 1.0em;
text-align: left;}
.search_left {float:left;
width:15%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.5em;
margin-top:3pt;
padding-top:3pt;
padding-bottom:3pt;
text-align: left;
font-weight: bold;}
.search_right { float:left;
width:60%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 1.5em;
text-align: left;
padding-top:5pt;
padding-bottom:5pt;
margin-left:3pt;}
.search_button { float:left;
width:60%;
height:100%;
background: transparent;
line-height: 1.0em;
margin-top:3pt;
padding-left:6pt;
padding-top:6pt;
padding-bottom:6pt;
text-align: left;}
/* ---------partners photo ---------------*/
div#partners_photo { float:left;
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%
text-align:center;
line-height: 1.01em;}
/* -------------password ------------------*/
.password {float:left;
background: transparent;
height:auto;
width:100%;}
.password_wrap { clear:both;
background: transparent;
width:100%;
height:auto;
color: #000000;
font-size: 100%;
}
.password_header { float:left;
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 2em;
text-align: center;
font-weight: bold;
margin-bottom:3pt;
padding-top:3pt;
padding-bottom:3pt;
}
.password_margin { float:left;
width:20%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align: right;
font-weight: bold;
line-height: 2em;
margin-bottom:3pt;
padding-top:6pt;
padding-bottom:3pt;
}
.password_form { float:left;
width:10%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align: right;
font-weight: bold;
line-height: 2em;
margin-bottom:3pt;
padding-top:6pt;
padding-bottom:3pt;
}
.password_buttons { float:left;
width:50%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 2em;
text-align: left;
font-weight: bold;
margin-bottom:3pt;
margin-left:3pt;
padding-top:3pt;
padding-bottom:3pt;
}
.password_check { float:left;
width:100%;
height:auto;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 2em;
text-align: center;
font-weight: bold;
padding-top:3pt;}
/*------------ pinboard ---------------*/
div#full_wrap {background: transparent;
height:100%;
width:100%;
float:left;
}
div#pinboard_heading { clear:both;
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 150%;}
.pinboard_dark {background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:center;
vertical-align:bottom;
height:100%;
font-weight:bold;
padding-top:5pt;
padding-bottom:5pt; }
/* ----------pinboard_content ------------*/
.pinboard { float:none;
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
margin-top:1pt;
margin-bottom:1pt;}
.pinboard_date { float:left;
width:10%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
text-align:center;
font-weight: bold;
line-height: 2.01em;
margin-top:1pt;
padding-top:3pt;
padding-bottom:3pt;
padding-right:6pt;
}
.pinboard_title { float:left;
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 2.01em;
text-align: left;
font-weight: bold;
margin-top:1pt;
margin-left:3pt;
padding-top:3pt;
padding-bottom:3pt;
}
.pinboard_content { float:left;
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
font-family: arial;
line-height: 2.01em;
text-align: left;
margin-top:1pt;
padding-top:3pt;
padding-bottom:3pt;
}
/*--------------register --------------------*/
div#alternative_wrap { background: transparent;
height:auto;
width:100%;
float:left;
margin-top:1pt;
margin-bottom:1pt;}
.register {float:left;
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;}
.register_title {float:left;
background: transparent;
width:10%;
height:100%;
font-family: arial;
color: #000000;
font-weight: bold;
margin-top:2pt;
text-align: right;
padding-top:5pt;
padding-bottom:3pt;
line-height: 2.0em;}
.register_title a:link {color: #000000;}
.register_title a:visited {color: #666666;}
.register_title a:hover {color: #660000;}
.register_title a:visited:hover {color: #999999;}
.register_info {float:left;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align: left;
height:100%;
font-weight: bold;
margin-top:2pt;
margin-left:3pt;
padding-top:10pt;
padding-bottom:3pt;
line-height: 1.0em;}
.register_buttons {float:left;
background: transparent;
width:80%;
font-family: arial;
color: #000000;
text-align: left;
height:100%;
font-weight: bold;
margin-top:2pt;
padding-top:10pt;
padding-bottom:6pt;
line-height: 1.0em;}
/* ------contact page----*/
.contact_sub {float:left;
width:90%;
height:auto;
background: transparent;
font-family: arial;
color: #000000;
font-weight: normal;
text-align: center;
vertical-align: bottom;
margin-top:3pt;
margin-bottom:3pt;
padding-top:5pt;
padding-bottom:3pt;
line-height: 1.8em;}
.contact_sub_bold {float:left;
width:90%;
height:auto;
background: transparent;
font-family: arial;
color: #000000;
font-weight: bold;
text-align: left;
vertical-align: bottom;
margin-top:3pt;
padding-top:5pt;
padding-bottom:3pt;
line-height: 1.8em;}
.contact_content_left {float:left;
width:10%;
height:100%;
background: transparent;
font-family: arial;
color: #000000;
height:8.7em;
font-weight: bold;
margin-top:3pt;
text-align: center;
padding-top:5pt;
padding-bottom:3pt;
line-height: 1.8em;}
.contact_content_right {float:left;
width:100%;
height:100%;
background: transparent;
font-family: arial;
color: #000000;
height:8.7em;
font-weight: bold;
margin-top:3pt;
text-align: left;
padding-top:5pt;
padding-bottom:3pt;
line-height: 1.8em;}
/* ----main subnav pages About us---*/
.about {float:none;
width:85%;
height:Auto;
padding-top: 1.2em
background: transparent;
color: #000000;
font-size: 100%;}
img{page-break-before: auto; page-break-after:avoid; page-break-inside:avoid}
.about h2{font-family: arial;
font-size: 99%;
color: #000000;
font-weight:bold;
padding-top:5pt;
display: inline;}
.about_title {float:none;
background: transparent;
width:20%;
font-family: arial;
color: #000000;
height:Auto;
font-weight: bold;
margin-top:3pt;
text-align: left;
padding-right:5pt;
padding-top:4pt;
padding-bottom:4pt;
line-height: 1.2em;}
.about_title_long {background: transparent;
width:100%;
font-family: arial;
color: #000000;
height:Auto;
font-weight: bolder;
margin-top:3pt;
text-align: left;
padding-right:5pt;
line-height: 1.2em;}
.about_title_long h3{font-family: arial;
font-size: 102%;
color: #000000;
font-weight:bold;
display: inline;}
.about_info {float:left;
background: transparent;
width:25%;
font-family: arial;
color: #000000;
text-align:left;
height:auto;
font-weight: bold;
margin-top:3pt;
margin-left:3pt;
padding-top:5pt;
padding-bottom:3pt;
padding-right:5pt;
line-height: 1.3em; page-break-inside: avoid;}
.about_info_long {
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:justify;text-align-last:left;
height:auto;
font-weight: normal;
margin-top:3pt;
padding-bottom:3pt;
padding-right:5pt;
line-height: 1.3em; text-indent: 3em; }
.about_info_long a:link {color: #000000;
text-decoration: none;}
.about_info_long a:visited {color: #666666;
text-decoration: none;}
.about_info_long a:hover {color: #660000;
text-decoration: none;}
.about_info_long a:visited:hover {color: #999999;
text-decoration: none;}
.about_info_long h3{font-family: arial;
font-size: 105%;
color: #000000;
font-weight:bold;
line-height: 1.8em;
display: inline;}
.bullet_point {text-size: 400%;
display: inline;}
.center_frame {text-align: center;
padding-top:10px;}
.center_frame_2 {text-align: center;}
.center_frame_2 a{display:none}
.center_frame_3 {padding-left:80pt;
height:auto;}
.center_frame_4 {padding-left:160pt;}
.image_inline {display: inline;}
.about_frame {float:left;
background: transparent;
width:20%;
font-family: arial;
color: #000000;
height:auto;
font-weight: bold;
margin-top:3pt;
margin-left:3pt;
text-align: right;
padding-top:3pt;
padding-bottom:3pt;
line-height: 1.4em;}
div#sub_heading { clear:both;
width:100%;
height:Auto;
background: transparent;
color: #000000;
font-size: 190%;}
.sub_dark {background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:center;
vertical-align:bottom;
height:Auto;
font-weight:bold;
padding-top:1pt;
padding-bottom:1pt; }
.sub_dark_2 {float:none;
width:100%;
height:Auto;
background: transparent;
font-family: arial;
color: #000000;
font-weight: normal;
text-align: left;
margin-top:1pt;
line-height: 1.4em;}
.sub_dark_2 h2{font-family: arial;
font-size: 120%;
color: #000000;
font-weight:bold;
padding-top:1pt;
display: inline;}
.sub_dark_2 a:link {color: #000000;
text-decoration: none;}
.sub_dark_2 a:visited {color: #666666;
text-decoration: none;}
.sub_dark_2 a:hover {color: #660000;
text-decoration: none;}
.sub_dark_2 a:visited:hover {color: #999999;
text-decoration: none;}
.sub_dark_3 {float:left;
width:100%;
height:2em;
background: transparent;
font-family: arial;
color: #000000;
font-weight: normal;
text-align: left;
margin-top:3pt;
margin-bottom:10pt;
line-height: 1.8em;}
.sub_bold {font-weight:bold; text-align:left;
display: inline;text-indent:0em;}
.sub_light_2 {float:left;
width:100%;
height:2em;
background: transparent;
font-family: arial;
color: #000000;
font-weight: bolder;
text-align: left;
margin-top:3pt;
line-height: 1.5em;}
.sub_light_2 h2{font-family: arial;
font-size: 110%;
color: #000000;
font-weight:bold;}
.sub_light_2 h3{font-family: arial;
font-size: 105%;
color: #000000;
font-weight:bold;
display: inline;}
.sub_courses {float:left;
width:100%;
height:100%;
background: transparent;
color: #000000;
font-size: 100%;
}
.sub_courses a:link {color: #000000;
text-decoration: none;}
.sub_courses a:visited {color: #666666;
text-decoration: none;}
.sub_courses a:hover {color: #660000;
text-decoration: none;}
.sub_courses a:visited:hover {color: #999999;
text-decoration: none;}
.sub_buttonwrap_3 {float:left;
line-height: 1em;
background: transparent;
width:2.8em;
height: auto;
text-align:left;}
.sub_button_border_3 {float:left;
background: transparent;
width:2.8em;
max-width:90pt;
text-align:center;
height: auto;
line-height: 1.5em;
z-index:21;}
.sub_shadow_3 {float:left;
background: transparent;
width:2.8em;
max-width:90pt;
height: auto;
line-height:2pt;}
.sub_button_3 {font-family: arial;
color: #000000;
font-weight: bold;
background: transparent;
width:2.8em;
max-width:90pt;
text-align:center;
height: auto;
line-height: 1.5em;
margin-top: 1pt;
margin-bottom: 1pt;
margin-left: 1pt;
margin-right: 1pt;
position:relative;
left:3pt;
top:-3pt;
z-index:21;
border:thin solid black;}
.sub_buttonwrap_light {float:left;
line-height: 1em;
background: transparent;
width:5em;
height: 2em;
text-align:left;
padding-top: 2pt;
padding-bottom: 3pt;}
.sub_buttonwrap_net {float:left;
line-height: 1em;
background: transparent;
width:5em;
height: 2em;
text-align:left;
padding-top: 2pt;
padding-bottom: 3pt;}
.sub_buttonwrap_mid {float:left;
padding-top: 5pt;
padding-bottom: 3pt;
line-height: 1em;
background: transparent;
width:auto;
height: auto;
text-align:left;}
.sub_button_border_add {float:left;
background: transparent;
width:3.2em;
max-width:82pt;
text-align:center;
height: auto;
line-height: 1.5em;
z-index:21;}
.sub_shadow_add {float:left;
background: transparent;
width:3em;
max-width:80pt;
height: auto;
line-height:2pt;}
.sub_button_add {font-family: arial;
color: #000000;
font-weight: bold;
background: transparent;
width:3em;
max-width:80pt;
text-align:center;
height: auto;
line-height: 1.5em;
margin-top: 1pt;
margin-bottom: 1pt;
margin-left: 1pt;
margin-right: 1pt;
position:relative;
left:3pt;
top:-3pt;
z-index:21;
border:thin solid black;}
.sub_button_border_modify {float:left;
background: transparent;
width:5em;
max-width:80pt;
text-align:center;
height: auto;
line-height: 1.5em;
z-index:21;}
.sub_shadow_modify {float:left;
background: transparent;
width:5em;
max-width:80pt;
height: auto;
line-height:0.5pt;}
.sub_button_modify {font-family: arial;
color: #000000;
font-weight: bold;
background: transparent;
width:5em;
max-width:80pt;
text-align:center;
height: auto;
line-height: 1.5em;
margin-top: 1pt;
margin-bottom: 1pt;
margin-left: 1pt;
margin-right: 1pt;
position:relative;
left:3pt;
top:-3pt;
z-index:21;
border:thin solid black;}
.sub_button_border_remove {float:left;
background: transparent;
width:5em;
max-width:100pt;
text-align:center;
height: auto;
line-height: 1.5em;
z-index:21;}
.sub_shadow_remove {float:left;
background: transparent;
width:5em;
max-width:100pt;
height: auto;
line-height:2pt;}
.sub_button_remove {font-family: arial;
color: #000000;
font-weight: bold;
background: transparent;
width:5em;
max-width:100px;
text-align:center;
height: auto;
line-height: 1.5em;
margin-top: 1pt;
margin-bottom: 1pt;
margin-left: 1pt;
margin-right: 1pt;
position:relative;
left:3pt;
top:-3pt;
z-index:21;
border:thin solid black;}
.sub_button_border_reset {float:left;
background: transparent;
width:4em;
max-width:70pt;
text-align:center;
height: auto;
line-height: 1.5em;
z-index:21;}
.sub_shadow_reset {float:left;
background: transparent;
width:4em;
max-width:70pt;
height: auto;
line-height:0.4pt;}
.sub_button_reset {font-family: arial;
color: #000000;
font-weight: bold;
background: transparent;
width:4em;
max-width:70pt;
text-align:center;
height: auto;
line-height: 1.5em;
margin-top: 1pt;
margin-bottom: 1pt;
margin-left: 1pt;
margin-right: 1pt;
position:relative;
left:3pt;
top:-3pt;
z-index:21;
border:thin solid black;}
.sub_button_border_remind {float:left;
background: transparent;
width:6em;
max-width:90pt;
text-align:center;
height: auto;
line-height: 1.5em;
z-index:21;}
.sub_shadow_remind {float:left;
background: transparent;
width:6em;
max-width:100pt;
height: auto;
line-height:2pt;}
.sub_button_remind {font-family: arial;
color: #000000;
font-weight: bold;
background: transparent;
width:6em;
max-width:100pt;
text-align:center;
height: auto;
line-height: 1.5em;
margin-top: 1pt;
margin-bottom: 1pt;
margin-left: 1pt;
margin-right: 1pt;
position:relative;
left:3pt;
top:-3pt;
z-index:21;
border:thin solid black;}
.sub_courses_title {float:left;
background: transparent;
width:20%;
font-family: arial;
color: #000000;
height:100%;
font-weight: bold;
margin-top:3pt;
text-align: right;
padding-right:5pt;
padding-top:5pt;
padding-bottom:3pt;
line-height: 1.8em;}
.sub_courses_title a:link {color: #000000;
text-decoration: none;}
.sub_courses_title a:visited {color: #666666;
text-decoration: none;}
.sub_courses_title a:hover {color: #660000;
text-decoration: none;}
.sub_courses_title a:visited:hover {color: #999999;
text-decoration: none;}
.sub_courses_info {float:left;
background: transparent;
width:40%;
font-family: arial;
color: #000000;
text-align: left;
height:auto;
font-weight: bold;
margin-top:3pt;
padding-left:5pt;
padding-top:5pt;
padding-bottom:3pt;
line-height: 1.8em;}
.sub_courses_form {float:left;
background: transparent;
width:20%;
font-family: arial;
color: #000000;
text-align: left;
height:auto;
font-weight: bold;
padding-left:5pt;
padding-top:11pt;
padding-bottom:11.5pt;
line-height: 1em;}
.sub_courses_form_l {float:left;
background: transparent;
width:5%;
font-family: arial;
color: #000000;
text-align: left;
height:100%;
font-weight: bold;
margin-top:3pt;
padding-top:8pt;
padding-bottom:3pt;
line-height: 1.8em;}
.sub_courses_form_r {float:left;
background: transparent;
width:10%;
font-family: arial;
color: #000000;
text-align: left;
height:100%;
font-weight: bold;
margin-top:3pt;
padding-left:20pt;
padding-top:8pt;
padding-bottom:3pt;
line-height: 1.8em;}
/* taster courses */
.taster_wrap {float:left;
width:100%;
height:1%;
background: transparent;
color: #000000;
font-size: 100%
}
.taster_wrap h2{font-family: arial;
font-size: 105%;
color: #000000;
font-weight:bold;
line-height: 1.8em;
display: inline;}
.taster_head_wrap {float:left;
width:100%;
height:1%;
background: transparent;
color: #000000;
font-size: 100%
}
.taster_head_wrap h2{font-family: arial;
font-size: 105%;
color: #000000;
font-weight:bold;
line-height: 1.8em;
display: inline;}
.taster_head_left {float:left;
background: transparent;
width:30%;
font-family: arial;
color: #000000;
text-align:center;
height:100%;
font-weight: bold;
margin: 2pt 0pt 0pt 0pt;
line-height: 1.8em;}
.taster_head_right {float:left;
background: transparent;
width:30%;
font-family: arial;
color: #000000;
text-align:center;
height:100%;
font-weight: bold;
margin: 2pt 0pt 0pt 0pt;
line-height: 1.8em;}
.taster_title {float:left;
background: transparent;
width:10%;
font-family: arial;
color: #000000;
text-align:center;
height:100%;
font-weight: bolder;
margin: 2pt 1pt 0pt 0pt;
line-height: 1.8em;}
.taster_info {float:left;
background: transparent;
width:50%;
font-family: arial;
color: #000000;
text-align:center;
height:100%;
font-weight: bolder;
margin: 2pt 0pt 0pt 1pt;
line-height: 1.8em;}
.taster_title_p {float:left;
background: transparent;
width:20%;
font-family: arial;
color: #000000;
text-align:right;
height:100%;
font-weight: bolder;
padding: 0pt 4pt 0pt 0pt;
margin: 1pt 1pt 0pt 0pt;
line-height: 1.8em;}
.taster_info_p {float:left;
background: transparent;
width:70%;
font-family: arial;
color: #000000;
text-align:left;
height:100%;
font-weight: bolder;
padding: 0pt 0pt 0pt 4pt;
margin: 1pt 0pt 0pt 1pt;
line-height:1.8em;}
.links_dark {background: transparent;
width:80%;
font-family: arial;
color: #000000;
text-align:left;
vertical-align:bottom;
height:100%;
font-weight:bold;
margin: 1pt 0pt 0pt 1pt;
padding-top:5pt;
padding-bottom:5pt; }
.links_light {background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:left;
vertical-align:bottom;
height:100%;
font-weight:bold;
margin: 1pt 0pt 0pt 1pt;
padding-top:5pt;
padding-bottom:5pt; }
/* -----sitemap--------*/
.site_left {float:left;
background: transparent;
width:40%;
font-family: arial;
color: #000000;
text-align:center;
height:auto;
font-weight: normal;
line-height: 1.2em; border: thin solid #F6F6F6;display:block;}
.site_title_left {float:left;
background: transparent;
width:40%;
font-family: arial;
color: #000000;
text-align:center;
height:auto;
font-weight: normal;
line-height: 1.2em; border: thin solid #F6F6F6;display:block;}
.site_mid {float:left;
background: transparent;
width:40%;
font-family: arial;
color: #000000;
text-align:center;
height:auto;
font-weight: normal;
line-height: 1.2em; border: thin solid #F6F6F6;display:block;}
.site_title_mid {float:left;
background: transparent;
width:40%;
font-family: arial;
color: #000000;
text-align:center;
height:auto;
font-weight: bold;
line-height: 1.2em; border: thin solid #F6F6F6;display:block;}
.site_full {
background: transparent;
width:80%;
font-family: arial;
color: #000000;
text-align:center;
height:auto;
font-weight: normal;
font-size:120%;
line-height: 1.2em;display:block;}
.site {float:left;
background: transparent;
width:100%;
font-family: arial;
color: #000000;
text-align:center;
height:auto;
font-weight: normal;
line-height: 1.2em;}
.site_right {float:left;
background: transparent;
width:40%;
font-family: arial;
color: #000000;
text-align:center;
height:auto;
font-weight: normal;
line-height: 1.2em; border: thin solid grey;display:block;}
.site_title_right {float:left;
background: transparent;
width:40%;
font-family: arial;
color: #000000;
text-align:center;
height:auto;
font-weight: bold;
margin: 3pt 1pt 0pt 1pt;
line-height: 1.2em; border: thin solid grey;display:block;}
/* ------contact page----*/
.contact_content {float:left;
width:90%;
height:100%;
background: transparent;
font-family: arial;
color: #000000;
height:100%;
font-weight: bold;
margin-top:3pt;
text-align: center;
padding-top:5pt;
padding-bottom:3pt;
line-height: 2.0em;}
.contact_content_left {float:left;
width:8%;
height:100%;
background: transparent;
font-family: arial;
color: #000000;
height:8.7em;
font-weight: bold;
margin-top:3pt;
text-align: center;
padding-top:5pt;
padding-bottom:3pt;
line-height: 2.0em;}
.contact_content_right {float:left;
width:100%;
height:100%;
background: transparent;
font-family: arial;
color: #000000;
height:8.7em;
font-weight: bold;
margin-top:3pt;
text-align: left;
padding-top:5pt;
padding-bottom:3pt;
line-height: 2.0em;}
/* ----About us---*/
.about_title {float:left;
background: transparent;
width:20%;
font-family: arial;
color: #000000;
height:100%;
font-weight: bold;
margin-top:3pt;
text-align: left;
padding-right:5pt;
padding-top:4px;
padding-bottom:4px;
line-height: 2.0em;}
.about_info {float:left;
background: transparent;
width:90%;
font-family: arial;
color: #000000;
text-align: left;
height:100%;
font-weight: bold;
margin-top:3pt;
margin-left:3pt;
padding-top:5pt;
padding-bottom:3pt;
line-height: 2.0em;}
.about_frame {float:left;
background: transparent;
width:20%;
font-family: arial;
color: #000000;
height:auto;
font-weight: bold;
margin-top:3pt;
margin-left:3pt;
text-align: right;
padding-top:5pt;
padding-bottom:3pt;
line-height: 2.0em;}
.pad_l { padding-right:30pt;}
/* -------------Right Nav -------*/
div#nav_right {display:none;}
div#nav_right_bottom { display:none;}
.shadow_1 {
background: transparent;
width:3em;
height: auto;
max-width:90pt;
line-height:2pt;}
.shadow_2 {background: transparent;
width:7em;
height: auto;
max-width:98pt;
line-height:2pt;}
.shadow_3a {background: transparent;
width:5em;
max-width:90pt;
height: auto;
line-height:2pt;}
.shadow_3 {background: transparent;
width:80px;
height: auto;
max-width:90pt;
line-height:2pt;}
.navi_arrow {display: none}
/* ----------footer --------------*/
div#superfooter {display:none;}
div#connectlogo {display:none;}
div#esflogo {display:none;}
div#baselink {display:none;}
div#baselink {display:none;}
/* --------margin layout--------*/
.margin_ten {margin-left:5pt; page-break-inside:avoid;}
.margin_ten_ten {margin-left:5pt; margin-right:5pt; page-break-inside:avoid;}
.margin_twenty {margin-left:5pt; page-break-inside:avoid;}
.margin_tw_ten {margin-left:5pt; margin-right:5pt; page-break-inside:avoid;}
.margin_five {margin-left:5pt; height: 100%; page-break-inside:avoid;}
.margin_five_five {margin-left:5pt; margin-right:5pt; page-break-inside:avoid;}
.margin_seven {margin-left:7pt; page-break-inside:avoid;}
.margin_long {margin-left:102pt; page-break-inside:avoid;}
.margin_mid_long {margin-left:50pt; page-break-inside:avoid;}
.pad_5 {padding-left:5pt; page-break-inside:avoid;}
.break_word {word-wrap: break-word;text-overflow: ellipsis }
.button_link a:link {color: #000000; text-decoration: none;}
.button_link a:visited {color: #000000; text-decoration: none;}