body {
  background-color: #FFFFFF !important;
}

div.semitransparent {
	background-color: #FFFFFF;
    border-style:solid;
	border-color: #4F812C;
    border-width:5px;
	opacity: 0.950;
    filter: alpha(opacity=95);
}

div.hide {
  display: none;
}

div.sitemap {
	float:left;
	width:250px;
}

div.popup {
  position: absolute;
  left:200px;
  top: 20px;
  width:600px;
  height:500px;
  z-index: 900;
  color:#01387B;
  font-size: 15px !important;
  padding-left:50px;
  padding-right:50px;
  padding-top:10px;  
  overflow:scroll;
}

div#popupalert {
	position: absolute !important;
}

div.popupsmall {
  position: absolute;
  display:none;  
  left: 0;
  top: 0;
  width:200px;
  z-index: 900;
  color:#FFFFFF;
  font-size: 15px !important;
  text-align:left;
}

div.popupsmall a {
	color:#FFFFFF
}

div#popupalert p {	
	padding-left:10px;
    padding-right:5px;    
   color:#FFFFFF;
   background-color:#254069;
}

div.popupsmallok {
   background-color:#254069;
   text-align:center;
   padding-top:10px;
   padding-bottom:10px;  
}
div.popupokbar {
	z-index: 900;
	float:left;
	padding-top:10px;
	width:200px;
	text-align:center;	
}

div.popupbar {
  float :right;
  z-index: 900;
}




/* General */

div.outerBar {
  width: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
}

div.innerBar {
  width: 986px;
  margin: 0px auto; 
  text-align: left;
  position: relative;
  x-overflow: auto;
  /* overflow: visible; */
}

/* Header */

div#header_bar {
  background-image: url('/images/refresh/header/headerbg.png');
  background-repeat: repeat-x;
  background-position: top center;
  height: 108px;
  background-color: #FFFFFF;
}

a#logo {
  display: block;
  //margin-left: 1px;
  outline: 0px;
}

div#cta {
  top:35px;
  left:229px;
  width: 727px;
  //width: 726px;
  height: 33px;
  background-image: url('/images/refresh/header/ctabg.png');
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  //bottom: 0px;
  //right: 0px;
  font-size: 13px;
  padding-top: 20px;
  padding-left: 65px;
}

div#ticker {
  top:35px;
  left:229px;
  color: #FFFFFF !important;
  width: 767px;
  //width: 766px;
  height: 33px;
  background-image: url('/images/refresh/header/tickerbg.png');
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 13px;
  padding-top: 20px;
  padding-left: 25px;
}

div#ticker a, div#ticker strong a {
  color: #FFFFFF !important;
  text-decoration: none;
}

div#ticker a:hover {
  text-decoration: underline;
}

div.tickerControls {
  position: absolute;
  right: 20px;
  top: 17px;
}

div.tickerControls a {
  outline: 0px;
}


div#utilities {
  height: 20px;
  position: absolute;
  top: 0px;
  right: 50px;
}

div#utilities a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  float: left;
  clear: none;
  line-height: 20px;
  padding: 5px 20px;
  font-size: 12px;
  outline: 0px;
}

div#utilities a.score {
  padding: 0px;
  font-size: 11px;
}

div#utilities img {
  float: left;
  clear: none;
  margin-top: 5px;
}

div#utilities span#score_text {
  display: block !important;
  float: left !important;
  clear: none !important;
  line-height: 20px !important;
  color: #AFB7D7 !important;
  padding-left: 20px !important;
  margin-right: 10px !important;
  margin-top: 5px !important;
}

div#utilities span#score {
  float: left !important;
  clear: none !important;
  display: block !important;
  color: #FFFFFF !important;
  font-size: 21px !important;
  margin-top: 3px !important;
}

/* Left Panel */


div#left_panel {
  width: 180px;
  float: left;
  clear: none;
  font-size: 12px;
}

div#left_panel a {
  color: #75BC00;
}

div#left_panel div {
  float: left; 
  clear: none;
}

div#left_panel div.leftBox {
  margin-bottom: 10px;
}

div#left_panel div.title {
  width: 170px;
  height: 28px;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  padding-left: 10px;
  background-image: url('/images/refresh/left/boxtitle.png');
  background-repeat: no-repeat;
  background-position: top left;
}

div#left_panel div.body {
  width: 160px;
  background-image: url('/images/refresh/left/boxbody.png');
  background-repeat: repeat-y;
  background-position: top left;
  padding-left: 10px;
  padding-right: 10px;
}

div#left_panel div.footer {
  height: 7px;
  width: 180px;
  background-image: url('/images/refresh/left/boxfooter.png');
  background-repeat: no-repeat;
  background-position: top left;
}

div#progress_slide {
  height: 21px;
  width: 155px;
  float: left;
  margin-left: 5px;
}

