@charset "utf-8";

/**** PAGE HEADERS ****/
  
#header-distance-learning {
  width: 700px;
  height: 148px;
  margin: -9px 0 -55px 0;
  padding: 29px 0 0 110px;
  float: left;
  background: url(/images/elements/bg-header-mouse.png) no-repeat left top;
  }
  
/**** GLOBAL ELEMENTS ****/

#hide-1, #hide-2, #hide-3, #hide-4, #hide-5, #hide-6, #hide-7, #hide-8, #hide-9, #hide-10, #hide-11, #hide-12 {
  margin: 0;
  padding: 0 13px 0 0;
  background: url(/images/elements/hide-arrow.gif) no-repeat right center;
  }
  
/**** SEARCH ****/

.highlight { 
  background: #FFFF40; 
  }

.summary {  
  font-style: italic; 
  }   
  
.infoline { 
  font-size: 90%; 
  color: #808080;
  }
  
.sorting { 
  text-align: right; 
  }

/**** LOGIN ****/

#login-links-container {
  width: 952px;
  margin: 0 auto;
  }
  
#login-links-wrapper {
  width: 952px;
  height: 102px;
  margin: 20px auto 20px auto;
  float: left;
  background: url(/images/layout/bg-login-links.png) no-repeat left top;
  }

/**** LOGIN LINKS LEFT ****/

#login-links-left {
  width: 362px;
  float: left;
  padding: 23px 0 0 30px;
  }

#login-logo {
  width: 325px;
  height: 58px;
  float: left;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  background: url(/images/layout/allergan-access-login.png) no-repeat left top;
  }
  
/**** LOGIN LINKS RIGHT ****/

#login-links-right {
  width: 560px;
  float: left;
  }
  
#login-links {  
  width: 560px;
  margin: 0;
  padding: 40px 0 0 0;
  float: left;
  list-style: none;
  }
  
#login-links li {  
  margin: 0;
  padding: 0;
  display: inline;
  }
  
/**** ENGLISH ****/

a#english  {
  width: 78px;
  height: 21px;
  float: left;
  text-indent: -9000px;
  background: url(/images/login/english.gif) no-repeat right top;
  }
  
/**** DEUTSCH ****/

a#deutsch  {
  width: 83px;
  height: 21px;
  float: left;
  text-indent: -9000px;
  background: url(/images/login/deutsch.gif) no-repeat right top;
  }
  
/**** ESPANOL ****/

a#espanol  {
  width: 81px;
  height: 21px;
  float: left;
  text-indent: -9000px;
  background: url(/images/login/espanol.gif) no-repeat right top;
  }
  
/**** FRANCAIS ****/

a#francais  {
  width: 86px;
  height: 21px;
  float: left;
  text-indent: -9000px;
  background: url(/images/login/francais.gif) no-repeat right top;
  }
  
/**** ITALIANO ****/

a#italiano  {
  width: 79px;
  height: 21px;
  float: left;
  text-indent: -9000px;
  background: url(/images/login/italiano.gif) no-repeat right top;
  }
  
/**** NEDERLANDS ****/

a#nederlands  {
  width: 105px;
  height: 21px;
  float: left;
  text-indent: -9000px;
  background: url(/images/login/nederlands.gif) no-repeat right top;
  }
  
a:hover#english, a:hover#deutsch, a:hover#espanol, a:hover#francais, a:hover#italiano, a:hover#nederlands  {
  background-position: 0 -21px;
  }

a#english.on, a#deutsch.on, a#espanol.on, a#francais.on, a#italiano.on, a#nederlands.on {  
  height: 21px;
  background-position: 0 -21px;
  }
  
/**** LOGIN LEFT ****/

#main-login-left {
  width: 641px;
  height: 410px;
  float: left;
  background: url(/images/layout/bg-login-slider.png) no-repeat left top;
  }
  
.login-panel-left {
  width: 322px;
  float: left;
  padding: 50px 37px 0 58px;  
  }

.login-panel-left h1 {
  color: #666;
  font-size: 30px;
  line-height: 35px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  }
  
.login-panel-left p {
  font: 16px/22px arial, verdana, sans-serif;
  color: #666;
  }
  
.login-panel-right {
  width: 200px;
  float: left;
  padding: 38px 0 0 0;
  }
  
/**** LOGIN RIGHT ****/

