@charset "utf-8";
/* CSS Document */
/*reset default margins and padding on elements*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, img { margin:0px; padding:0px; }
a img { border: none; } /*no image link border in IE*/
body { font-family: Tahoma, Tahoma, Geneva, sans-serif; background: url(images/bg_slice.png) repeat-x;	 /*repeat slice across x*/ background-color: #f4f4f4; margin: -25px 0 0 0; padding: 0px; }
/*container class divs*/
.container { width: 1008px; margin: 0 auto 50px auto; }
/*************************HEADER************************************************************************/
/********Logo*******/
#logo_header {background-color:#ff33ff; background: url(images/HAT_Banner_Logo.jpg) no-repeat bottom left; /* specify width and height to give room for logo_header to sit in */ height: 118px; width: 1008px; }
#logo h1 {  /*within the div logo header, apply this style to h1*/ text-indent: -9999px; /*set the text way off the page so search engines can still read it but we cant see it*/ }
#logo { width: 350px; height: 93px;}
/********Navigation*******/
#nav { width: 748px; height: 36px; float: left; }
/*ul id=nav*/
#nav ul { list-style: none; padding-top: 20px; margin: 15px 0 0 0; /*put padding on ul#nav element to push the element down within the header div*/ }
/*ul id=nav list item links */
#nav ul li a { font-size: 14px; font-weight: bold; color: #FFF; padding: 6px 12px;}
body#home #nav ul li a#nav-home, body#courses #nav ul li a#nav-courses, body#about ul#nav li a#nav-about, body#partners ul#nav li a#nav-partners, body#testimonials #nav ul li a#nav-testimonials, body#contact #nav ul li a#nav-contact { font-size: 14px; font-weight: bold; color: #fff; text-decoration:underline; }
#nav ul li a:link { text-decoration: none; } /*to get rid of underline*/
#nav ul li a:visited { text-decoration: none; }
#nav ul li a:active { text-decoration: none; }
#nav ul li a:hover { text-decoration: none; color: #fff; background-color:#0c629c;}
#nav ul li.selected a { text-decoration: none; background-color:#0c629c;}
/*float to left so list items all stack horizontally*/
#nav ul li { float: left; padding-left: 14px; }
#nav ul li ul {display: none;}
/********Phone number and social media*******/
#phone { width: 260px; height: 41px; float: right; padding: 0 0 8px; }
#phone h2 { text-align:right; font-size: 30px; color: #fff; padding-right: 18px; }
ul#social_media { list-style: none; padding-right: 13.5px; margin: 15px 0 0 0; }
ul#social_media li { float: right; padding-right:8px; font-size: 0px; line-height: 0px; margin: 0 0 4px 0; }ul#social_media li a:hover{ position: relative; top: -5px; }
/****************************MAIN CONTENT******************************/

/********Homepage content*******/
#australia { /**********************contains border of map image*****************/ padding-top: 20px; margin-top: 20px; background:url(images/map/australia_border.png) no-repeat; clear: both; }
#australia_inside { /**********contains image of map which is interchangeble. Depends on which state hover*/ padding: 73px 30px 60px 63px }
#content { width: 696px; float: left; }
#banner_main { padding-top: 14px; padding-left: 10px; width: 696px; float: left; }
/********************************SIDE BAR**********************************/

p.namer1 { color: #2B94C0 !important;
    display: block;
    font-weight: normal;
    margin-bottom: 18px;
    width: 100%;}
	
hr.seperator {margin: 25px 0;}

#about #sidebar {text-align: center;}
 ul {margin-top:0;}

#sidebar { float: right; width: 300px; }
.banner_sidebar { padding-top: 7px; padding-bottom: 7px; }
#pushit { margin: 130px 0 0 0 !important;}
#thinner {}
/*returning users form login*/

.spacer { clear:both; height:1px; }
.myform { margin:0 auto; width:300px; }
/*returning users*/
#returning_users { border:none; background:url(images/returning_users1.png.png) no-repeat; margin-top: 13px; height:255px; padding-top: 0px; float: left; width: 300px; text-align:left; }
#returning_users h1 { text-indent: -9999px; padding: 0; /*push returning users input fields down*/ }
#returning_users p { font-size:11px; color: #8894a6; margin: 8px 25px 0 25px; padding: 0 0 10px 25px; }
#returning_users a:hover { color: #666; padding-bottom:10px; text-decoration: none; }
#returning_users .float_right { float:right; }
#returning_users input { float:left; font-size:14px; padding:6px 10px; /*text field size*/ border: none; width:210px; margin:0 0 0 25px; /*text field position*/ background: none; color: #8894a6; display:block; }
#returning_users input#checkbox { float:right; border: none; width:10px; margin:6px 25px 0 20px; /*text field position*/ background: none; display:inline-block; padding: 0 25px 0 0; }


#returning_users button { clear:both; text-shadow: 1px 1px 1px #333; margin-left:26px; width:251px; height:41px; background: url(images/returning_users_button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:16px; font-weight:bold; border: none; cursor:pointer;}
#returning_users button:hover { background-position: 0 100%; }

#formbutton { clear:both; text-shadow: 1px 1px 1px #333; margin: 5px 0 0 172px; width:251px; height:41px; background: url(images/returning_users_button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:16px; font-weight:bold; border: none; cursor:pointer;}
#formbutton:hover { background-position: 0 100%; }

#submit_btn,#submit2_btn,#submit3_btn,#submit4_btn,#submit5_btn,#submit6_btn { clear:both; text-shadow: 1px 1px 1px #333; margin-left:0px; margin-right:20px; width:140px; height:41px; background: url(images/generic_button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:16px; font-weight:bold; border: none; cursor:pointer;}
#submit_btn:hover,#submit2_btn:hover,#submit_btn3:hover,#submit_btn4:hover,#submit_btn5:hover,#submit_btn6:hover { background-position: 0 100%; }

#cancel_btn { clear:both; text-shadow: 1px 1px 1px #333; margin-left:0px; margin-right:20px; width:140px; height:41px; background: url(images/generic_button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:16px; font-weight:bold; border: none; cursor:pointer;}
#cancel_btn:hover { background-position: 0 100%; }

.big-button button { clear:both; text-shadow: 1px 1px 1px #333; margin: 6px 0 0 6px; width:151px; height:41px; background: url(images/login_button_sml.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:16px; font-weight:bold; border: none; cursor:pointer;}
.big-button button:hover { background-position: 0 100%; }

.form-holder { width: 100%; display: block; padding: 5px 5px 10px 10px;}
.form-holder:hover {background: #F8F8F8; }

.form-holder1 { width: 392px; display: block; padding: 5px 5px 10px 10px;}

.smaller-top { font-size: 82%; color: #666;}


/*end returning users form login*/
/*end returning users form login*/

/*returning users*/
#returning_users_side { border:none; background:url(images/returning_users.png) no-repeat; margin-top: 13px; padding-top: 0px; float: left; width: 300px }
#returning_users_side h1 { text-indent: -9999px; padding: 0; /*push returning users input fields down*/ }
#returning_users_side p { font-size:11px; color: #8894a6; margin: 8px 25px 0 25px; padding: 0 0 10px 25px; }
#returning_users_side a:hover { color: #666; padding-bottom:10px; text-decoration: none; }
#returning_users_side .float_right { float:right; }
#returning_users_side input { float:left; font-size:14px; padding:6px 10px; /*text field size*/ border: none; width:210px; margin:0 0 0 25px; /*text field position*/ background: none; color: #8894a6; }
#returning_users_side input#checkbox { float:right; border: none; width:10px; margin:6px 25px 0 20px; /*text field position*/ background: none; display:inline-block; padding: 0 25px 0 0; }
#returning_users_side button { clear:both; text-shadow: 1px 1px 1px #333; margin-left:25px; width:251px; height:41px; background: url(images/returning_users_button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:16px; font-weight:bold; border: none; }
#returning_users_side button:hover { background-position: 0 100%; }
/*end returning users form login*/
/*end returning users*/



#australia {
    background: url("images/australia_border.png") no-repeat scroll 0 0 transparent;
    clear: both;
    height: 640px;
    margin-top: 20px;
    padding-top: 60px;
}

a.lowerlink {color: #42515B;}
a.lowerlink:hover { color: #fff;}

/********content page styles only - not used on homepage*********/
#content_container_top { margin: 50px 6px 0 6px; height: 21px; background: url(images/content_container_top_bg.png) no-repeat; }
#content_container_bottom { height: 28px; margin: 0 6px 0 6px; background: url(images/content_container_bottom_bg.png) no-repeat; }
#content_container_loginname { background: #fff; margin: 0 8px 0 6px; padding: 0px 40px 0px 0px; text-align: right; font-size: 13px; color: #1787E0; font-weight: normal;}
#content_container_middle { background: #fff; margin: 0 8px 0 6px; padding: 6px 40px 40px 40px; }
#content_page_top { margin: 50px 6px 0 6px; height: 21px; background: url(images/content_top_bg.png) no-repeat; }
#content_page_bottom { height: 28px; margin: 0 6px 0 6px; background: url(images/content_bottom_bg.png) no-repeat; }
#content_page_middle { background: #fff; margin: 0 26px 0 6px; padding: 25px 40px 40px 40px; }
#content_container .account_content { }
#content_container h1 { /*big grey headings*/ font-size: 28px; color: #898989; font-weight:400; margin: 20px 0 26px 0; }
#content_container h2 { /*big grey headings*/ font-size: 24px; color: #898989; font-weight:400; margin: 20px 0 25px 0; }
#content_container h3 { /*blue sub headings*/ font-size: 18px; color: #1787e0; font-weight: normal; margin: 30px 0 10px 0; }
#content_container h4.breadcrumbs { font-size: 12px; color: #f83c89; font-weight: normal; margin: 0 0 5px 0; }
#content_container h4.breadcrumbs a {color: #009bdd; text-decoration:none;}
#content_container h4.breadcrumbs a:hover {color: #009bdd; text-decoration:underline;}
#content_container h4.breadcrumbs a:visited {color: #009bdd;}
#content_container h4 { font-size: 13px; color: #707070; line-height: 25px; margin: 7px 0 5px 0; font-weight: bold; }
#content_container li { font-size: 13px; color: #707070; line-height: 25px; margin: 0 0 2px 25px; }
#content_container p { font-size: 13px; color: #707070; line-height: 18px; margin: 0 0 15px 0; }
#content_container p a { font-size: 13px; color: #333; line-height: 25px; }
hr { border: 0; height: 0; border-top: 2px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.button_green { background: url(images/button_green.png) no-repeat; width:301px; height: 51px; margin: 25px 0 25px 0; text-align:center; }
.button_green a { text-shadow: 1px 1px 1px #333; color: #FFF; text-decoration: none; display:block; padding: 11px 0 11px 0; font-weight:600; letter-spacing: 1px; }
.button_green:hover { background-position: 0 100%; }
#australia_sml { margin-top: 9px; background:url(images/map_sml/australia_border.png) no-repeat; clear: both; }
#australia_inside_sml {padding: 0px;}

#content_container_middle_temp {background: #fff; margin: 0 8px 0 6px; padding: 25px 40px 40px 40px;}
#content_container_middle_temp h3 { /*blue sub headings*/ font-size: 18px; color: #1787e0; font-weight: normal; margin: 20px 0 10px 0; }
#content_container_middle_temp h4 { font-size: 14px; color: #273258; line-height: 25px; margin: 7px 0 5px 0; font-weight: bold; }

#content_container .big-blue-button a {padding: 6px 15px; clear:both; background: url(images/returning_users_button.png) no-repeat; border-radius: 5px; border:1px solid #dfded7; text-align:center; line-height:26px; color:#FFFFFF; font-size:13px; text-decoration:none; font-weight:bold; }
#content_container .big-blue-button:hover a { background-position: 0 100%; }

.blue-button a {padding: 3px 25px 3px 10px; color: #000; background: #2578d7; font-size: 14px; font-weight:normal; border:0px; margin:9px 0 0 0; font-family:Calibri, Arial, Sans-Serif; border-radius: 4px; border:1px solid #dfded7; background: url(../images/b_gold-button.png) no-repeat top right; }
.blue-button:hover a {background-position: 100% 100%; color:#000; text-decoration:none; border:1px solid #dfded7;}


/********log in pages*********/

.hidden_m {display: none;}

#content_container li h3 {margin: 0 0 22px 0;}

ul {padding: 0 0 0 15px;}
.left_img {padding: 0 15px 10px 0; float: left;}

#content_right { width: 550px; float: right; }
#content_right h2.account_title { font-size: 24px; font-weight: normal; }
#content_left { float: left; width: 300px; margin-top: 50px; }
#content_left hr { margin-top: 50px; }
.title_left { float: left; width: 300px; }
#content_container h2.title_left { color: #4bb11c; font-size: 20px; }
/************************Content right form*********************************/


/* 
	reset.css  
*/

fieldset, form, label, legend { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
/* 
	Structural
*/


fieldset /*container of form*/ { margin: 0; padding: 0; }
legend /*headings in form*/ { padding: 0; font-size:1.2em; }
label	/*form question headings*/ { float:left; width:13em; display:block; clear:left; margin:0 1em 0 2em; text-align:left; cursor:pointer; }
label.course	/*for course assessment questions*/ { float:left; width: 0px; display:block; clear:left; margin:0 1em 0 0; text-align:left; cursor:pointer; }
textarea, input, select, label, button, optgroup { margin-top:5px; }
input[type="checkbox"], input[type="radio"] { margin:10px 7px 10px 0; }
.assessment_form { color: #707070; font-size: 13px; line-height: 25px; margin: 0 0 25px; }
/* 
	Color palette
*/

fieldset { border:none; color:#333; font-size: 13px; }
legend { color: #1787E0; font-size: 18px; font-weight: normal; margin: 0; padding: 20px 0 10px; }
label { color:#707070; font-size: 13px; margin: 8px 0 0 0; }
textarea { border: 4px solid #ebebeb; }
textarea:focus, input[type="text"]:focus { border: 4px solid #cdcdcd; outline: none;}
select { color: #333; background-color: #fff; border: 4px solid #ebebeb; outline: none;}
select option { color: #333; outline: none;}
input[type="text"], input[type="password"]  { font-family: inherit; border: 4px solid #ebebeb; padding: 3px 3px 3px 3px; outline: none;}
input[type="submit"] { }
/******submit button ******/
.form_button { background: url(images/form_button.png) no-repeat; width:100px; height: 40px; margin: 25px 0 25px 0; text-align:center; border: none; cursor: pointer; }
.form_button a { color: #333333; font-size: 13px; font-weight: normal; text-decoration: none; display:block; padding: 11px 0 11px 0; }
.form_button:hover { background-position: 0 -40px; }
input[type="checkbox"] { color: #000; outline: none;}
input[type="radio"] { background-color: #fff; color: #000; outline: none;}
option { background-color:#fff; color:#000; }
optgroup { background-color:#ccc; color:#000; }
button { background-color: #ccc; color: #333; }
/************************Account Login Sub Navigation *********************************/

#account_nav { width: 500px; height: 36px; float: right; margin: 0 0 0 30px; }
/*ul id=nav*/
ul#account_nav { list-style: none; padding-top: 24px; /*put padding on ul#nav element to push the element down within the header div*/ }
/*ul id=nav list item links */
ul#account_nav li a { font-size: 16px; font-weight: normal; color: #898989; }
body#details ul#account_nav li a#nav-details, body#dashboard ul#account_nav li a#nav-dashboard, body#purchases ul#account_nav li a#nav-purchases, body#logout ul#account_nav li a#nav-logout { font-size: 16px; text-decoration:underline; }
ul#account_nav li a:link { text-decoration: none; } /*to get rid of underline*/
ul#account_nav li a:visited { text-decoration: none; }
ul#account_nav li a:active { text-decoration: none; }
ul#account_nav li a:hover { text-decoration: underline; color: #fff; }
/*float to left so list items all stack horizontally*/
ul#account_nav li { float: left; padding-left: 25px; }
/***********************************Course Assessment Questions ******************************/

/*Progress Bar*/

.progress_0, .progress_10, .progress_20, .progress_30, .progress_40, .progress_50, .progress_60, .progress_70, .progress_80, .progress_90, .progress_100 { background: url(images/progress_bar.png) no-repeat; width:500px; height: 30px; margin: 25px 0 25px 0; color: #707070; font-size: 13px; line-height: 30px; background-position: 0 0; /*use for 0% progress*/ }
.progress_0 { background-position: 0 0; /*use for 0% progress*/ padding: 0 0 0 10px; /*position of percentage text*/ }
.progress_10 { background-position: 0 -30px; /*use for 10% progress*/ padding: 0 0 0 15px; /*position of percentage text*/ }
.progress_20 { background-position: 0 -60px; /*use for 20% progress*/ padding: 0 0 0 65px; /*position of percentage text*/ }
.progress_30 { background-position: 0 -90px; /*use for 30% progress*/ padding: 0 0 0 115px; /*position of percentage text*/ }
.progress_40 { background-position: 0 -120px; /*use for 40% progress*/ padding: 0 0 0 165px; /*position of percentage text*/ }
.progress_50 { background-position: 0 -150px; /*use for 50% progress*/ padding: 0 0 0 215px; /*position of percentage text*/ }
.progress_60 { background-position: 0 -180px; /*use for 60% progress*/ padding: 0 0 0 265px; /*position of percentage text*/ }
.progress_70 { background-position: 0 -210px; /*use for 70% progress*/ padding: 0 0 0 315px; /*position of percentage text*/ }
.progress_80 { background-position: 0 -240px; /*use for 80% progress*/ padding: 0 0 0 365px; /*position of percentage text*/ }
.progress_90 { background-position: 0 -270px; /*use for 90% progress*/ padding: 0 0 0 415px; /*position of percentage text*/ }
.progress_100 { background-position: 0 -300px; /*use for 100% progress*/ padding: 0 0 0 455px; /*position of percentage text*/ }
/*left menu*/
#content_left img { padding: 0 10px 0 0; margin: 0 0 -5px 0; }
/*************************************FOOTER****************************/

#lower_content { clear:both; }
#footer_wrap { background-color: #181818; font-size: 11px; padding: 0 0 30px 0; width: 100%; clear:both; }
#footer_wrap p, li { color: #42515b; }
#footer_nav { padding: 25px 0 0 0; }
.footer_item_padding { padding: 0 0 0 68px; width: 282px; float: left; }
.footer_item_no_padding { padding: 0 0 0 10px; width: 282px; float: left; }
.footer_item { padding: 30px 0 0 0; float: left; }
.footer_item h4 { padding: 10px 0 10px 0; }
.footer_item li { list-style: none; padding: 5px 0 5px 0; border-bottom: 1px solid #42515b; }
.footer_item li.top_line { border-top: 1px solid #42515b; }
.footer_item li a { display: block; width: 100%; text-decoration: underline; }
.footer_item li a:link { color: #42515b; } /*to get rid of underline*/
.footer_item li a:visited { color: #42515b; }
.footer_item li a:active { color: #42515b; }
.footer_item li a:hover { color: #fff; }
#footer_wrap h4 { color: #fff; }
#copyright { font-weight: bold; padding: 20px 10px 0 10px; }
#copyright_left { float: left; display:inline; padding-top:17px; }
#copyright_right { float: right; }
#copyright_right p { float: left; display:inline; padding-top:17px; }
#copyright_right a { padding-left: 5px; }


/* default tooltip */
.css-map li a{ 
  background: #111;
  background: rgba(0,0,0,.8);
  color: #eee;
  font: normal 14px 'Lucida Grande',Arial,sans-serif;
  padding: .5em 1.2em;
  text-align: center;
  text-shadow: 0 1px 0 #000;
  white-space: nowrap;
  -moz-border-radius: .6em;
  -ms-border-radius: .6em;
  -webkit-border-radius: .6em;
  border-radius: .6em;  
 }
 .m500 .css-map li a,.m340 .css-map li a{ font-size: 12px }

 /* tooltip arrow; when you change its size don't forget to set tooltipArrowHeight variable in the cssMap(); function */
 .css-map li a .tooltip-arrow{
  bottom: -5px; /* must be the same as a border-width */
  border: solid;
  border-color: #111 transparent;
  border-color: rgba(0,0,0,.8) transparent;
  border-width: 5px 5px 0 5px; /* this's a height of the arrow */
  margin-left: -5px; /* must be the same as a border-width */
 }
 .css-map li a.tooltip-right .tooltip-arrow{
   margin-right: -5px; /* must be the same as a tooltip-arrow border-width */
  }
 .css-map li a.tooltip-top .tooltip-arrow{ /* set tooltip under the arrow */
   border-width:0 5px 5px 5px;
   top: -5px;
  }

 /* tooltip style when the region is activated */
 .css-map .active-region a{background-color: #111}
  .css-map .active-region a .tooltip-arrow{border-color: #111 transparent}

 /* links in the visible list of regions */
 .map-visible-list a{
   /* color: #eee; */ 
  }
 .map-visible-list a:hover,.map-visible-list a:focus,.map-visible-list li.focus a{
   /* color: #fc0; */
  }
 .map-visible-list a:active,.map-visible-list li.active-region a{
   /* color: #cc3; */
  }


/* default pre-loader */
.map-loader{
  background: #111;
  background: rgba(0,0,0,.8);
  color: #eee;
  font: normal 14px 'Lucida Grande',Arial,sans-serif;
  padding: .6em 1.2em;
  text-shadow: 0 1px 0 #000;
  -moz-border-radius: .6em;
  -ms-border-radius: .6em;
  -webkit-border-radius: .6em;
  border-radius: .6em; 
 }
 .m340 .map-loader{ font-size: 12px }


/* link to the search engine - shown in the multipleClick mode */
.map-search-link{
  /* your properties goes here */
 }
 .map-search-link:hover,a.map-search-link:focus{ 
   /* selected link style */
  }
 .m340 .map-search-link{
   /* style for a specific map size, ex.:
   font-size: 1em;
   */
  }

/* --------------------------------------------------------
 * the maps starts here

 * DO NOT EDIT! 

 * Australia, CSS & jQuery clickable map
 * http://winstonwolf.pl/clickable-maps/australia.html
 * version: 4.3
 * Copyright (C) 2009 - 2012 Winston_Wolf | All rights reserved
*/
.css-map-container{margin: 0 auto;overflow:hidden;position:relative} .css-map{display:block;left:0;margin:0;list-style:none;padding:0;position:relative} .css-map li{height:0;width:0} .css-map li a{height:auto;margin:-9999em 0 0 0;position:absolute;text-decoration:none;width:auto;z-index:89} .css-map li a:focus{outline:0 none} .css-map-container span{display:block;height:0;left:0;position:absolute;top:-9999px;width:0} .css-map li a.tooltip-right{left:auto;right:0;width:auto} .css-map li a .tooltip-arrow{left:50%;top:auto} .css-map li a.tooltip-middle .tooltip-arrow{display:none} .css-map li a.tooltip-top .tooltip-arrow{bottom:auto} .css-map li a.tooltip-right .tooltip-arrow{left:auto} .css-map-container .cities{top:0;z-index:88} .css-map .bg{padding:10px} .css-map .active-region .bg{z-index:87} .css-map .m{cursor:pointer;z-index:99} .css-map .m span{z-index:89} .map-visible-list{clear:both;overflow:hidden} span.map-loader{height:auto;position:absolute;text-align:center;width:auto;z-index:90} .map-error{background:#111;color:#fd0;padding:1em 0;text-align:center} .map-error b{font-size:1.3em} .map-error a{color:#fd0}

/* really, DO NOT EDIT THIS! */
.au1 .s1{height:.1em;left:13.9em;top:10.7em;width:.1em}.au1 .s2{height:.3em;left:13.8em;top:10.8em;width:.2em} .au2 .s1{height:.8em;left:15.5em;top:7.8em;width:.2em}.au2 .s2{height:1.6em;left:15.1em;top:7.8em;width:.4em}.au2 .s3{height:1.8em;left:15em;top:7.9em;width:.3em}.au2 .s4{height:1.9em;left:14.9em;top:8.1em;width:.2em}.au2 .s5{height:.1em;left:14.1em;top:11.7em;width:.3em}.au2 .s6{height:.4em;left:14em;top:10.7em;width:.6em}.au2 .s7{height:.1em;left:13.9em;top:11.6em;width:.5em}.au2 .s8{height:.2em;left:13.6em;top:11.4em;width:.8em}.au2 .s9{height:.3em;left:13.5em;top:11.1em;width:.9em}.au2 .s10{height:.1em;left:12.7em;top:11.1em;width:.6em}.au2 .s11{height:.1em;left:12.2em;top:11.1em;width:.2em}.au2 .s12{height:.1em;left:12.2em;top:11em;width:1.6em}.au2 .s13{height:.1em;left:12.1em;top:10.9em;width:1.7em}.au2 .s14{height:.1em;left:11.9em;top:10.8em;width:1.9em}.au2 .s15{height:.2em;left:11.8em;top:10.6em;width:2.1em}.au2 .s16{height:.1em;left:14em;top:7.9em;width:.6em}.au2 .s17{height:2.7em;left:13.9em;top:8em;width:.8em}.au2 .s18{height:.2em;left:11.5em;top:10.4em;width:3.2em}.au2 .s19{height:.1em;left:11.4em;top:10.3em;width:3.4em}.au2 .s20{height:2.2em;left:10.9em;top:8.1em;width:4em} .au3 .s1{height:1em;left:6.8em;top:.9em;width:2.7em}.au3 .s2{height:.5em;left:6.6em;top:1.9em;width:2.9em}.au3 .s3{height:.4em;left:6.5em;top:2.4em;width:3.1em}.au3 .s4{height:4.1em;left:6.5em;top:2.8em;width:3.4em} .au4 .s1{height:1.6em;left:15.1em;top:6.2em;width:.5em}.au4 .s2{height:1.9em;left:15em;top:6em;width:.1em}.au4 .s3{height:2.2em;left:14.7em;top:5.9em;width:.3em}.au4 .s4{height:2.3em;left:14.6em;top:5.7em;width:.2em}.au4 .s5{height:2.7em;left:14.2em;top:5.2em;width:.4em}.au4 .s6{height:3.1em;left:14em;top:4.8em;width:.2em}.au4 .s7{height:3.6em;left:13.9em;top:4.4em;width:.1em}.au4 .s8{height:3.8em;left:13.6em;top:4.3em;width:.3em}.au4 .s9{height:4em;left:13.3em;top:4.1em;width:.3em}.au4 .s10{height:4.2em;left:10.9em;top:3.9em;width:2.4em}.au4 .s11{height:.2em;left:11.3em;top:.6em;width:.2em}.au4 .s12{height:1.3em;left:11em;top:.8em;width:1em}.au4 .s13{height:.8em;left:11em;top:2.1em;width:1.7em}.au4 .s14{height:4em;left:9.9em;top:2.9em;width:3.1em} .au5 .s1{height:.5em;left:9.2em;top:10.8em;width:1.2em}.au5 .s2{height:.5em;left:8.7em;top:10.3em;width:1.7em}.au5 .s3{height:.4em;left:8.5em;top:9.9em;width:1.9em}.au5 .s4{height:.4em;left:8.2em;top:9.5em;width:2.2em}.au5 .s5{height:.2em;left:7.5em;top:9.3em;width:2.9em}.au5 .s6{height:2.9em;left:10.4em;top:9.3em;width:.5em}.au5 .s7{height:2.4em;left:6.5em;top:6.9em;width:4.4em} .au6 .s1{height:.4em;left:12.5em;top:14.5em;width:1.1em}.au6 .s2{height:.4em;left:12.4em;top:14.1em;width:1.3em}.au6 .s3{height:1em;left:12.2em;top:13.1em;width:1.6em}.au6 .s4{height:.6em;left:13.4em;top:12.8em;width:.4em}.au6 .s5{height:.4em;left:11.9em;top:12.8em;width:.4em} .au7 .s1{height:1.8em;left:11.5em;top:10.6em;width:.3em}.au7 .s2{height:.2em;left:14.1em;top:11.8em;width:.2em}.au7 .s3{height:.4em;left:13.9em;top:11.7em;width:.2em}.au7 .s4{height:.5em;left:13.6em;top:11.6em;width:.3em}.au7 .s5{height:.7em;left:13.5em;top:11.4em;width:.1em}.au7 .s6{height:.2em;left:12.7em;top:12.5em;width:.4em}.au7 .s7{height:.1em;left:13.3em;top:11.1em;width:.2em}.au7 .s8{height:.1em;left:12.4em;top:11.1em;width:.3em}.au7 .s9{height:1.3em;left:12.2em;top:11.2em;width:1.3em}.au7 .s10{height:1.5em;left:12.1em;top:11em;width:.1em}.au7 .s11{height:1.6em;left:11.9em;top:10.9em;width:.2em}.au7 .s12{height:1.7em;left:11.6em;top:10.8em;width:.3em}.au7 .s13{height:2em;left:11em;top:10.4em;width:.5em}.au7 .s14{height:1.9em;left:10.9em;top:10.3em;width:.5em} .au8 .s1{height:.8em;left:.9em;top:7.4em;width:.4em}.au8 .s2{height:2.4em;left:.6em;top:5em;width:.7em}.au8 .s3{height:5.6em;left:1.3em;top:4.9em;width:.2em}.au8 .s4{height:6.2em;left:1.5em;top:4.6em;width:.4em}.au8 .s5{height:6.3em;left:1.9em;top:4.5em;width:.9em}.au8 .s6{height:6.2em;left:2.6em;top:4.3em;width:.7em}.au8 .s7{height:6.4em;left:3.3em;top:4em;width:.4em}.au8 .s8{height:6.7em;left:3.7em;top:3.7em;width:1.2em}.au8 .s9{height:6.7em;left:3.9em;top:3.1em;width:1.5em}.au8 .s10{height:6.7em;left:4.2em;top:2.9em;width:2.1em}.au8 .s11{height:.4em;left:5em;top:2em;width:1.3em}.au8 .s12{height:7em;left:4.8em;top:2.4em;width:1.7em}

/* edit positioning for small map */
/*canberra*/#australia_sml .au1 .s1{height:.1em;left:12.2em;top:9.7em;width:.1em} #australia_sml .au1 .s2 {height: 0.5em; left: 12.1em; top: 9.4em; width: 0.3em;}
/*tasmania*/ #australia_sml .au6 .s1{height:.4em;left:11em;top:13em;width:1.1em} #australia_sml .au6 .s2{height:.4em;left:10.9em;top:12.6em;width:1.3em} #australia_sml .au6 .s3{height:1em;left:10.7em;top:11.6em;width:1.6em} #australia_sml .au6 .s4{height:.6em;left:11.9em;top:11.3em;width:.4em} #australia_sml .au6 .s5{height:.4em;left:10.4em;top:11.3em;width:.4em} 
/*WA*/ #australia_sml .au8 .s12 {height: 7em; left: 4em; top: 2.4em; width: 1.7em;}
/*SA*/ #australia_sml .au5 .s1{height:.5em;left:8.2em;top:9.8em;width:1.2em} #australia_sml .au5 .s2{height:.5em;left:7.7em;top:9.3em;width:1.7em}#australia_sml .au5 .s3{height:.4em;left:7.5em;top:8.9em;width:1.9em} #australia_sml .au5 .s4{height:.4em;left:7.2em;top:8.5em;width:2.2em} #australia_sml .au5 .s5{height:.2em;left:6.5em;top:8.3em;width:2.9em} #australia_sml .au5 .s6{height:2.9em;left:9.4em;top:8.3em;width:.5em} #australia_sml .au5 .s7{height:2.4em;left:5.5em;top:5.9em;width:4.4em}
/*QLD*/ #australia_sml .au4 .s1{height:1.6em;left:13.6em;top:5.2em;width:.5em}#australia_sml .au4 .s2{height:1.9em;left:13.5em;top:5em;width:.1em}#australia_sml .au4 .s3{height:2.2em;left:13.2em;top:4.9em;width:.3em}#australia_sml .au4 .s4{height:2.3em;left:13.1em;top:4.7em;width:.2em} #australia_sml .au4 .s5{height:2.7em;left:13.7em;top:4.2em;width:.4em}#australia_sml .au4 .s6{height:3.1em;left:12.5em;top:3.8em;width:.2em} #australia_sml .au4 .s7{height:3.6em;left:12.4em;top:3.4em;width:.1em}#australia_sml .au4 .s8{height:3.8em;left:12.1em;top:2.3em;width:.3em} #australia_sml .au4 .s9{height:4em;left:11.8em;top:3.1em;width:.3em} #australia_sml.au4 .s10{height:4.2em;left:9.4em;top:2.9em;width:2.4em}#australia_sml .au4 .s11{height:.2em;left:9.8em;top:.6em;width:.2em}#australia_sml .au4 .s12{height:1.3em;left:9.5em;top:.8em;width:1em}#australia_sml.au4 .s13{height:.8em;left:9.5em;top:1.1em;width:1.7em}#australia_sml.au4 .s14{height:4em;left:8.4em;top:1.9em;width:3.1em} 
/*NSW*/#australia_sml .au2 .s1{height:.8em;left:13.5em;top:6.8em;width:.2em} #australia_sml .au2 .s2{height:1.6em;left:13.1em;top:6.8em;width:.4em} #australia_sml .au2 .s3{height:1.8em;left:13em;top:6.9em;width:.3em} #australia_sml.au2 .s4{height:1.9em;left:12.9em;top:7.1em;width:.2em}#australia_sml .au2 .s5{height:.1em;left:12.1em;top:10.7em;width:.3em}#australia_sml .au2 .s6{height:.4em;left:12em;top:8.7em;width:.6em}#australia_sml .au2 .s7{height:.1em;left:11.9em;top:10.6em;width:.5em} #australia_sml.au2 .s8{height:.2em;left:11.6em;top:10.4em;width:.8em}#australia_sml .au2 .s9{height:.3em;left:11.5em;top:10.1em;width:.9em}#australia_sml .au2 .s10{height:.1em;left:10.7em;top:10.1em;width:.6em}#australia_sml .au2 .s11{height:.1em;left:10.2em;top:10.1em;width:.2em}#australia_sml .au2 .s12{height:.1em;left:10.2em;top:10em;width:1.6em}#australia_sml .au2 .s13{height:.1em;left:10.1em;top:9.9em;width:1.7em}.au2 .s14{height:.1em;left:9.9em;top:9.8em;width:1.9em}.au2 .s15{height:.2em;left:9.8em;top:9.6em;width:2.1em}.au2 .s16{height:.1em;left:12em;top:6.9em;width:.6em}.au2 .s17{height:2.4em;left:11.9em;top:7em;width:.8em}#australia_sml .au2 .s18{height:.2em;left:9.5em;top:9.4em;width:2.5em}#australia_sml .au2 .s19{height:.1em;left:9.4em;top:9.3em;width:3.4em}#australia_sml .au2 .s20{height:2.2em;left:9.9em;top:7.1em;width:4em} 
/*Vic*/ #australia_sml .au7 .s1{height:1.8em;left:9.9em;top:9.3em;width:.3em}#australia_sml .au7 .s2{height:.2em;left:12.5em;top:10.5em;width:.2em}#australia_sml .au7 .s3{height:.4em;left:12.3em;top:10.4em;width:.2em}#australia_sml .au7 .s4{height:.5em;left:12em;top:10.3em;width:.3em}#australia_sml .au7 .s5{height:.7em;left:12em;top:10.1em;width:.1em}#australia_sml .au7 .s6{height:.2em;left:11.1em;top:11.2em;width:.4em}#australia_sml .au7 .s7{height:.1em;left:11.7em;top:9.8em;width:.2em}#australia_sml .au7 .s8{height:.1em;left:10.8em;top:9.8em;width:.3em}#australia_sml .au7 .s9{height:1.3em;left:10.7em;top:9.9em;width:1.3em}#australia_sml .au7 .s10{height:1.5em;left:10.5em;top:9.7em;width:.1em}#australia_sml .au7 .s11{height:1.6em;left:10.3em;top:9.6em;width:.2em}#australia_sml .au7 .s12{height:1.7em;left:10em;top:9.5em;width:.3em}#australia_sml .au7 .s13{height:2em;left:9.4em;top:9.1em;width:.5em}#australia_sml.au7 .s14{height:1.9em;left:9.3em;top:9em;width:.5em} 


/* size: 300*/ 
.m340{width:300px} .m340 .australia,.m340 .australia .bg,.m340 .australia-cities{background:transparent url('au-300.png') no-repeat -908.77px 0} .m340 .australia,.m340 .australia-cities{height:286.747px;width:300px} .m340 .australia{background-position:0 -271.74px} .m340 .australia-cities{background-position:-308.80px -271.75px} .m340 .australia .m{margin:10005px 0 0 7px} .m340 .australia .m span{font-size:20px}
.m340 .au1:hover .bg,.m340 .au1.focus .bg,.m340 .au1.active-region .bg{height:8.82px;left:239.1px;top:184.4px;width:7.058px}.m340 .au1:hover .bg,.m340 .au1.focus .bg{background-position:-159.7px -24.7px}.m340 .au1.active-region .bg{background-position:-618.49px -24.70px} .m340 .au2:hover .bg,.m340 .au2.focus .bg,.m340 .au2.active-region .bg{height:72.35px;left:189.69px;top:133.23px;width:82.05px}.m340 .au2:hover .bg,.m340 .au2.focus .bg{background-position:-259.4px -8.82px}.m340 .au2.active-region .bg{background-position:-718.19px -8.82px} .m340 .au3:hover .bg,.m340 .au3.focus .bg,.m340 .au3.active-region .bg{height:103.23px;left:112.93px;top:14px;width:59px}.m340 .au3:hover .bg,.m340 .au3.focus .bg{background-position:-368.8px -97.05px}.m340 .au3.active-region .bg{background-position:-827.6px -97.05px} .m340 .au4:hover .bg,.m340 .au4.focus .bg,.m340 .au4.active-region .bg{height:132.34px;left:171.17px;top:8.82px;width:103.23px}.m340 .au4:hover .bg,.m340 .au4.focus .bg{background-position:-134.99px -68.82px}.m340 .au4.active-region .bg{background-position:-593.79px -68.82px} .m340 .au5:hover .bg,.m340 .au5.focus .bg,.m340 .au5.active-region .bg{height:92.64px;left:112.93px;top:117.34px;width:78.52px}.m340 .au5:hover .bg,.m340 .au5.focus .bg{background-position:-262.04px -108.52px}.m340 .au5.active-region .bg{background-position:-720.84px -108.52px} .m340 .au6:hover .bg,.m340 .au6.focus .bg,.m340 .au6.active-region .bg{height:35.29px;left:208.22px;top:222.34px;width:30.88px}.m340 .au6:hover .bg,.m340 .au6.focus .bg{background-position:-202.05px -7.06px}.m340 .au6.active-region .bg{background-position:-660.84px -7.06px} .m340 .au7:hover .bg,.m340 .au7.focus .bg,.m340 .au7.active-region .bg{height:43.23px;left:189.69px;top:176.46px;width:39.11px}.m340 .au7:hover .bg,.m340 .au7.focus .bg{background-position:-367.92px -29.12px}.m340 .au7.active-region .bg{background-position:-826.72px -29.12px} .m340 .au8:hover .bg,.m340 .au8.focus .bg,.m340 .au8.active-region .bg{height:153.52px;left:8.82px;top:32.64px;width:104.99px}.m340 .au8:hover .bg,.m340 .au8.focus .bg{background-position:-4.41px -46.76px}.m340 .au8.active-region .bg{background-position:-463.21px -46.76px}
.m340 .au1 a{left:250.57px;top:198.52px} .m340 .au1 a.tooltip-right .tooltip-arrow{right:49.41px} .m340 .au2 a{left:238.22px;top:178.22px} .m340 .au2 a.tooltip-right .tooltip-arrow{right:61.76px} .m340 .au3 a{left:150.87px;top:79.41px} .m340 .au3 a.tooltip-left .tooltip-arrow{left:150.87px} .m340 .au4 a{left:231.16px;top:100.58px} .m340 .au4 a.tooltip-right .tooltip-arrow{right:68.82px} .m340 .au5 a{left:160.58px;top:158.81px} .m340 .au6 a.tooltip-right .tooltip-arrow{right:139.40px} .m340 .au6 a{left:235.57px;top:251.46px} .m340 .au6 a.tooltip-right .tooltip-arrow{right:64.41px} .m340 .au7 a{left:227.63px;top:211.75px} .m340 .au7 a.tooltip-right .tooltip-arrow{right:72.35px} .m340 .au8 a{left:72.35px;top:123.52px} .m340 .au8 a.tooltip-left .tooltip-arrow{left:72.35px} 


/* size: 500 */
.m500{width:500px; margin: 10px 0 0 80px;} .m500 .australia,.m500 .australia .bg,.m500 .australia-cities{background:transparent url('au-500.png') no-repeat -720px 0} .m500 .australia,.m500 .australia-cities{height:475px;width:500px} .m500 .australia{background-position:0 -860px} .m500 .australia-cities{background-position:0 -1355px} .m500 .australia .m{margin:10004px 0 0 6px} .m500 .australia .m span{font-size:30px}
.m500 .au1:hover .bg,.m500 .au1.focus .bg,.m500 .au1.active-region .bg{height:15px;left:407px;top:313px;width:12px}.m500 .au1:hover .bg,.m500 .au1.focus .bg{background-position:-264px -58px}.m500 .au1.active-region .bg{background-position:-264px -438px} .m500 .au2:hover .bg,.m500 .au2.focus .bg,.m500 .au2.active-region .bg{height:123px;left:324px;top:227px;width:140px}.m500 .au2:hover .bg,.m500 .au2.focus .bg{background-position:-418px -20px}.m500 .au2.active-region .bg{background-position:-418px -400px} .m500 .au3:hover .bg,.m500 .au3.focus .bg,.m500 .au3.active-region .bg{height:176px;left:192px;top:25px;width:100px}.m500 .au3:hover .bg,.m500 .au3.focus .bg{background-position:-581px -173px}.m500 .au3.active-region .bg{background-position:-581px -553px} .m500 .au4:hover .bg,.m500 .au4.focus .bg,.m500 .au4.active-region .bg{height:226px;left:291px;top:15px;width:175px}.m500 .au4:hover .bg,.m500 .au4.focus .bg{background-position:-217px -123px}.m500 .au4.active-region .bg{background-position:-217px -503px} .m500 .au5:hover .bg,.m500 .au5.focus .bg,.m500 .au5.active-region .bg{height:158px;left:192px;top:200px;width:133px}.m500 .au5:hover .bg,.m500 .au5.focus .bg{background-position:-419px -190px}.m500 .au5.active-region .bg{background-position:-419px -570px} .m500 .au6:hover .bg,.m500 .au6.focus .bg,.m500 .au6.active-region .bg{height:60px;left:355px;top:379px;width:52px}.m500 .au6:hover .bg,.m500 .au6.focus .bg{background-position:-326px -23px}.m500 .au6.active-region .bg{background-position:-326px -403px} .m500 .au7:hover .bg,.m500 .au7.focus .bg,.m500 .au7.active-region .bg{height:73px;left:324px;top:300px;width:100px}.m500 .au7:hover .bg,.m500 .au7.focus .bg{background-position:-588px -60px}.m500 .au7.active-region .bg{background-position:-588px -440px} .m500 .au8:hover .bg,.m500 .au8.focus .bg,.m500 .au8.active-region .bg{height:262px;left:15px;top:56px;width:178px}.m500 .au8:hover .bg,.m500 .au8.focus .bg{background-position:-10px -86px}.m500 .au8.active-region .bg{background-position:-10px -466px}
.m500 .au1 a{left:422px;top:332px} .m500 .au1 a.tooltip-right .tooltip-arrow{right:78px} .m500 .au2 a{left:403px;top:295px} .m500 .au2 a.tooltip-right .tooltip-arrow{right:97px} .m500 .au3 a{left:251px;top:132px} .m500 .au4 a{left:388px;top:155px} .m500 .au4 a.tooltip-right .tooltip-arrow{right:112px} .m500 .au5 a{left:268px;top:269px} .m500 .au6 a{left:396px;top:426px} .m500 .au6 a.tooltip-right .tooltip-arrow{right:104px} .m500 .au7 a{left:383px;top:351px} .m500 .au7 a.tooltip-right .tooltip-arrow{right:117px} .m500 .au8 a{left:120px;top:205px} .m500 .au8 a.tooltip-left .tooltip-arrow{left:120px}



#australia_sml .css-map {
	margin: -20px 0 0;
}
/* --------------------------------------------------------
end of the maps */




/* simple css-based tooltip */
.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;
 
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}


/*logged in*/
#list_of_courses { font-size: 12px; text-align: left; color: #707070;}

.logged-in-header {font: 11px Tahoma, Geneva, sans-serif; color:#fff; font-weight: bold; padding:5px;}
.logged-in-course {font: 11px Tahoma, Geneva, sans-serif; color:#323232; font-weight: normal; padding:5px;}
#logged-in-header h4 {font: 13px Tahoma, Geneva, sans-serif; color:#323232; padding: 5px 5px;}
.logged-in-text {font: 11px Tahoma, Geneva, sans-serif; color:#323232; font-weight: normal; padding:5px;}
.logged-in-text a {padding: 6px 15px; clear:both; background: url(images/returning_users_button.png) no-repeat; border-radius: 5px; border:1px solid #dfded7; text-align:center; line-height:22px; color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; }
.logged-in-text:hover a { background-position: 0 100%; }
.logged-in-center {font: 11px Tahoma, Geneva, sans-serif; color:#323232; font-weight: normal; padding:5px; text-align:center;}

.course-details-header {font: 11px Tahoma, Geneva, sans-serif; color:#fff; font-weight: bold; padding:5px;}
.course-details-text {font: 11px Tahoma, Geneva, sans-serif; color:#323232; font-weight: normal; padding:5px;}
.course-details-text a {color:#0e76bd; text-decoration:none;}
.course-details-text a:hover {color:#1787e0; text-decoration:underline;}
.course-details-text a:visited {color:#0e76bd; text-decoration:none;}

.logout-button {float:right;}
.logout-button a {padding: 6px 15px; clear:both; background: url(images/returning_users_button.png) no-repeat; border-radius: 5px; border:1px solid #dfded7; text-align:center; line-height:22px; color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; }
.logout-button:hover a { background-position: 0 100%; }

.courses-links a { font-size: 18px; color: #036ae9; line-height: 24px;}


.courses-left-wrapper {float:left; width:180px; margin-right:25px; display:inline;}
#courses-left {width:180px;}
#courses-left h2 {font-size:12px; font-weight:bold; padding:0px 0px 10px 5px; margin:0px;}
#courses-left ul {width:180px; border-top: 1px solid #b9e9bb; list-style:none; margin:0px; padding:0px;}
#courses-left li {padding:0px; margin:0px; padding-left:6px; padding-right:24px;}
#courses-left input[type="checkbox"], input[type="radio"] {margin:3px 9px 5px 9px;}
.courses-left {border-bottom:1px solid #b9d6e9; margin:0px; padding-left:5px;}
.courses-left a {color:#0e76bd; text-decoration:none; line-height:12px; padding-right:30px;}
.courses-left a:hover {color:#0b5485; text-decoration:underline; line-height:12px;}
.courses-left a:visited {color:#0e76bd; text-decoration:none; line-height:12px;}
.courses-left-green-1 {background: #e0fae3 url(images/green-tick.png) no-repeat top right; border-bottom:1px solid #b9e9bb; margin:0px; padding-left:5px;}
.courses-left-green-1 a {color:#45a850; text-decoration:none; line-height:12px; padding-right:30px;}
.courses-left-green-1 a:hover {color:#157f21; text-decoration:underline; line-height:12px;}
.courses-left-green-1 a:visited {color:#45a850; text-decoration:none; line-height:12px;}
.courses-left-green-2 {background: #ecfdee url(images/green-tick.png) no-repeat top right; border-bottom:1px solid #b9e9bb; margin:0px; padding-left:5px;}
.courses-left-green-2 a {color:#45a850; text-decoration:none; line-height:12px; padding-right:30px;}
.courses-left-green-2 a:hover {color:#157f21; text-decoration:underline; line-height:12px;}
.courses-left-green-2 a:visited {color:#45a850; text-decoration:none; line-height:12px;}
.courses-left-red-1 {color:#a84550 !important; background: #fae0e3 url(images/red-tick.png) no-repeat top right; border-bottom:1px solid #e9b9bb; margin:0px; padding-left:5px;}
.courses-left-red-2 {color:#a84550 !important; background: #fdecee url(images/red-tick.png) no-repeat top right; border-bottom:1px solid #e9b9bb; margin:0px; padding-left:5px;}

.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

#sidebar-promo { float: right; width: 300px; margin-top:15px; }

/* get_information, get_error */
table.info {border: 1px solid #6fb3dd;margin: 0;padding: 0;width: 100%;margin-bottom: 20px;text-align: left;}
table.info tr {margin: 0;padding: 0;}
table.info th {padding-top: 7px;padding-bottom: 7px;padding-left: 40px;padding-right: 10px;background: #abdbff url(images/table_info_th_bg.gif) left no-repeat;}
table.info td {padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;background: #d4f1ff;font-size: 13px;}
table.error {border: 1px solid #ba2a2a;margin: 0;padding: 0;width: 100%;margin-bottom: 20px;text-align: left;}
table.error tr {margin: 0;padding: 0;}
table.error th {padding-top: 7px;padding-bottom: 7px;padding-left: 40px;padding-right: 10px;background: #fd7878 url(images/if_error_head_bg.gif) left no-repeat;}
table.error td {padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;background: #FFE5E5;font-size: 13px;}

.exercise_form {width: 680px; /*  word-wrap: break-word;*/ background-color: #ecf4fd; color: #707070;}
.exercise_form TD.counter {width: 80px; vertical-align: top;}
.exercise_form TD.question {width: 600px; word-wrap: break-word; font-size:16px; line-height:20px; padding-top:15px; padding-right: 10px;}
.exercise_form TD.answers {width: 600px; word-wrap: break-word;}
.exercise_form TD.answers SELECT {max-width: 576px;}
.exercise_form TD.answers INPUT[type="radio"],.exercise_form TD.answers INPUT[type="checkbox"] {margin:2px 10px 2px 0;}
.exercise_form TD.answers INPUT[type="text"],.exercise_form TD.answers INPUT[type="password"],.exercise_form TD.answers INPUT[type="file"] {width:548px;}
.exercise_form TD.answers TEXTAREA {width:576px; height:100px; max-width: 576px;}
.exercise_form TD.answers DIV.answers TEXTAREA {width:548px; height:100px; max-width: 548px;}
.exercise_form .form_section {font-size:22px; text-transform: uppercase; padding-left:12px; padding-top:12px;}
.exercise_form HR { border: 0; height: 0; border-top: 2px solid #d5e4f3; border-bottom: 1px solid #d5e4f3; margin-top:20px;}
.exercise_form .plain-text {width:656px; word-wrap: break-word; padding:12px;}
.exercise_form TD.answers DIV.answers {
  width: 560px;
  word-wrap: break-word;
  border:3px solid #d5e4f3;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #e0eefd;
  margin: 10px 10px 0 0;
  padding: 10px;
  color: black;
}
.exercise_form TD.answers DIV.answers DIV.learning_question_response {
  width: 534px;
  word-wrap: break-word;
  border:3px solid #b9e9bb;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #e0fae3;
  margin: 10px 10px 0 0;
  padding: 10px;
  color: black;
}

.exercise_form .question_error {color: red;}
.exercise_form .answers TABLE.mceLayout {border: 4px solid #EBEBEB; margin-top:10px;}

/* tinymce root p tag hack */
.exercise_form .question_error p {color: red !important;}
.exercise_form .question p {font-size:16px !important;}

.question-number {
  font-size:22px; 
  color:#fff; 
  height: 26px; 
  width: 50px; 
  text-align:center; 
  padding:12px 0 12px 0; 
  background-color:#1887df; 
  margin:15px 15px 0px 15px; }
#question-text {font-size:16px; line-height:20px; padding-top:15px;}
#question-text p {font-size:16px; line-height:20px;}

.fieldset_name {color: #1787E0; font-size: 18px; font-weight: normal; margin: 0; padding: 20px 0 10px; }
.field_label {color:#707070; font-size: 13px; margin: 8px 0 0 0; }
.field_error {border: 4px solid #FFE5E5 !important;}
.field_value {color:#707070; font-size: 13px;}

#order_course_payment label {
  margin: 0 5px 0 0 !important;
}