div.progress_episode {
	height: 20px;
	float:left;
	width:1px;
	margin-right:1px;
		
}

div#progress_bar {
  background-image: url('/images/refresh/left/progress_bg.png');
  background-repeat: repeat-x;
  background-position: top left;
  height: 20px;
  width: 155px;
  float: left;
  clear: both;
  margin-bottom: 10px;
  margin-left: 5px;
}

span#progress_bar_progress {
  background-image: url('/images/refresh/left/progress_new_blue.png');
  background-repeat: repeat-x;
  background-position: top right;
  height: 14px;
  width: 10px;
  display: block;
  position: relative;
  top: 2px;
  left: 2px;
}

div#left_panel span.heading {
  display: block;
  float: left;
  clear: both;
  margin-bottom: 8px;
  margin-top: 10px;
  font-size: 13px;
  font-weight: bold;
  margin-left: 5px;
  width: 160px;
}

div#left_panel span.heading a {
  text-decoration: none !important;
}

div#left_panel span.heading a:hover {
  text-decoration: underline !important;
}

a#lastEpisodeLink {
  float: left;
  clear: none;
  margin-left: 5px;
}

div#left_panel span#to_complete {
  display: block;
  float: left;
  clear: both;
  margin-left: 5px;
  width: 155px;
}

div#left_panel span#to_complete a {
	color: #75BC00 !important;
}

div#left_panel span.emailLine {
  float: left;
  clear: both;
  display: block;
  height: 23px;
  padding-top: 5px;
  width: 160px;
}

div#left_panel span.emailLineLeft {
  float: left;
  clear: none;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 20px;
  text-align: center;
}

div#left_panel span.emailLineLeft a {
  text-decoration: none !important;
}

div#left_panel span.emailLineRight {
  display: block;
  float: left;
  clear: none;
  height: 24px;
  line-height: 20px;
  margin-left: 10px;
}

div#left_panel span.emailLineRight a {
  text-decoration: none !important;
  color: #00387B !important;
}

div#left_panel span.emailLineRight a:hover {
  text-decoration: underline !important;
}

div#left_panel span#email_count {
  border-bottom: 1px solid #A7E0FF;
  padding-bottom: 7px;
}

div#profile_body_top {
  margin: 10px 0px 5px 5px;
}

div.left_inner_box {
  margin: 10px 0px 5px 5px;
}

div#profile_body_top img {
  background-image: url('/images/refresh/left/profile_image_bg.png');
  background-repeat: no-repeat;
  background-position: top left;
  width: 60px;
  height: 60px;
  padding: 3px;
  float: left;
  clear: none;
}

div#profile_body_top span#profile_name {
  float: left;
  clear: none;
  width: 80px;
  margin-left: 9px;
  color: #00ACFF;
  font-weight: bold;
  font-size: 13px;
}

div#profile_body_details a:hover {
  text-decoration: none !important;
}

div#profile_body_details span {
  float: left;
  clear: both;
  width: 150px;
  margin-top: 5px;
  margin-left: 5px;
}

div.leftLosenge {
  float: left;
  clear: none;
  background-image: url('/images/refresh/left/losenge_bg.png');
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
  top: -5px;
}

span.losengeContentType {
  display: block;
  margin-left: 10px;
  margin-top: 10px;
}

div#left_losenge_tabs {
  display: block;
  height: 27px;
  width: 155px;
  margin-top: 10px;
}

a.losengeHelp {
  display: block;
  position: absolute;
  top: 5px;
  right: 10px;
  background-image: url('/images/refresh/left/losenge_help.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 19px;
  width: 19px;
  text-decoration: none !important;
  display: none;
}

a.leftLosengeTab {
  float: left;
  clear: none;
  margin-right: 2px;
  height: 27px;
  color: #043B7D !important;
  text-decoration: none !important;
  padding-right: 5px;
  line-height: 22px;
  background-image: url('/images/refresh/left/losenge_tab_bg.png');
  background-repeat: no-repeat;
  background-position: top right;
}

span.leftLosengeTabLeft {
  height: 27px;
  display: block;
  float: left;
  clear: none;
  width: 5px;
  background-image: url('/images/refresh/left/losenge_tab_left.png');
  background-repeat: no-repeat;
  background-position: top right;
}

a.leftLosengeTabSelected {
  color: #FFFFFF !important;
  background-image: url('/images/refresh/left/losenge_tab_selected_bg.png');
  background-repeat: no-repeat;
  background-position: top right;
}

a.leftLosengeTabSelected span.leftLosengeTabLeft {
  background-image: url('/images/refresh/left/losenge_tab_selected_left.png');
}

div.leftLosengeContent {
  margin: 8px;
  margin-top: 13px;
  width: 143px;
}

div.leftLosengeFooter {
  width: 159px;
  height: 5px;
  float: left;
  clear: both;
  background-image: url('/images/refresh/left/losenge_footer.png');
  background-repeat: no-repeat;
  background-position: top left;
}

a#current_episode_image, a.leftLosengeImage  {
  display: block;
  float: left;
  clear: none;
  width: 60px;
  height: 60px;
  background-position: top center;
  background-repeat: no-repeat;
}