#main-login-right {
  width: 231px;
  height: 410px;
  padding: 0 40px 0 40px;
  float: left;
  background: url(/images/layout/bg-login-box.png) no-repeat left top;
  font: 16px arial, verdana, sans-serif;
  color: #fff;
  }

.login-box {
  width: 229px;
  height: 24px;
  background: url(/images/layout/login-box.gif) no-repeat left top;
  float: left;
  margin: 5px 0 10px 0;
  padding: 0;
  overflow: hidden;
  }
  
input.login {	
  width: 229px;
  height: 24px;
  border: none;
  float: left;
  font: 11px arial, verdana, sans-serif;  
  color: #666;
  background: none;
  text-decoration: none;
  padding: 0 0 0 10px;
  margin: 0;
  overflow: hidden;
  }
  
input.login {	
  padding: 5px 0 0 10px\9;
  }
  
.login-space-bottom {
  margin: 0 0 15px 0;  
  }

.login-space-bottom input {
  position: relative;
  top: 2px;
  }
  
.login-error {
  color: #b2ffa8;
  font-size: 10px;
  margin: 0 0 5px 0;
  }
  
.login-error2 {
  color: #b2ffa8;
  font-size: 10px;
  margin: -13px 0 5px 0;
  }
 
#login-box-left {
  width: 115px;
  float: left;
  border-right: solid 1px #fff;
  margin: 0 9px 0 0;
  }
  
#login-box-left-de {
  width: 147px;
  float: left;
  border-right: solid 1px #fff;
  margin: 0 9px 0 0;
  }

#login-box-right-de, #login-box-right-de a {
  width: 74px;
  float: left;
  color: #fff;
  margin: 2px 0 0 0;
  }
  
#login-box-left-es {
  width: 167px;
  float: left;
  border-right: solid 1px #fff;
  margin: 0 3px 0 0;
  }

#login-box-right-es, #login-box-right-es a {
  width: 49px;
  float: left;
  color: #fff;
  margin: 0;
  }
  
#login-box-right-es a span.small-txt {
  font-size: 11px;
  }

#login-box-left-fr {
  width: 153px;
  float: left;
  border-right: solid 1px #fff;
  margin: 0 3px 0 0;
  }

#login-box-right-fr, #login-box-right-fr a {
  width: 74px;
  float: left;
  color: #fff;
  margin: 0;
  }  
  
#login-box-right-fr a span.small-txt {
  font-size: 11px;
  }

#login-box-left-nl {
  width: 163px;
  float: left;
  border-right: solid 1px #fff;
  margin: 0 9px 0 0;
  }

#login-box-right-nl, #login-box-right-nl a {
  width: 58px;
  float: left;
  color: #fff;
  margin: 2px 0 0 0;
  }
  
#Login {
  margin: 3px 0 0 0;
  }
  
#login-box-right, #login-box-right a {
  width: 106px;
  float: left;
  color: #fff;
  margin: 2px 0 0 0;
  }

/**** SUBPAGES ****/

/**** SUBS LEVEL 1 NUMBER BOXES ****/

#content-container-sub-1-whole h5 {
  margin: 25px 0 5px 0;
  }

.box-1 {
  width: 698px;
  height: 169px;
  float: left;
  margin: 0 -39px 30px -39px;
  background: url(/images/elements/bg-box-1.png) no-repeat right top;
  }
  
.box-1 h5, .box-1 p {
  padding: 0 170px 0 40px;
  }
  
.box-2 {
  width: 698px;
  height: 169px;
  float: left;
  margin: 0 -39px 30px -39px;
  background: url(/images/elements/bg-box-2.png) no-repeat left top;
  }

.box-2 h5, .box-2 p {
  padding: 0 40px 0 170px;
  } 

.box-3 {
  width: 698px;
  height: 169px;
  float: left;
  margin: 0 -39px 30px -39px;
  background: url(/images/elements/bg-box-3.png) no-repeat right top;
  }
  
.box-3 h5, .box-3 p {
  padding: 0 170px 0 40px;
  }

.box-4 {
  width: 698px;
  height: 169px;
  float: left;
  margin: 0 -39px 30px -39px;
  background: url(/images/elements/bg-box-4.png) no-repeat left top;
  }

.box-4 h5, .box-4 p {
  padding: 0 40px 0 170px;
  } 
  
.box-4-large {
  width: 698px;
  height: 200px;
  float: left;
  margin: 0 -39px 30px -39px;
  background: url(/images/elements/bg-box-4-large.png) no-repeat left top;
  }