a#current_episode_image span, a.leftLosengeImage span {
  display: none;
} 

a#current_episode_link, a.leftLosengeLink {
  float: right;
  clear: none;
  width: 78px;
  color: #00387B !important;
  margin-bottom: 10px;
}

a#current_episode_button, a.leftLosengeButton {
  float: right;
  clear: none;
}

a#next_episode_image  {
  display: block;
  float: left;
  clear: none;
  width: 60px;
  height: 60px;
  background-position: top center;
  background-repeat: no-repeat;
}

a#next_episode_image span {
  display: none;
}

a#next_episode_link {
  float: right;
  clear: none;
  width: 78px;
  color: #00387B !important;
  margin-bottom: 10px;
}

a#next_episode_button {
  float: right;
  clear: none;
}


/* Feed */

div.feedEntry {
  margin-top: 10px;
  width: 160px;
  float: left;
  clear: both;
}

div.feedEntryBody {
  width: 140px;
  float: left;
  clear: both;
  background-image: url('/images/refresh/left/feed/feed_body.png');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 10px;
  color: #00387B;
  font-weight: bold;
  font-size: 12px;
}

div.feedEntryBody div.feedTitle {
  color: #00ACFF;
  font-size: 14px;
  font-weight: normal;
  float: left;
  clear: none;
  width: 80px;
}

div.feedEntryBody div.feedTime {
  margin-top: 4px;
  width: 60px;
  float: right;
  clear: none;
  font-size: 11px;
  color: #999999;
  font-weight: normal;
}

div.feedEntryBody div.feedMessage {
  width: 140px;
  float: left;
  clear: both;
}

div.feedEntryFooter {
  width: 160px;
  height: 14px;
  float: left;
  clear: both;
  background-repeat: no-repeat;
  background-position: top left;
}

div.feedEntryLeft {
  background-image: url('/images/refresh/left/feed/feed_footer_left.png');
}

div.feedEntryRight {
  background-image: url('/images/refresh/left/feed/feed_footer_right.png');
}

/* Content */

div#content {
  padding: 0px !important;
}

div#content_bar {
}

div#full_col {
  width: 960px;
  float: left;
  clear: none;
}

div#right_col {
  width: 790px;
  float: right;
  clear: none;
}

div#pagetitle {
  float: left;
  clear: none;
  width: 785px;
  background-image: url('/images/title_bg.png');
  background-position: top right;
  background-repeat: no-repeat;
  height: 79px;
  position: relative;
}

div.boxnt {
  background-color: #FFFFFF;
  background-image: url('http://www.yoodidit.co.uk/images/boxnt/bg.png');
  background-repeat: repeat-y;
  background-position: top right;
  float: left;
  margin-top: 10px;
}

div.boxnt_content {
  margin: 0px !important;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  clear: both;
  background-image: url('http://www.yoodidit.co.uk/images/boxnt/bg.png');
  background-repeat: repeat-y;
  background-position: top left;
}

div.boxnt_content p {  
  clear: both;
  width: 95%;
}

div.boxnt_content ol {  
  padding-left:25px !important;	
}

div.boxnt_content ul {  
  padding-left:25px !important;	
}


div.boxnt_top {
  background-image: url('http://www.yoodidit.co.uk/images/boxnt/top_right.png');
  background-repeat: no-repeat;
  background-position: top right;
  height: 6px;
}

div.boxnt_top_left {
  background-image: url('/images/boxnt/top_left.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 6px;
  width: 10px;
}


div.boxnt_title {
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 10px;
  color: #00387B; /* #00ACFF; */
  float: left;
  clear: both;
  margin-left: 5px;
  font-size: 22px;
  padding-bottom: 10px;
}

span.boxnt_footer_left {
  background-image: url('/images/boxnt/bottom_left.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 6px;
  width: 10px;
}

span.boxnt_left_title {
  float: left;
  clear: none;
  display: block;
  width: 350px;
}

span.boxnt_right_subtitle {
  color: #000000;
  font-size: 12px;
  float: right;
  clear: none;
  text-align: center;
}

div#full_col div.boxnt { width: 960px; }
div#full_col div.boxnt_footer { width: 960px !important; }
div#full_col div.boxnt_title { width: 925px; }
div#full_col div.boxnt_top { width: 960px; }
div#full_col div.boxnt_content { width: 950px !important; }

div#right_col div.boxnt { width: 790px; }
div#right_col div.boxnt_footer { width: 790px !important; }
div#right_col div.boxnt_title { width: 755px; }
div#right_col div.boxnt_top { width: 790px; }
div#right_col div.boxnt_content { width: 780px !important; }

div#profile_attributes div.boxnt { width: 505px !important; }
div#profile_attributes div.boxnt_footer { width: 505px !important; }
div#profile_attributes div.boxnt_title {
  width: 440px !important;
  border: 0px !important;
  color: #01387B !important;
  font-size: 18px !important;
  margin: 0px !important;
  padding: 0px !important;
}
div#profile_attributes div.boxnt_top { width: 505px !important; }
div#profile_attributes div.boxnt_content { width: 500px !important; }

div#furtherInfoContent div.boxnt {
  width: 255px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
div#furtherInfoContent div.boxnt_top { width: 255px !important; }
div#furtherInfoContent div.boxnt_title {
  width: 240px !important;
  border: 0px !important;
  color: #01387B !important;
  font-size: 16px !important;
  margin: 0px !important;
  padding: 0px !important;
  font-weight: bold;
  height: auto;
}