.box-4-large h5, .box-4-large p {
  padding: 0 40px 0 170px;
  }
  
.box-4-x-large {
  width: 698px;
  height: 240px;
  float: left;
  margin: 0 -39px 30px -39px;
  background: url(/images/elements/bg-box-4-x-large.png) no-repeat left top;
  }

.box-4-x-large h5, .box-4-x-large p {
  padding: 0 40px 0 170px;
  }
  
.box-5 {
  width: 698px;
  height: 169px;
  float: left;
  margin: 0 -39px 30px -39px;
  background: url(/images/elements/bg-box-5.png) no-repeat right top;
  }
  
.box-5 h5, .box-5 p {
  padding: 0 170px 0 40px;
  }

.box-6 {
  width: 698px;
  height: 169px;
  float: left;
  margin: 0 -39px 30px -39px;
  background: url(/images/elements/bg-box-6.png) no-repeat left top;
  }

.box-6 h5, .box-6 p {
  padding: 0 40px 0 170px;
  } 
  
.box-6-large {
  width: 698px;
  height: 200px;
  float: left;
  margin: 0 -39px 30px -39px;
  background: url(/images/elements/bg-box-6-large.png) no-repeat left top;
  }

.box-6-large h5, .box-6-large p {
  padding: 0 40px 0 170px;
  } 
  
.box-7 {
  width: 698px;
  height: 169px;
  float: left;
  margin: 0 -39px 30px -39px;
  background: url(/images/elements/bg-box-7.png) no-repeat right top;
  }
  
.box-7 h5, .box-7 p {
  padding: 0 170px 0 40px;
  }

.box-8 {
  width: 698px;
  height: 169px;
  float: left;
  margin: 0 -39px 30px -39px;
  background: url(/images/elements/bg-box-8.png) no-repeat left top;
  }

.box-8 h5, .box-8 p {
  padding: 0 40px 0 170px;
  }

.box-9 {
  width: 698px;
  height: 169px;
  float: left;
  margin: 0 -39px 30px -39px;
  background: url(/images/elements/bg-box-9.png) no-repeat right top;
  }
  
.box-9 h5, .box-9 p {
  padding: 0 170px 0 40px;
  }
  
#last {
  margin-bottom: -9px;
  position: relative;
  top: 0;
  }

/**** TOOL BOX ****/

.tool-container-top {
  width: 471px;
  height: 9px;
  float: left;
  margin: 15px 0 0 0;
  background: url(/images/elements/bg-tool-top.gif) no-repeat left top;
  }
  
.tool-container {
  width: 471px;
  float: left;
  background: url(/images/elements/bg-tool-repeat.gif) repeat-y left top;
  }
  
.tool-container-bottom {
  width: 471px;
  height: 10px;
  float: left;
  background: url(/images/elements/bg-tool-bottom.gif) no-repeat left top;
  }

.tool-left {
  width: 298px;
  float: left;
  padding: 13px 20px 0 20px;
  }

.tool-right {
  width: 123px;
  float: right;
  padding: 0 10px 0 0;
  text-align: center;
  }
  
/**** RIGHT CLIP ****/

#clip-container-top {
  width: 153px;
  height: 10px;
  float: right;
  background: url(/images/elements/bg-clip-top.png) no-repeat left top;
  }
  
#clip-container {
  width: 118px;
  float: right;
  margin: 0;
  padding: 15px 15px 5px 20px;
  background: url(/images/elements/bg-clip-repeat.png) repeat-y left top;
  }
  
#clip-container-bottom {
  width: 153px;
  height: 20px;
  float: right;
  background: url(/images/elements/bg-clip-bottom.png) no-repeat left top;
  }
  
#clip {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
  }

#clip li {
  margin: 0 0 8px 0;
  }
  
#clip li a {
  font: 11px/11px arial, verdana, sans-serif;
  color: #fff;
  }
  
/**** DISTANCE LEARNING COURSES****/

/**** COURSE NAV ****/

#course-nav-container {
  width: 859px;
  margin: 0 auto;
  text-align: center;
  }
  
#course-nav-top {
  width: 859px;
  height: 10px;
  float: left;
  margin: 11px 0 15px 0;
  background: url(/images/layout/sep-line-course-top.gif) no-repeat left top;
  }
  
#course-nav-bottom {
  width: 859px;
  height: 10px;
  float: left;
  margin: 15px 0 28px 0;
  background: url(/images/layout/sep-line-course-bottom.gif) no-repeat left top;
  }
  