div#furtherInfoContent span.boxnt_left_title {
	width: 220px;
}

div#furtherInfoContent div.boxnt_content { padding-left: 15px; width: 245px !important; }
div#furtherInfoContent div.boxnt_footer { width: 255px !important; }

div.fullwidth div.boxnt {
  width: 980px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

div.fullwidth div.boxnt_top { width: 980px !important; }
div.fullwidth div.boxnt_title {
  width: 945px !important;
  float: left;
  clear: both;
}
div.fullwidth div.boxnt_content { padding-left: 15px; width: 970px !important; }
div.fullwidth div.boxnt_footer { width: 980px !important; }


div#learnFI {
  margin-right: 12px;
}
div#buildFI {
  margin-right: 13px;
}

div#profile_attributes table {
  width: 450px;
  margin-top: 10px;
  float: left;
  clear: both;
}

div#profile_attributes table td {
  width: 220px !important;
}

table.editProfile {
  width: 540px;
}

table.editProfile th {
  width: 150px;
}

/* Controls */

input.text {
  width: 288px;
  height: 18px;
  padding: 7px;
  background-image: url('/images/refresh/controls/text.png');
  background-repeat: no-repeat;
  background-position: -1px -52px;
  border: 0px;
}

input.textShort {
  width: 133px;
  height: 18px;
  padding: 7px;
  background-image: url('/images/refresh/controls/text.png');
  background-repeat: no-repeat;
  background-position: -1px -9px;
  margin-right: 5px;
  border: 0px;
}

textarea.text {
  width: 288px;
  height: 105px;
  padding: 7px;  
  background-repeat: no-repeat;
  background-position: -2px -93px;
  border: 1px solid #000000;
}

textarea.emailtext {
  width: 400px;
  height: 185px;
  padding: 7px;
  background-repeat: no-repeat;
  background-color: #F2FAFC;
  border: 1px solid #000000;
  
}


div.ddContainer {
  background-image: url('/images/refresh/controls/text.png');
  background-repeat: no-repeat;
  background-position: -2px -223px;
  width: 303px;
  height: 33px;
  position: relative;
}

div.ddContainerShort {
  background-image: url('/images/refresh/controls/text.png');
  background-repeat: no-repeat;
  background-position: -2px -263px;
  width: 184px;
  height: 33px;  
  position: relative;
}

div.ddContainerSmall {
  background-image: url('/images/refresh/controls/text.png');
  background-repeat: no-repeat;
  background-position: -190px -263px;
  width: 119px;
  height: 25px;
  position: relative;
}

div.ddCurrent {
  position: absolute;
  margin-left: 8px;
  line-height: 30px;
  height: 30px;
  z-index: 1;
  font-size: 14px;
  color: #000000;
  overflow: hidden;
  padding-right: 30px;
}

div.ddContainer select {
  background-color:#FFFFFF;
  cursor:pointer;
  height:30px;
  margin-top:2px;
  opacity: 0;
  filter: alpha(opacity=0);
  padding-top:8px;
  position:absolute;
  left: -1px;
  width:303px;
  z-index:2;
  outline-style:none;
  outline-width:0pt;
}

div.ddContainerShort select {
  background-color:#FFFFFF;
  cursor:pointer;
  height:30px;
  margin-top:2px;
  opacity: 0;
  filter: alpha(opacity=0);
  padding-top:8px;
  position:absolute;
  left: -1px;
  width: 184px;
  z-index:2;
  outline-style:none;
  outline-width:0pt;
}

div.ddContainerSmall select {
  background-color:#FFFFFF;
  cursor:pointer;
  height: 25px;
  margin-top:2px;
  opacity: 0;
  filter: alpha(opacity=0);
  padding-top:8px;
  position:absolute;
  left: -1px;
  width: 119px;
  z-index:2;
  outline-style:none;
  outline-width:0pt;
}

div.ddContainerSmall div.ddCurrent {
  font-size: 11px;
  line-height: 25px;
}

/* Tabs */