#course-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  }
  
#course-nav li {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  padding: 0 4px 0 8px;
  display: inline;
  background: url(/images/layout/sep-line-course.gif) no-repeat left center;
  }
  
#course-nav li.first {
  background: none;
  padding: 0 8px 0 0;
  }
  
#btn-take-course {
  padding: 30px 0 30px 0;
  }
  
/****	COURSE CONTENT ****/

#course-content ol {
  margin: 0 0 20px 0px;
  }
  
h5.test {
  padding: 20px 0 0 0;
  }
  
#test {
  margin: 0;
  padding: 0 0 10px 20px;
  list-style: decimal;
  }
  
#test li {
  padding: 0 0 20px 0;
  }

*:first-child+html #test {
  margin: -20px 0 0 0;
  padding: 0 0 10px 20px;
  list-style: decimal;
  }
  
*:first-child+html #test li {
  display: block;
  clear: both;
  margin: 0;
  }
  
.shaded-course-line {
  width: 859px;
  height: 10px;
  float: left;
  margin: 30px 0 30px 0;
  background: url(/images/layout/sep-line-course-bottom.gif) no-repeat left top;
  }
  
.shaded-course-line2 {
  width: 859px;
  height: 10px;
  float: left;
  margin: 15px 0 20px 0;
  background: url(/images/layout/sep-line-course-bottom.gif) no-repeat left top;
  }
  
/**** DISTANCE LEARNING RESULTS ****/
  
#results-content {
  width: 872px;
  float: left;
  margin: 0;
  padding: 0;
  }
  
.results-content-left {
  width: 108px;
  float: left;
  margin: 0;  
  padding: 0 15px 0 0;
  }
  
.results-content-right {
  width: 723px;
  float: left;
  padding: 0 0 0 25px;
  border-left: solid 1px #c4c4c4;
  }
  
.results-content-left-2 {
  width: 130px;
  float: left;
  margin: 0;  
  padding: 0 15px 0 0;
  }
  
.results-content-right-2 {
  width: 701px;
  float: left;
  padding: 0 0 0 25px;
  border-left: solid 1px #c4c4c4;
  }
  
.results-content-left-3 {
  width: 150px;
  float: left;
  margin: 0;  
  padding: 0 15px 0 0;
  }
  
.results-content-right-3 {
  width: 681px;
  float: left;
  padding: 0 0 0 25px;
  border-left: solid 1px #c4c4c4;
  }
  
#results {
  width: 872px;
  float: left;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: decimal;
  }
  
*:first-child+html #results li {
  display: block;
  clear: both;
  margin: 0 0 20px 0;
  }
  
.results-left {
  width: 50px;
  float: left;
  }
  
.results-right {
  width: 822px;
  float: left;
  }

.answer {
  width: 150px;
  float: left;
  font: bold 16px arial, verdana, sans-serif;
  margin: 10px 0 30px 0;
  padding: 5px 10px 5px 10px;
  border-top: solid 1px #c4c4c4;
  border-bottom: solid 1px #c4c4c4;
  }
  
/**** EVALUATION ****/

#evaluation-container {
  width: 872px;
  margin: 0 auto;
  float: left;
  }
  
#evaluation-left {
  width: 419px;
  float: left;
  margin: 0 0 20px 0;
  padding: 0 0 0 17px;
  list-style: decimal;
  }
  
#evaluation-left li {
  padding: 0 0 15px 0;
  }

*:first-child+html #evaluation-left li {
  display: block;
  clear: both;
  margin: 0 0 0 5px;
  }

#evaluation-left li.no-space {
  padding: 0;
  }
  
#evaluation-right {
  width: 419px;
  float: left;
  margin: 0 0 20px 0;
  padding: 0 0 0 17px;
  }
  
#evaluation-right li {
  padding: 0 0 31px 0;
  }

*:first-child+html #evaluation-right li {
  display: block;
  clear: both;
  margin: 0 0 0 5px;
  }
  
#evaluation-right li.no-space {
  padding: 0;
  }

#evaluation-nest {
  margin: 0;
  padding: 10px 0 0 30px;
  list-style: lower-alpha;
  }
  
#evaluation-nest li {
  padding: 0 0 5px 0;
  }
  
#evaluation-nest li.no-space {
  padding: 0;
  }

/**** DISTANCE LEARNING PAGES ****/