div#tabs {
  position: relative;
  width: 790px;
  height: 50px;
  z-index: 2;
}

div#tabs a {
  text-decoration: none;
  outline: 0px;
}

div.tab {
  height: 50px;
  width: 257px;
  background-image: url('/images/refresh/tabs/tab.png');
  background-repeat: no-repeat;
  background-position: top left;
  float: left;
  clear: none;
  margin-left: 0px;
  margin-right: 0px;
  cursor: pointer;
}

div.tabactive {
  height: 75px;
  width: 258px;
  background-image: url('/images/refresh/tabs/tab_selected.png');
}

div#learnTab {
  position: absolute;
  top: 0px;
  left: 0px;
}

div#buildTab {
  position: absolute;
  top: 0px;
  left: 266px;
}

div#connectTab {
  position: absolute;
  top: 0px;
  right: 0px;
}

span.tabtext {
  position: absolute;
  top: 7px;
  left: 15px;
  font-size: 22px;
  font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
  color: #FFFFFF;
}

div.tab img {
  position: absolute;
  right: 16px;
  top: 7px;
}

div#connectTab {
  margin-right: 0px !important;
}

/* Sub Menu */

div#sub_menu {
  position: relative;
  z-index: 10;
  float: left;
  clear: both;
  background-image: url('/images/refresh/tabs/submenu.png');
  background-repeat: no-repeat;
  background-position: top left;
  width: 776px;
  height: 32px;
  margin-bottom: 10px;
  padding: 7px;
}

a.submenuTab {
  display: block;
  width: 155px;
  height: 40px;
  background-image: url('/images/refresh/tabs/submenu_button.png');
  background-repeat: no-repeat;
  background-position: top left;
  text-align: center;
  line-height: 30px;
  font-size: 17px;
  text-decoration: none;
  outline: 0px !important;
  color: #FFFFFF; 
  float: left;
  clear: none;
  margin-right: 5px;
}

a.submenuSelected {
  background-image: url('/images/refresh/tabs/submenu_tab.png') !important;
  color: #00387B; /* #00ACFF !important; */
}

/* Exercises */

div.planBox
{
  float: left;
  width: 735px;
  margin-left: 10px;
}

div.planBox div.exercise {
  margin-bottom: 20px !important;
  float: left;
}

div.planBox div.exerciseSummary {
  float: left;
  clear: none;
  width: 415px;
}

div.planBox div.exerciseSummary h3 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-left: 2px;
  float: left;
  clear: both;
}

div.planBox div.exerciseSummaryBox {
  width: 414px;
  background-image: url('/images/refresh/exercises/summary.png');
  background-repeat: no-repeat;
  background-position: top left;
}

div.planBox div.exerciseSummaryBox a {
  text-decoration: none !important;
  color: #75BC00;
  float: right;
  clear: none;
  position: relative;
  top: -10px;
  //top: 0px;
  right: 5px;
}

div.planBox div.exerciseSummaryBox a:hover {
  text-decoration: underline;
}

div.planBox div.exerciseSummaryBox img {
  float: right;
  clear: none;
  position: relative;
  top: -15px;
  //top: 0px;
}

div.planBox div.exerciseSummaryText {
  padding: 10px;
  padding-left: 2px !important;
  float: left;
  clear: left;
}

div.planBox div.exerciseSummaryText span.fullText {
  display: none;
}

div.planBox div.exerciseSummaryFooter {
  width: 414px;
  background-image: url('/images/refresh/exercises/summary_bottom.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 9px;
}

div.planBox div.exerciseControls {
  padding-top: 15px;
  float: right;
  width: 270px;
  margin-left: 10px;
  //margin-right: 20px;
}

div.episodeThumbOuter {
  float: left;
  clear: none;
  width: 60px;
  height: 60px;
  padding: 3px;
  background-image: url('/images/refresh/exercises/thumb_border.png');
  background-repeat: no-repeat;
  background-position: top left;
}

div.episodeThumbInner {
  width: 60px;
  height: 60px;
  background-position: top center;
  background-repeat: no-repeat;
}

div.planBox div.episodeDetails {
  float: left;
  clear: none;
  margin-left: 10px;
  overflow: hidden;
  width: 150px;
}

div.planBox div.episodeTitle {
  color: #00387B; /* #00ACFF; */
  font-size: 14px;
  font-weight: bold;
}

/* View Exercise */

div#view_exercise input.text {
  border: 2px solid #70BA00;
  width: 250px;
  font-size: 18px;
}

div#view_exercise div.textareaContainer, div#view_exercise div.selectContainer {
/*  background-image: url('/images/refresh/exercises/textarea.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 50px;
  width: 399px;
  padding: 7px;
  float: right;
  clear: none;
  resize: none;
  outline: none;
*/
}

div#view_exercise select {
  border: 2px solid #70BA00;
  font-size: 18px;
  width: 250px;
  height: 50px;
  background-color: transparent;
  resize: none;
  outline: none;
}

.textareaContainer textarea {
  font-size: 18px;
  width: 250px;
  height: 50px;
  background-color: transparent;
  resize: none;
  outline: none;
}

div#view_exercise div.exerciseHeader {
  width: 780px;
  float: left;
  clear: both;
  margin-bottom: 20px;
}

div#view_exercise h2 {
  color: #00387B; /* #00ACFF; */
  width: 735px;
  float: left;
  clear: none;
}

a#exercise_close {
  float: left;
  clear: none;
}

div#view_exercise div.exerciseDetails {
  margin-top: 30px;
}

div#view_exercise div.exerciseSummary {
  width: 500px;
  float: left;
  clear: none;
}

div#view_exercise div.episodeSummary {
  background-image: url('/images/refresh/exercises/episode_summary.png');
  background-repeat: no-repeat;
  background-position: top left;
  width: 246px;
  float: right;
  clear: none;
  margin-right: 15px;
}

div#view_exercise div.episodeSummaryFooter {
  background-image: url('/images/refresh/exercises/episode_summary_bottom.png');
  background-repeat: no-repeat;
  background-position: top left;
  width: 246px;
  height: 7px;
  float: left;
  clear: both;
}

div#view_exercise div.episodeSummary div.episodeThumbOuter {
  margin: 10px;
  margin-bottom: 3px;
}

div#view_exercise div.episodeSummaryText {
  width: 140px;
  float: right;
  clear: none;
  margin: 10px;
}

div#exercise_content {
  width: 775px;
  float: left;
  clear: both;
}

div#exercise_content table {
  width: 765px;
  x-border: 2px dashed #DDDDDD;
}

div#exercise_content table.checkboxes {
  width: 400px !important;
  float: right;
}

div#exercise_content table.checkboxes td {
  text-align: center;
}

div#exercise_content td {
  padding-top: 10px;
  padding-bottom: 10px;
}

div#view_exercise_controls {
  border-top: 1px solid #D5D5D5;
  width: 765px;
  float: left;
  clear: both;
  padding-top: 10px;
}

/* Left Inset */

div.leftInset {
  float: left;
  clear: both;
  background-image: url('/images/refresh/left_inset_top.png');
  background-repeat: no-repeat;
  background-position: top left;
  width: 193px;
  position: relative; 
  margin-bottom: 8px;
}

div.leftInsetFooter {
  background-image: url('/images/refresh/left_inset_bottom.png');
  background-repeat: no-repeat;
  background-position: top left;
  width: 193px;
  height: 8px;
  float: left;
  clear: both;
}

div.leftInsetImage {
  height: 180px;
  width: 193px;
  float: left;
  clear: both;
}

div.leftInsetImage img {
  position: absolute;
  top: 39px;
  left: 39px;
}

div#profile_left {
  width: 200px;
  float: left;
  clear: none;
}

ul.left_controls {
  list-style: none;
  float: left;
  clear: none;
  margin-left: 1px;
}

ul.left_controls img {
  vertical-align: middle;
  margin-right: 8px;
}

ul.left_controls li {
  margin-bottom: 5px;
}

/* Filters */

div.filter
{
  height:47px;
  width: 750px;
  float: left;
  clear: none; 
  padding-top: 10px;
}

div.filter div.float_right
{
  float: right;
  clear: none;
  width: 470px;
}

div.filter div.float_left
{
  float: left;
  clear: none;
}

div.filter div.ddContainerSmall {
  float: right;
  clear: none;
  margin-left: 10px;
}

/* Forums */

div#forum_posts div.pagination {
  border-top: 0px !important;
  margin-left: 5px !important;
}

div.forumPost {
  border-bottom: 1px solid #E5E5E5;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 755px;
  float: left;
  clear: both;
  margin-left: 5px;
}

div.forumTitle {
  float: left;
  clear: both;
}

div.forumTitle a {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

div.forumTitle a.read {
  font-weight: normal;
  font-size: 14px;
}

div.forumDate {
  color: #999999;
  font-style: italic;
  float: left;
  clear: both;
  margin-bottom: 10px;
}

div.forumMessage {
  width: 450px;
  float: left;
  clear: none;
  margin-left: 20px;
}

div.forumContent {
  width: 500px;
  float: left;
  clear: both;
}

div.forumAuthor {
  width: 108px;
  float: left;
  clear: none;
  text-align: center;
}

div.forumAuthor img {
  margin-left: 0px !important;
}

div.forumAuthor a {
  text-decoration: none;
  color: #00387B; /* #00ACFF; */
  font-size: 14px;
  font-weight: bold;
}

div.forumAuthor a:hover {
  text-decoration: underline;
}

div#view_forums div.addPost, div#add_reply div.addPost {
  margin-left: 5px;
  width: 740px;
  float: left;
  clear: both;
}