#content-container-sub-1-whole h4 {
  margin: 0 0 10px 0;
  }
  
#blue-box-left h3 {
  margin: 0 0 20px 0;
  }  
  
#blue-box-top {
  width: 620px;
  height: 10px;
  float: left;
  margin: 20px 0 0 0;
  background: url(/images/layout/bg-blue-box-top.png) no-repeat left top;
  }
  
#blue-box-bottom {
  width: 620px;
  height: 10px;
  float: left;
  margin: 0 0 20px 0;
  background: url(/images/layout/bg-blue-box-bottom.png) no-repeat left top;
  }
  
#blue-box-content {
  width: 620px;
  margin: 0 auto;
  float: left;
  background: url(/images/layout/bg-blue-box-repeat.png) repeat-y left top;
  }
 
#blue-box-container {
  font-size: 12px;
  clear: both;
  }
 
#blue-box-content2 {
  width: 620px;
  margin: 0 auto;
  padding: 30px 30px 10px 30px;
  float: left;
  text-align: left;
  font: 14px arial, verdana, sans-serif;
  color: #fff;
  background: url(/images/layout/bg-blue-box-repeat.png) repeat-y left top;
  clear: both;
  }
  
#blue-box-content2 h3 {
  margin-bottom: 20px;
  }

#blue-box-content2 ul {
  margin-bottom: 20px;
  padding: 0;  
  }
  
#blue-box-content2 li {
  padding: 10px 50px 0 0;
  }
  
#blue-box-left {
  width: 200px;
  float: left;
  padding: 30px 40px 0 40px;
  }
  
#blue-box-right {
  width: 300px;
  float: left;
  padding: 30px 0 0 0;
  }
  
#blue-box-whole {
  width: 500px;
  padding: 30px 40px 50px 40px;
  }
  
#blue-box {
  margin: 0;
  padding: 0;
  list-style: none;
  }
  
#blue-box li {
  margin: 0 0 5px 0;
  padding: 10px 0 0 55px;
  }
  
#blue-box li a {
  font: 16px arial, verdana, sans-serif;
  color: #fff;
  } 
  
#blue-box li a.double {
  position: relative;
  top: -9px;
  }
  
#blue-box li a:hover {
  color: #b2ffa8;
  }
  
#blue-box-sub-left {
  width: 250px;
  float: left;
  margin: 20px 20px 20px 40px;
  padding: 0;
  font: 16px arial, verdana, sans-serif;
  color: #fff;
  }
  
#blue-box-sub-left li a{
  font: bold 14px arial, verdana, sans-serif;
  color: #fff;
  }

#blue-box-sub-right {
  width: 250px;
  float: left;
  margin: 20px 20px 20px 40px;
  padding: 0;
  font: 16px arial, verdana, sans-serif;
  color: #fff;
  }
  
#blue-box-sub-right li a{
  font: bold 14px arial, verdana, sans-serif;
  color: #fff;
  }
  
#blue-box-sub-left3 {
  width: 300px;
  float: left;
  margin: 20px 20px 20px 40px;
  padding: 0;
  font: 16px arial, verdana, sans-serif;
  color: #fff;
  }
  
#blue-box-sub-left3 li a{
  font: bold 14px arial, verdana, sans-serif;
  color: #fff;
  }

#blue-box-sub-right3 {
  width: 200px;
  float: left;
  margin: 20px 20px 20px 40px;
  padding: 0;
  font: 16px arial, verdana, sans-serif;
  color: #fff;
  }
  
#blue-box-sub-right3 li a{
  font: bold 14px arial, verdana, sans-serif;
  color: #fff;
  }

  
#blue-box-sub-left2 {
  width: 250px;
  float: left;
  margin: 20px 20px 0 40px;
  padding: 0;
  font: 16px arial, verdana, sans-serif;
  color: #fff;
  list-style: none;
  }
  
#blue-box-sub-left2 li a{
  font: bold 14px arial, verdana, sans-serif;
  color: #fff;
  }

#blue-box-sub-right2 {
  width: 270px;
  float: left;
  margin: 20px 20px 0 5px;
  padding: 0;
  font: 16px arial, verdana, sans-serif;
  color: #fff;
  list-style: none;
  }
  
#blue-box-sub-right2 li a{
  font: bold 14px arial, verdana, sans-serif;
  color: #fff;
  }
  