div#view_forums span.comment_container {
  float: left;
  clear: both;
}

div.messageContact {
  background-color: #F0FFF0;
  padding-left: 10px;
  margin-bottom: 5px;
}

div.messageAnnouncement {
  background-color: #FFF0F0;
  padding-left: 10px;
  margin-bottom: 5px;
}

div.messageMessage {
  background-color: #F0F9FF;
  padding-left: 10px;
  margin-bottom: 5px;
}

div.messageConversation {
  background-color: #FFF9F0;
  padding-left: 10px;
  margin-bottom: 5px;
}

div.messageHighlight {
  background-color: #FFFFF0 !important;
}

div.messageControls {
  width: 125px;
  float: right; clear: none;
  margin-right: 10px;
}

div#add_reply, div#add_yoodooer {
  display: none;
}

/* Yoodooers */

div.yoodooer {
  border-top: 1px solid #E5E5E5;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 755px;
  float: left;
  clear: both;
  margin-left: 5px;
}

div.yoodooerImage {
  background-image: url('/images/refresh/widescreen_frame.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 77px;
  width: 108px;
  float: left;
  clear: none;
}

div.yoodooerImage img {
  margin-top: 13px;
  margin-left: 30px;
}

div.yoodooerDetails {
  width: 400px;
  float: left;
  clear: none;
  height: 77px;
  margin-left: 20px;
}

div.yoodooerControls {
  width: 200px;
  float: left;
  clear: none;
  margin-left: 10px;
}

div.yoodooerControls ul, div.yoodooerControls a.connectButton {
  float: right !important;
  clear: both !important;
}

div.yoodooerControls ul {
  width: 190px;
}

div.yoodooerTitle {
  margin-bottom: 10px;
  width: 400px;
  float: left;
  clear: both;
}

div.yoodooerTitle a {
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}

div.yoodooerTitle a:hover {
  text-decoration: underline;
}

div.yoodooerDetails ul {
  list-style: none;
  color: #666666;
  margin-top: 10px;
}

div.yoodooerDetails span {
  color: #999999;
}

/* Pagination */

div.pagination
{
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  width: 97%;
  margin-bottom: 10px;
  float: left;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
}

div.pagination div.float_right
{
  float: right;
  clear: none;
}

div.pagination div.float_left
{
  position: absolute;
  top: 1px;
  left: 14px;
  width: 400px;
  text-align: left;
  line-height: 47px;
}

div.pagination a
{
  margin-left: 5px;
  margin-right: 5px;
}

div.pagination span.pagination_inactive
{
  margin-left: 5px;
  margin-right: 5px;
  color:#00acff;
}

/* Community */

div#furtherInfoContent {
  margin-top: 10px;
  margin-bottom: 10px;
}

div#furtherInfoContent div.contentEntry {
  width: 240px;
  float: left;
  clear: both;
  margin-top: 5px;
}

div#furtherInfoContent div.contentEntry img {
  float: left;
  clear: none;
  vertical-align: top;
}

div#furtherInfoContent div.contentText {
  float: left;
  clear: none;
  width: 190px;  
  color: #666666;
}

div#furtherInfoContent div.contentTitle a {
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
}

div#furtherInfoContent div.contentTitle a:hover {
  text-decoration: underline;
}

div#furtherInfoContent div.chatterEntry {
  width: 225px;
  float: left;
  clear: both;
  margin-top: 5px;
}

div#furtherInfoContent div.chatterTitle a {
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
}

div#furtherInfoContent div.chatterTitle a:hover {
  text-decoration: underline;
}

div#furtherInfoContent div.chatterDate {
  color: #999999;
  font-style: italic;
  float: left;
  clear: both;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 225px;
}

div#furtherInfoContent div.chatterText {
  color: #666666;
  float: left;
  clear: both;
  width: 225px;
}

div#furtherInfoContent div.yoodooerEntry {
  width: 225px;
  float: left;
  clear: both;
  margin-top: 10px;
}

div#furtherInfoContent div.yoodooerTitle a {
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
}

div#furtherInfoContent div.yoodooerTitle a:hover {
  text-decoration: underline;
}

div#furtherInfoContent div.yoodooerText {
  color: #666666;
  float: left;
  clear: none;
  width: 160px;
  margin-left: 10px;
}

div#furtherInfoContent div.yoodooerImage {
  background-image: url('/images/refresh/small_widescreen_frame.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 39px;
  width: 54px;
  float: left;
  clear: none;
}

div#furtherInfoContent div.yoodooerImage a {
  margin-left: 9px;
  margin-top: 2px;
  display: block;
}

div#furtherInfoContent div.yoodooerImage img {
  margin: 0px !important;
}

div#furtherInfoContent div.exerciseEntry {
  width: 225px;
  float: left;
  clear: both;
  margin-top: 10px;
}

div#furtherInfoContent div.exerciseTitle a {
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
}