#blue-box-sub-left2 li.icon-reports {
  padding: 10px 0 0 60px;
  margin: 0;
  }

#blue-box-sub-right2 li.icon-reports {
  padding: 5px 0 0 60px;
  margin: 0 0 5px 0;
  }

#blue-box-sub-right2 li.space-top {
  padding-top: 10px;
  }
  
/**** DISTANCE LEARNING GLOBAL TABLE CONTAINER ****/

#my-course-container {
  width: 620px;
  margin: 0 auto;
  }

.global-container {
  max-width: 620px;
  float: left;
  text-align: center;
  }

.global-container td {
  width: 61px;
  height: 35px;
  border-left: solid 1px #c4c4c4;
  margin: 0;
  padding: 0 22px 0 22px;
  }
  
.global-container td.global-first {
  width: 100px;
  padding: 0 22px 0 0;
  text-align: left;
  border-left: none;
  }

.global-container td.global-title {
  width: 135px;
  text-align: left;
  }
  
.global-container td.global-title2 {
  width: 241px;
  text-align: left;
  }
  
.global-container td.no-border {
  border: none;
  }
  
.global-container td.global-delete {
  width: 279px;
  border: none;
  text-align: left;
  font-weight: bold;
  padding: 0 25px 0 0;
  }

.global-container td.whole {
  width: 620px;
  height: 35px;
  border: none;
  text-align: left;
  margin: 0;
  padding: 0;
  }

.global-container td.global-first-reports {
  width: 152px;
  padding: 0 22px 0 0;
  text-align: left;
  border-left: none;
  }

.global-container td.global-title-reports {
  width: 187px;
  text-align: left;
  }
  
.global-container2 td {
  width: 100px;
  height: 35px;
  border-left: solid 1px #c4c4c4;
  margin: 0;
  padding: 0 22px 0 22px;
  }
  
.global-container2 td.global-user-first {
  width: 100px;
  padding: 0 22px 0 0;
  text-align: left;
  border-left: none;
  }

.global-container2 td.global-username {
  width: 163px;
  padding: 0 22px 0 22px;
  text-align: left;
  }
  
.global-container2 td.no-border {
  border: none;
  }
  
.global-container3 td {
  width: 20%;
  height: 35px;
  border-left: solid 1px #c4c4c4;
  margin: 0;
  padding: 0 10px 0 10px;
  text-align: center;
  }
  
.global-container3 td.global-first {
  width: 10%;
  padding: 0 10px 0 0;
  text-align: left;
  border-left: none;
  }
  
.global-container3 td.global-last {
  width: 10%;
  padding: 0 10px 0 10px;
  text-align: center;
  }
    
.global-container3 td.global-date {
  width: 10%;
  padding: 0 10px 0 10px;
  text-align: center;
  }
  
.global-container3 td.global-course {
  width: 30%;
  padding: 0 10px 0 10px;
  text-align: left;
  }
  
/**** DISTANCE LEARNING - ASSIGN STUDENTS TO COURSES ****/

.assign-container {
  width: 618px;
  margin: 0 auto;
  }
  
.assign-left {
  width: 200px;
  float: left;
  }
  
.assign-right {
  width: 418px;
  float: left;
  }
  
.assign-left-2 {
  width: 225px;
  float: left;
  }
  
.assign-right-2 {
  width: 393px;
  float: left;
  }
  
.assign-list-box {
  width: 25px; 
  float: left;
  clear: both;
  position: relative;
  top: -2px;
  }
  
.assign-list {
  width: 100%;
  margin: 0 0 5px 0;
  }
  
.assign-course-left {
  width: 340px;
  float: left;
  }

.assign-course-left select {
  max-width: 320px;
  }
  
.assign-course-right {
  width: 278px;
  float: left;
  }
  
#assign-student-container {
 height: 250px;
 /*overflow: auto;*/
 margin: 0 0 15px 0;
 }

/**** DISTANCE LEARNING - STUDENT PROFILE DETAIL ****/

.profile-container {
  width: 620px;
  margin: 0 auto;
  }

.profile-wrapper {
  width: 620px;
  margin: 0 auto;
  padding: 0;
  float: left;
  }
  
#profile-left-container {
  width: 360px;
  float: left;
  }
  
#profile-left-container2 {
  width: 620px;
  float: left;
  }
  
#profile-right-container {
  width: 220px;
  float: left;
  margin: 30px 0 0 40px;
  }
  
#profile-left-container h5{
  margin: 0;
  }
  