div#furtherInfoContent div.exerciseTitle a:hover {
  text-decoration: underline;
}

div#furtherInfoContent div.exerciseText {
  color: #666666;
  float: left;
  clear: none;
  width: 160px;
  margin-left: 10px;
}

/* Library */

div.libraryItem {
  border-top: 1px solid #E5E5E5;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 755px;
  float: left;
  clear: both;
  margin-left: 5px;
}

div.libraryFilterLeft {
  width: 100px;
  float: left;
  clear: none;
}

div.libraryFilterRight {
  float: right;
  clear: none;
}

div.libraryFilterRight div.ddContainerSmall {
  float: right; clear: none;
  margin-right: 5px;
}

div.subjectBar {
  float: left;
  clear: none;
  height: 50px;
  width: 5px;
}

div.libraryThumb {
  margin-left: 10px;
  width: 45px;
  float: left;
  clear: none;
}

div.libraryDescription {
  width: 685px;
  margin-left: 10px;
  float: left;
  clear: none;
}

div.libraryTitle {
  float: left;
  clear: both;
}

div.libraryTitle a {
  font-size: 15px;
  text-decoration: none;
  font-weight: bold;
}

div.libraryTitle a:hover {
  text-decoration: underline;
}

div.librarySubject {
  float: left;
  clear: both;
  color: #000000;
  font-size: 12px;
}

div.librarySummary {
  float: left;
  clear: both;
  color: #999999;
  font-size: 13px;
}

div.relations {
  width: 22px;
  height: 22px;
  background-image: url('/images/icons/relations.png');
  background-repeat: no-repeat;
  background-position: top left;
  float: left;  
  clear: none;
  margin-left: 10px;
}

div.relations a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

div.relations a:hover {
  text-decoration: none; 
}

div.relFollowOff { background-position: 2px -2px; }
div.relFollowOn { background-position: 2px -30px; }

div.relFriendOff { background-position: -24px -2px; }
div.relFriendOn { background-position: -24px -30px; }

div.relCornerstoneOff { background-position: -81px -2px !important; }
div.relCornerstoneOn { background-position: -81px -30px !important; }

div.relMentorOff { background-position: -53px -2px !important; }
div.relMentorOn { background-position: -53px -30px !important; }

/* Scrapbook */


div.scrapbookDetails h2 {
  color: #00387B !important;
}

div.scrapbookImage {
  background-image: url('/images/scrapbook/scrapbook_image_holder.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  text-align: center;
  width: 145px;
  padding-top: 5px;
  height: 107px;
  float: left;
  clear: none;
  overflow: hidden;
}

div.scrapbookImage img {
  height: 102px;
}

div.showing strong {
  color: #00387B !important;
}

div.scrapbookDescription {	
   float:left;
}

div.scrapbookDescription p {
  width: 100%;
}

div.scrapbookDescription ul {
  list-style-position: inside;
  margin: 5px 0px;
}

div.scrapbookDescription ul li {
  margin: 5px 0px;
}

/* Footer */

div#footersearchbox {
  margin-left: 0px !important;
  padding-left: 0px !important;
}

div#footersearchbox img {
  height: 32px;
}

div#footerBox {
  width: 500px;
}

div#footerBox a {
  display: inline !important;
}

div#footerfooter {
  margin-top: 10px !important;
}

div#footerbar {
  x-height: 100px;
}

/* Messaging */

div.thread div.message_area {
  width: 500px;
}

div.thread h3 {
  font-size: 14px;
}

/* SEARCH */

span#search_text_container {
  background-image: url('/images/refresh/controls/search.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 20px;
  width: 149px;
  padding: 9px 8px 8px 8px;
  margin: 0px; 
  float: left;
  clear: none;
  position: relative;
  top: -3px;
}

input#search_text {
  border: 0px;
  background-color: transparent;
  height: 20px;
  width: 149px;
}

input#search_submit {
  background-image: url('/images/refresh/controls/search.png');
  background-repeat: no-repeat;
  background-position: top right;
  height: 37px;
  width: 83px;
  border: 0px;
  letter-spacing: -0.5px;
  color: #FFFFFF;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  float: left;
  clear: none;
  position: relative;
  top: -3px;
  outline: 0px;
}

span.blue_title_text a {
  width: 690px;
  display: block;
}

div.clearall {
	clear:both;
}

a.yoodoobutton {	
	background: url('/images/refresh/buttons/buttonbg.gif') repeat-x top left;
	color:#FFFFFF;
	border:0;
	font-size: 12px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:4px;
	text-decoration:none;
}

div.progress_largeslide {
	float:left;
	width:750px;
	height:40px;
}

div.progress_large_episode {
	float:left;
	width:5px;
	height:20px;
	margin-right:3px;
}

div.apply_capture {
	float:left;
	padding-left:50px;
}

div.apply_capture th {
	width:240px;
	padding-right:15px;
}