#profile-left-container2 h5{
  margin: 0;
  }
  
.profile-left {
  width: 100px;
  float: left;
  margin: 0 0 5px 0;
  }

.profile-right {
  width: 260px;
  float: left;
  margin: 0 0 5px 0;
  }
  
.profile-right2 {
  width: 520px;
  float: left;
  margin: 0 0 5px 0;
  }

.notes {
  margin: 5px 0 15px 0;
  padding: 0;
  }
  
/**** TOOLKIT ICONS ****/

.icon-guide {
  height: 47px;
  background: url(/images/elements/toolkit/icon-guide.png) no-repeat left top;
  }
  
.icon-listing {
  height: 47px;
  background: url(/images/elements/toolkit/icon-listing.png) no-repeat left top;
  }
  
.icon-add {
  height: 47px;
  background: url(/images/elements/toolkit/icon-add.png) no-repeat left top;
  }
  
.icon-profile {
  height: 47px;
  background: url(/images/elements/toolkit/icon-profile.png) no-repeat left top;
  }
  
.icon-assign {
  height: 47px;
  background: url(/images/elements/toolkit/icon-assign.png) no-repeat left top;
  }
  
.icon-reports {
  height: 47px;
  background: url(/images/elements/toolkit/icon-reports.png) no-repeat left top;
  }
  
/**** CALLOUT BOXES SUBS ****/

#callout-box-subs-container {
  width: 620px;
  margin: 0 auto;
  }
  
#callout-box-subs {
  width: 620px;
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  }
  
#callout-box-subs li {
  width: 301px;
  float: left;
  display: inline;
  margin: 0 18px 0 0;
  }
  
#callout-box-subs li.last {
  margin: 0;
  }
  
.callout-box-top {
  width: 301px;
  height: 10px;
  float: left;
  background: url(/images/layout/bg-callout-box-top.png) no-repeat left top;
  }
  
.callout-box-subs-content {
  width: 281px;
  float: left;
  padding: 10px 0 10px 20px;
  background: url(/images/layout/bg-callout-box-repeat.png) repeat-y left top;
  }
  
.callout-box-content h2 {
  font-size: 18px;
  line-height: 20px;
  padding-top: 35px;
  color: #666;
  }
  
.callout-box-content h2.smaller {
  font-size: 17px;
  line-height: 20px;
  padding-top: 35px;
  color: #666;
  }
  
.callout-box-content p {
  padding-right: 20px;
  }
  
.callout-box-bottom {
  width: 301px;
  height: 60px;
  float: left;
  background: url(/images/layout/bg-callout-box-bottom.png) no-repeat left top;
  }

/**** FORMS ****/

#form-container {
  width: 50%;
  margin: 0 auto;
  float: left;
  }
 
#form-wrapper {
  width: 50%;
  margin: 0 auto;
  float: left;
  }
  
#form-container-2 {
  width: 100%;
  margin: 0 auto;
  float: left;
  }
 
#form-wrapper-2 {
  width: 100%;
  margin: 0 auto;
  float: left;
  }
   
.form-left {
  width: 25%;
  float: left;
  margin: 5px 0 5px 0;
  clear: both;
  }
  
.form-right {
  width: 75%;
  float: left;
  margin: 5px 0 5px 0;
  }
  
.form-left-space {
  width: 35%;
  float: left;
  margin: 5px 0 5px 0;
  clear: both;
  }
  
.form-right-space {
  width: 65%;
  float: left;
  margin: 5px 0 5px 0;
  }
  
#lang {
  font: 10px arial, verdana, sans-serif;
  text-transform: uppercase;
  }
  
/**** TWO COLUMN LIST ****/

.two-col-list {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  }
  
.two-col-list li {
  width: 50%;
  float: left;
  margin: 0 auto;
  }
  
ul.two-col-list li h5 a {
  margin-bottom: 50px;
  padding-bottom: 20px;
  }

/**** PROFESSIONAL LINKS ****/

.pro-links-left {
  width: 160px;
  float: left;  
  margin: 0;
  padding: 0 0 5px 0;
  list-style: none;
  clear: both;
  }

.pro-links-right {
  width: 311px;
  float: left;
  margin: 0;
  padding: 6px 0 5px 0;
  list-style: none;
  }
  
.pro-links-right2 {
  width: 311px;
  float: left;
  margin: 0;
  padding: 0 0 5px 0;
  list-style: none;
  }