/* --------------------------------------------------------------

  Site: www.efaqt.com
  Author: www.buyways.nl

  screen.css
  * main stylesheet.

-------------------------------------------------------------- */

html {
  overflow: -moz-scrollbars-vertical;
  overflow-x: auto;
  height: 100%;
  background: #fff url(../images/bg_html.png) repeat-x top center;
  }
html.homepage { background: #fff url(../images/bg_html_homepage.png) repeat-x top center; }
html.profile { background: #fff url(../images/bg_html_homepage.png) repeat-x center -110px; }

body {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: transparent;
  }
body.homepage { background: transparent; }
body.profile {   background: transparent; }
body.lb { background: #fff; }

.noselect {
 	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	}


/* =Header
-------------------------------------------------------------- */

#header div.logo {
	float: left;
	}
#header.homepage .logo {
	float: left;
	height: 100%;
	}

#header .login {
	float: right;
	position: relative;
	top: 30px;
	font-size: 11px;
	}
#header .login .forget-password {
	padding: 5px 5px 3px;
	position: relative;
	left: 163px;
	}
#header .login .forget-password a {
	color: #246697;
	margin: 0;
	}

#header .loggedin {
	float: right;
	color: #fff;
	padding: 10px 10px;
	font-size: 12px;
	text-shadow: 0 -1px 0 #39d;
	}
#header .loggedin div { float: left; margin-left: 15px; line-height: 30px; height: 30px;}
#header .loggedin a {
	color: #fff;
	text-decoration: underline;
	}
#header .loggedin .loggedin_credits a {
	color: #fff;
	text-decoration: underline;
	}


/* =Navigation
-------------------------------------------------------------- */

ul.navigation-homepage, ul.navigation-homepage, ul.navigation-homepage-flavours, ul.navigation-homepage-flavours * {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  }
ul.navigation-homepage li, ul.navigation-homepage-flavours li { float: left; }
ul.navigation-homepage li a, ul.navigation-homepage-flavours li a {
  float: left;
  padding: 0 8px;
  text-decoration: none;
  color: #fff;
	height: 36px;
	line-height: 36px;
	text-shadow: 0 1px 0 #000;
  }
ul.navigation-homepage li a:hover, ul.navigation-homepage-flavours li a:hover { text-shadow: 0 1px 0 #000; color: #e6f1f8; }
ul.navigation-homepage li.active a, ul.navigation-homepage-flavours li.active a,ul.navigation-homepage li a:hover, ul.navigation-homepage-flavours li a:hover { background: transparent url(../images/navigation_arrow.png) no-repeat bottom center; }

/* misc */
ul.navigation-homepage li { margin-right: 3px; }
ul.navigation-homepage-flavours li { margin-left: 3px; }
div#navigation-homepage-flavours { float: right; }


/* =Content
-------------------------------------------------------------- */

#content.homepage { font-size: 14px; min-height: 200px; }
#content.profile { font-size: 12px; }

/* frontpage */
#content.frontpage {
	background: transparent url(../images/frontpage_efaqt.png) no-repeat right center;
	padding-top: 15px;
	}
	.content-frontpage { background: transparent url(../images/frontpage_efaqt.png) no-repeat right center; }
	
#content.frontpage h1	{ font-size: 2em; margin: .5em 0 .5em 0; }

#content-frontpage {
	width: 395px;
	padding-bottom: 20px;
	}

/* signup */
p.signup { margin: 0; text-align: center; font-weight: bold; font-size: 18px; color: #246697; padding-right: 20px; }
p.signup-button { text-align: center; padding-right: 20px; }
a.signup-button {
	margin: 1px;
	padding: 7px 15px;
	border: 1px solid #ffac00;
	background: #ffac01 url(../images/bg_button_signup.png) repeat-x 0 0;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 1px 0 #df6;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	}
a.signup-button::-moz-focus-inner { padding: 0; border: 0; }
a.signup-button:hover { background-position: 0 -5px; cursor: pointer; }

/* table */
.content-table { font-size: 100%; }
.content-table td, .content-table tr { padding: 0 !important; margin: 0 !important; border: 0 !important;}
.content-table td { padding: 0 0 10px 0 !important;	}

/* table > study methods */
.content-table-studymethods { font-size: 90%; }
table.content-table-studymethods { margin: 0; }
.content-table-studymethods td, .content-table-studymethods tr {	padding: 0 !important; margin: 0 !important; border: 0 !important; }
.content-table-studymethods td { padding: 5px 5px 10px 5px !important;	}
.content-table-studymethods p { margin: 0 0 5px 0 !important; }
.content-table-studymethods h2 { margin-bottom: 3px; }



/* =Features
-------------------------------------------------------------- */

#features {
	background-color: #e6e4e4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	padding: 1px;
	}
.features-contents { padding: 5px 10px; }

ul.features, ul.features * {
  margin: 0;
  padding: 0;
  list-style: none;
  }

ul.features li, ul.features li a { font-size: 14px; }
ul.features li { float: left; margin-right: 10px; }
ul.features li:last-child { margin: 0; }
ul.features li a {
  float: left;
  text-decoration: none;
	color: #2c2c2c;
	padding: 5px 5px 5px 31px;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	}
ul.features li.feature01 a { background: transparent url(../images/frontpage_icons.png) no-repeat 0 center; }
ul.features li.feature02 a { background: transparent url(../images/frontpage_icons.png) no-repeat -250px center; }
ul.features li.feature03 a { background: transparent url(../images/frontpage_icons.png) no-repeat -500px center; }
ul.features li.feature04 a { background: transparent url(../images/frontpage_icons.png) no-repeat -750px center; }
ul.features li.feature05 a { background: transparent url(../images/frontpage_icons.png) no-repeat -1000px center; }
ul.features li.feature06 a { background: transparent url(../images/frontpage_icons.png) no-repeat -1250px center; }
ul.features li a:hover { color: #000; }

/* =Infobar
-------------------------------------------------------------- */

#infobar {
	background-color: #4f95c7;
	color: #727272;
	font-size: 11px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	
	display: none;
	}
#infobar h4 { font-size: 16px; margin: 0; color: #fff; text-shadow: 0 1px 0 #333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.infobar-contents {
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	}

/* books top 3 */
#infobar .books .books_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
	height: 100%;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	-khtml-border-radius: .5em;
	border-radius: .5em;
  }
#infobar .books .books_list li {
  overflow: auto;
  padding: .5em;
  }
#infobar .books .books_list .books_avatar {
  padding-right: .5em;
  float: left;
  }
#infobar .books .books_list .books_avatar img {
  vertical-align: middle;
  }

/* education top 10 */
#infobar .education ul, .education ul * {
  margin: 0;
  padding: 0;
  font-size: 12px;
  }
#infobar .education ul li {
  margin: 0 25px;
  }

/* twitter feed */
#infobar .tweet .tweet_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	-khtml-border-radius: .5em;
	border-radius: .5em;
  }
#infobar .tweet .tweet_list li {
  overflow: auto;
  padding: .5em;
  }
#infobar .tweet .tweet_list .tweet_avatar {
  padding-right: .5em;
  float: left;
  }
#infobar .tweet .tweet_list .tweet_avatar img {
  vertical-align: middle;
  }


/* =Footer
-------------------------------------------------------------- */

#footer.homepage { font-size: 11px; }
#footer.profile { font-size: 10px; }
#footer { color: #999; }
#footer a       {
  color: #999;
  text-decoration: none;
  margin-right: 3px;
  }
#footer a:hover { text-decoration: underline; }
#footer p { text-align: center; margin: 0; }


/* =spellchecker
-----------------------------------------------------------------*/
#spellcheckresults { z-index: 1000; width: 288px; font-size: 10px; position: absolute; background: #fff; margin: 0; border: 1px solid #000; padding: 5px; }
#spellcheckresults dl { margin: 0; padding: 0;}
#spellcheckresults dl dt {  color: black; float: left; clear: left; margin: 3px 0; padding: 0; font-weight: bold; }
#spellcheckresults dl dd { float: left; margin: 3px 6px; padding: 0; cursor: pointer; color: #0085ce; }
#spellcheckresults dl dd:hover { color: #f38a14; text-decoration: underline; }


/* =boxes
-------------------------------------------------------------- */

.box     { margin-bottom: 9px; }
.box-top {
  height: 12px;
  overflow:hidden;
  background: url(../images/box_top.png) no-repeat left top;
  }
.box-bottom {
  height: 11px;
  overflow:hidden;
  background: url(../images/box_bottom.png) no-repeat left top;
  }
.box-center {
  min-height: 83px;
  height: auto !important;
  height: 83px;
  border-right: 1px solid #bdbdbd;
  border-left: 1px solid #bdbdbd;
  background: #fff url(../images/box_center.png) no-repeat left bottom;
  }
.study .box-center { background: #fff url(../images/bg_side.jpg) repeat-x left bottom; }

.box-green .box-top { background-image: url(../images/box_green_top.png); }
.box-green .box-bottom { background-image: url(../images/box_green_bottom.png); }
.box-green .box-center {
  border-right: 1px solid #c7ebd5;
  border-left: 1px solid #c7ebd5;
  background-image: none;
  }

.box-blue .box-top { background-image: url(../images/box_blue_top.png); }
.box-blue .box-bottom { background-image: url(../images/box_blue_bottom.png); }
.box-blue .box-center {
  border-right: 1px solid #bfe9f2;
  border-left: 1px solid #bfe9f2;
  background-image: none;
  }

.box-red .box-top { background-image: url(../images/box_red_top.png); }
.box-red .box-bottom { background-image: url(../images/box_red_bottom.png); }
.box-red .box-center {
  border-right: 1px solid #fbdad4;
  border-left: 1px solid #fbdad4;
  background-image: none;
  }

.box-big .box-top    { background: url(../images/box_big_top.png) no-repeat left top; }
.box-big .box-center { background: #fff url(../images/box_center.png) repeat-x left bottom; }
.box-big .box-bottom { background: url(../images/box_big_bottom.png) no-repeat left top; }

.even              { padding: 3px 12px; }
.odd               { background: #e6e6e6; padding: 3px 12px; }
.box-red .odd      { background: #fcd7c8; }
.box-blue .odd     { background: #cae9f3; }
.box-green .odd    { background: #c7ebd5; }

.box-center .inner { padding: 0 10px 1px 10px; }
.box-center a      { color: #333333; }

.box h3 {
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 20px;
  }
.box h3 span {
  color: #333333;
  font-size: 10px;
  }

h3.hdr-start     { padding-left: 33px; background: url(../images/hdr_add.png) no-repeat left center; }
h3.hdr-rehearsal { padding-left: 33px; background: url(../images/hdr_rehearsals.png) no-repeat left center;}
h3.hdr-overdue   { padding-left: 33px; background: url(../images/hdr_overdue.png) no-repeat left center; }
h3.hdr-current   { height: 22px; padding-left: 33px; background: url(../images/hdr_current.png) no-repeat left center; }
h3.hdr-finished  { padding-left: 33px; background: url(../images/hdr_finished.png) no-repeat left center; }
h3.hdr-profile   { padding-left: 33px; background: url(../images/hdr_profile.png) no-repeat left center; }
h3.hdr-study     { height: 22px; padding-left: 33px; background: url(../images/hdr_study.png) no-repeat left center; }

h3.hdr-1     { padding-left: 33px; background: url(../images/hdr_1.png) no-repeat left center; }
h3.hdr-2     { padding: 0 0 0 33px; background: url(../images/hdr_2.png) no-repeat left center; }
h3.hdr-3     { padding-left: 33px; background: url(../images/hdr_3.png) no-repeat left center; }
h3.hdr-nobg  { padding-left: 33px; background: none; }

.nobackground { background: none }

.box-footer {
  border-top: 1px solid #b2b2b3;
  padding-top: 6px;
  text-align: right;
  margin-top: 30px;
  }
.more {
  padding-right: 22px;
  background: url(../images/more.png) no-repeat right center;
  margin-right: 10px;
  font-size: 10px;
  }


/* =Main
-------------------------------------------------------------- */

.good_flash {
  background-color: #95FF8F;
  margin: 10px 0 10px 0;
  padding: 10px;
  }
.bad_flash {
  background-color: #FF4F4F;
  margin: 10px 0 10px 0;
  padding: 10px;
  }
span.username a {
  text-decoration: underline;
  color: black;
  }

p.quote {
  margin-top: 20px;
  font-style: italic;
  text-align: justify;
  }
p.quote_source {
  margin-top: -16px;
  text-align: center;
  }
div.share {
  margin-top: 10px;
  text-align: center;
  position: absolute;
  left: -16px;
  bottom: 10px;
  }
div.share p { padding-left: 16px; }
.pointer { cursor: pointer; }

/* =Study screen
-------------------------------------------------------------- */

.study-options {
  width: 319px;
  height: 41px;
  line-height: 41px;
  overflow: hidden;
  margin-bottom: 9px;
  background: url(../images/bg_options.png) no-repeat left top;
  }
.study-options .inner { padding: 0 13px; }
.study-options span   { padding: 0 3px; }
.study-options img    { vertical-align: middle; }
#q-info {
  display: inline;
  float: right;
  font-size: 10px;
  line-height: 1.4;
  margin-top: 5px;
  *margin-right: 13px;
  text-align: right;
  }
#q-info .btn-cash2 {
  margin: 0;
  background: url(../images/btn_cash.png) no-repeat right center;
  float: right;
  padding-right: 20px;
  }
#q-info .q-total { padding-right: 20px; }
#q-options {
  float: left;
  line-height: 1.4;
  width: 130px;
  margin-top: 10px;
  }

#map-container {
	height: 618px;
}
#sidepanel {
	height: 612px;
	overflow: auto;
}
#sidepanel h2 {font-size: 1.4em}
.study-options-tab {
  position: absolute;
  top: 37px;
  z-index: 99;
  width: 321px;
  border: 1px solid #bdbdbd;
  background: #1b1b1f url(../images/bg_plugin.png) repeat-x left top;
  color: #000;
  max-height: 333px; /* sets max-height value for all standards-compliant browsers */
  overflow: auto;
  }
* html div.study-options-tab {
  height: expression( this.scrollHeight > 332 ? "333px" : "auto" ); /* sets max-height for IE */
  overflow: hidden;
  }

.study-options-tab .inner { padding: 12px; }
.study-options-tab h4     { color: #fff; }
.study-options-tab a      { color: #fff; }

/** plugin container layout **/
#study-options-tab    { color: white; font-size: 10px; }
#study-options-tab h1 { color: white; }
#study-options-tab h1.wiki { margin: 0; }
#study-options-tab li { list-style-type: none; }
#study-options-tab a,
#study-options-tab a.wikiterm {
  color: white;
  text-decoration: underline;
  }
#study-options-tab hr {
  color: #7b7a7f;
  background-color: #7b7a7f;
  margin: 9px 0px;
  }
#study-options-tab textarea {
  width: 287px;
  }
#study-options-tab span.half {
  width: 49%;
  float: left;
  display: block;
  margin: 9px 0px;
  }
#study-options-tab span.half select {
  width: 90%;
  }
#study-options-tab .right {
  margin: 8px 0px;
  }

.map-wrapper .inner { padding: 10px; }
.ui-widget-header   { width: 100%; }
.timer {
  height:24px;
  width: 98%;
  position: absolute;
  bottom: 8px;
  background: white;
  }
.study-sidebar .box-footer {
  position: absolute;
  bottom: 32px;
  left: 10px;
  width: 301px;
  text-align: left;
  min-height: 590px;
  height: auto !important;
  height: 590px;
  }

/* =Rounded box -- Even more rounded corners --
---------------------------------------------------------------*/

.rbox {
  position: relative;
  min-width: 8em;
  max-width: 26000px; /* based on image dimensions */
  z-index: 1;
  margin-left: 12px; /* default, width of left corner */
  }

.rbox .content,
.rbox .top,
.rbox .bottom,
.rbox .bottom div {
  background: url(../images/rounded_box.png) no-repeat top right;
  }

.rbox .content {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  padding: 0 12px 0 0;
  }

.rbox .top {
  /* top+left vertical slice */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 12px; /* top slice width */
  margin-left: -12px;
  height: 100%;
  _height: 1600px; /* arbitrary long height, IE 6 */
  background-position: top left;
  }

.rbox .bottom { background-position: bottom right; }
.rbox .bottom,
.rbox .bottom div {
  }
.rbox .bottom div {
  position: relative;
  width: 12px; /* bottom corner width */
  margin-left: -12px;
  background-position: bottom left;
  }

/* =Breadcrumb Styles
---------------------------------------------------------------*/

.bread-wrapper {
  height: 41px;
  padding: 0px;
  overflow: hidden;
  margin-bottom: 9px;
  }
.bread-left {
  width: 10px;
  height:41px;
  background: url(../images/bg_breadcrumb_left.png) no-repeat;
  float: left;
  }
.bread-right {
  height: 41px;
  width: 12px;
  background: url(../images/bg_breadcrumb_right.png) no-repeat;
  float: left;
  }
.breadCrumb {
  margin: 0;
  padding: 0;
  display: block;
  height: 41px;
  float: left;
  width: 97%;
  color: white;
  background: url(../images/bg_breadcrumb_inactive.png) repeat-x 100% 0;
  }
.breadCrumb ul {
  margin: 0;
  padding: 0;
  height: 41px;
  display: block;
  }
.breadCrumb ul li {
  display: block;
  float: left;
  position: relative;
  height: 41px;
  overflow: hidden;
  line-height: 21px;
  font-size: .9167em;
  background: url(../images/bg_breadcrumb.png) repeat-x 100% 0;
  }
.breadCrumb ul li div.chevronOverlay {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  }
.breadCrumb ul li span {
  display: block;
  overflow: hidden;
  }
.breadCrumb ul li a {
  padding: 9px 20px 0px 10px;
  display: block;
  position: relative;
  text-transform: capitalize;
  height: 41px;
  line-height: 21px;
  overflow: hidden;
  float: left;
  color: white;
  background: url(../images/bg_breadcrumb_separator.png) no-repeat 100% 0;
  }
.breadCrumb ul li a img    { position: relative; margin-top: 4px; }
.breadCrumb ul li a.final  { background: url(../images/bg_breadcrumb_separator_last.png) no-repeat 100% 0;  }
.breadCrumb ul li.inactive { background: url(../images/bg_breadcrumb_inactive.png) repeat-x 100% 0; }
.breadCrumb ul li.inactive a {
  padding: 9px 20px 0px 10px;
  background: none;
  margin-right: 0;
  padding-right: 0;
  color: #000;
  }

div#progressbar {
  height: 10px;
  background: #e6e6e6;
  border: none;
  height: 10px;
  position: relative;
  margin-top: 4px;
  }

.timer .ui-progressbar .ui-progressbar-value { margin: -1px; height:80%; background: #00A9CC; }
.timer .ui-corner-top    { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.timer .ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.timer .ui-corner-right  { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.timer .ui-corner-left   { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.timer .ui-corner-all    { -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; }

span#elapsed {
  font-size: 8px;
  color: black;
  z-index: 10;
  position: absolute;
  left: 50%;
  top: -2px;
  }
div#timerintervals { position: relative; font-size: 10px;}
div#timerintervals span.center {
  position: absolute;
  left: 48%;
  }
div#timerintervals span.right { float: right; }

.ui-datepicker-trigger     { vertical-align: middle; }
.ui-datepicker-trigger     { cursor: pointer; }
a#study-overlay            { color: black; }
p#wikisearch_explanation a { color: black; }
ul.toc_ul                  { list-style-type: none; }

/* =Add sources styles
---------------------------------------------------------------*/

#bookisbn          { clear: both; }
#bookisbn fieldset {
  min-height: 168px;
  height: auto !important;
  height: 168px;
  margin-bottom: 0;
}

#bookisbn dt {
  margin-left: 14px;
  margin-bottom: 8px;
  }
#bookisbn dd  { margin-bottom: 8px; }
img.bookcover {
  float: left;
  margin-right: 20px;
  border: solid 1px #bbbbbb;
  }
.bookinfo dt { width: 36px; }
.bookinfo dd { padding-left: 70px; }

.book-left  { float: left; width: 410px; }
.book-right {
  float: right; width: 180px;
  border:1px solid #BBBBBB;
  text-align: center;
  }
.book-right .inner { padding: 10px; }
.book-right img {
  width: 60px;
  border: solid 1px #bbbbbb;
  }
.book-right div.source {
  width: 160px;
  float: none;
  padding: 0;
  overflow: hidden;
  margin-bottom: 20px;
  }

/* =Keyword Styles
---------------------------------------------------------------*/
.keywords-wrapper         { height: 215px; overflow-y: scroll; margin-bottom: 10px; }
.keywords span            { border: solid 1px transparent; padding: 1px;}
.keywords span.selected   { background-color: #0085ce; border: groove 1px #1d4175; color: white;}
.keywords span.word:hover { background-color: #f9fac6; border: #4a8cb5 1px dotted; color: black; cursor: pointer;
}
.keywords img             { vertical-align: text-top; margin-right: 3px;}

ul#keywords {
  list-style-type: none;
  margin-left: 0;
}
ul#keywords li {
  margin-bottom: 4px;
  background-color: #0085ce;
  border: groove 1px #1d4175;
  color: white;
  padding-left: 8px;
}

#accordion {
  overflow-y: scroll;
  height: 240px;
  }
dd.spinnerbutton {
  height: 22px;
  overflow: hidden;
  }
img.spinner { vertical-align: middle; }

/* =Subject homepage
---------------------------------------------------------------*/
div.cell-source {
  width: 150px;
  padding: 4px;
  margin-bottom: 10px;
  margin: 0 auto;
  text-align: center;
  }
  
div.source {
  width: 150px;
  height: 286px;
  overflow: hidden;
  float: left;
  padding: 4px;
  position: relative;
  margin-bottom: 10px;
  }

.source-cell {
    text-align: center;
}

div.sourcepopup {
  height: 100%;
}
div.source img {
  text-align: center;
  clear: both;
  border: solid 1px #bbbbbb;
  }
a.source {
  margin-bottom: 4px;
  margin-top: 0px;
  float: right;
  }
hr.small { margin: 6px 0px; }

div.yellow ul.error_list li{
  color: #FFFF00 !important;
}

div.source-author {
  font-size: 9px;
}

div.source-buttons {
  position: absolute;
  bottom: 0px;
  height: 45px;
  text-align: center;
}
div.source-buttons a {
  line-height: 24px;
  background: orange;
  font-weight:bold;
}

div.source-language {
  font-size: 9px;
}

div.source-buttons-subject-homepage {
  bottom: 0px;
  height: 45px;
  text-align: center;
}

div.source-buttons-subject-homepage a {
  line-height: 24px;
  background: orange;
  font-weight:bold;
}

/* =Question / Answer page
-----------------------------------------------------------------*/
#accordion.ui-accordion .ui-accordion-header a {
  display:block;
  font-size:0.8em;
  padding:0.5em 0.5em 0.5em 2.2em;
  }

/* =Study page
-----------------------------------------------------------------*/

.subject-form {
  min-height: 400px;
  height: auto !important;
  height: 400px;
  }
#source-carousel  { position: relative; margin-left: 13px; }
#source-carousel li { list-style-type: none; }
a#caroussel_prev {
  position: absolute;
  top: 100px;
  left: 6px;
}
a#caroussel_next {
  position: absolute;
  top: 100px;
  right: 6px;
}
li.carousel-item {
  float:left;
  height:152px;
  list-style-image:none;
  list-style-position:outside;
  width:100px;
  font-size: 10px;
}

.source-wrapper {
  position: relative;
  width: 628px;
  overflow: hidden;
  }
.source-wrapper2 {
  position: relative;
  width: 10000px;
  overflow: hidden;
  }
.source-box {
  color: #333333;
  display: block;
  width: 100px;
  overflow: hidden;
  float: left;
  text-align: center;
  padding: 4px;
  margin-right: 6px;
  text-decoration: none;
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  zoom: 1;
  }
.carousel-item a.selected, a.source-box:hover {
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
  text-decoration: none;
  cursor: pointer;
  }
.source-nr {
  position: absolute;
  left: 10px;
  top: 0;
  font-weight: bold;
  }
.source-box img {
  clear: both;
  height: 83px;
  width: 60px;
  border: solid 1px #bbbbbb;
  }
.source-box-container {
  position: relative;
  }
.source-box-active {
  cursor: default;
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
  float: right;
  position: relative;
  }
#navigation { display: none; }
.toc-box {
  width: 415px;
  margin-bottom: 30px;
  }
.toc-add {
  width: 357px;
}
#navigation a.tooltip {
	display: block;
	width: 8px;
	height: 8px;
	text-decoration: none;
	margin: 1px 0 0 2px;
}
#navigation a.tooltip:hover {
	text-decoration: none;
}

#navigation input.current {
	background: #bbe0e3;
}

.toc-box ul ul ul ul ul ul li input.text {
  width: 160px;
  }
.toc-box ul ul ul ul ul li input.text {
  width: 188px;
  }
.toc-box ul ul ul ul li input.text {
  width: 220px;
  }
.toc-box ul ul ul li input.text {
  width: 246px;
  }
.toc-box ul ul li input.text {
  width: 272px;
  }
.toc-box ul li input.text {
  width: 300px;
  }

input.currentTocNo {
  border: 2px solid #0085CE!important;
}

input.activeRehearsal {
  border: 1px solid green!important;
}

input.overdueRehearsal {
  border: 1px solid red!important;
}

#navigation input.disabled {
  border: none;
  background: none;
  }

.toc-box {
  width: 510px;
  margin-bottom: 30px;
  }

#last-button                { float: right; margin-bottom: 20px; }
.chap-add                   { margin: 0 0 30px 33px; }
.subject-3 .chap-add        { margin: 0 0 30px 0; }
input.chap-nr               { width: 30px; }
input.chap-title            { width: 290px; }
.subject-3 input.chap-title { width: 272px; }
.delete_tocitem_studyunit   { margin-top: 8px; cursor: pointer;}
li.chap-title               { list-style-type: none; }

li.chap-title .chap-txt {
  width: 272px;
  cursor:pointer;
  padding:2px 4px;
  border:1px solid #BFBFBF;
  margin:4px 0 0;
  font-size: 10px;
  float: left;
  }
li.chap-title div.chap-txt:hover { border-color: #e76d33; }
li.chap-title a {
  float: right;
  margin-top: 2px;
  }

/* =Kolb and VAK tests
-----------------------------------------------------------------*/
p.question                { font-weight: bold; margin-bottom: 2px; }
ul.radio_list             { list-style-type: none; }
table.kolb td.question    { font-weight: bold; }
table.kolb tr td.question { padding: 10px 0 4px 0; }
table.kolb tr.odd td      { background: #e5ecf9; }
table.kolb tr.even td     { background: white; }
table.kolb td             { padding: 0; }
table.kolb td p           { margin-right: 10px; }
table.kolb div.answer {
  float: left;
  clear: right;
  margin: 0 10px 40px;
  }

/* textareas on study screen */
.studyinput {
  height: 50px;
  width: 288px;
  }


/* =google image search
-----------------------------------------------------------------*/

.gsc-clear-button      { display: none; }
.gsc-branding-text     { font-size: 9px !important;}
.gsc-twiddleRegionCell { display: none; }
.google-big .gsc-results { width: 540px !important; float: left; }
.gs-size               { display: none; }
.gs-text-box           { font-size: 9px; }
.gs-visibleUrl         { color: #0085ce !important; }
.gsc-cursor-box        { font-size: 10px; text-align: center; }
.gsc-cursor-page       { color: #0085ce !important; text-decoration: none; }
.gsc-trailing-more-results { display: none !important; }
.gsc-resultsHeader     { display: none !important; }
.gs-visibleUrl         { display: none !important; }

.google-box #searchControl { width: 350px; overflow: hidden; }
.google-box .gs-result img.gs-image {
  position: static !important;
  border: none;
  width: 80px;
  }
.google-box .gsc-control { width:350px; }
.google-box td { padding: 0; }
.google-box p { margin-bottom: 0; }
.google-box .gsc-result { margin: 0 6px 10px 0 !important; }
.google-box .gs-imageResult { width: 80px; overflow: hidden !important;  }
.google-box .gsc-imageResult { margin-right: 6px !important; }
.google-box .gs-imageResult .gs-image-box { overflow: hidden; }
.google-box .gsc-branding { display: none; }
.google-box table.gsc-search-box { margin-bottom: 8px; }
.google-box .gsc-resultsbox-visible { width: 350px; overflow: hidden; }
.google-box .gs-visibleUrl { display: none !important; }
input.gsc-input { width: 95% !important; }

/* =uploads
-----------------------------------------------------------------*/

.files {
  border-bottom: 1px solid #999;
  margin-bottom: 10px;
  padding-bottom: 20px;
  }
.upload {
  float: left;
  width: 246px;
  }
.upload-file {
  border-bottom: 1px solid #999;
  margin-bottom: 10px;
  width: 236px;
  }
.upload-url {
  padding: 0 0 10px 0;
  width: 236px;
  }
.upload-file fieldset,
.upload-url fieldset { margin-bottom: 10px; }
.file-search {
  float: right;
  width: 360px;
  min-height: 250px;
  height: auto !important;
  height: 250px;
  border-left: 1px solid #999;
  }
.file-search .inner { padding-left: 10px; }
.file-search p  { margin-bottom: 0; }
input#input-url { width: 230px; }

.files-wrapper h3 {
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 6px;
  color: #0066CC;
  }
.files-wrapper p {
  color: #333333;
  font-size: 10px;
  margin-bottom: 20px;
  }
.file-pag {
  margin-top: 6px;
  text-align: center;
  margin-bottom: 20px;
  }
.file-pag a {
  color: #333333;
  font-size: 10px;
  padding: 0 4px;
  text-decoration: underline;
  }
.file-pag a.selected {
  font-weight: bold;
  text-decoration: none;
  }
.file-box {
  width: 636px;
  margin: 10px 0 0 -6px;
  }
.file-image img { width: 55px; height: 55px; }

.file {
  display: inline;
  width: 100px;
  overflow: hidden;
  float: left;
  text-align: center;
  margin: 0 0 10px 6px;
  height: 95px;
  }
.file img {
  clear: both;
  border: solid 1px #bbbbbb;
  }

div#question-options {
}
div#question-options a {
  font-size:9px;
  color: #333;
  margin-right: 4px;
}
img.small_icon {
  height: 20px;
  width: 20px;
  margin-right: 2px;
}
a#remove_uploaded_file {
  display: block;
  clear: right;
}

img.editquestion {
  height: 180px;
  width: 180px;
  margin: 0 2px 4px 0;
}

/* =growl notifications
-----------------------------------------------------------------*/

div.blockOverlay {
  background: black;
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
}

div.blockMsg {
  border: none;
  padding: 0px 5px;
  opacity: 0.85;
  color: #fff;
  background: #444;
  font-size: 11px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }


div.blockMsg h1 {
  background: url(../images/icon_pause.png) no-repeat 0px 3px;
  color: #fad525;
  font-size: 11px;
  font-size: 1.5em;
  margin: 0;
  padding: 0px 10px 5px 30px;
  }
a.close-studytip {
  margin: 8px;
}

div#studytips {
  height: 275px;
}
div#studytips hr {
  margin: 0.9em 0;
}

div#studytips-buttons a{
	color: #000000!important;
}

div#studytips, div#rehearsal {
  color: white;
}
div#rehearsal div.rehearsalbuttons {
  text-align: center;
  margin-bottom: 20px;
}

div#rehearsal a {
  margin: 20px 30px;
}

div#studytips a {
  color: white;
  text-decoration: underline;
}

#getnexttip {
	padding-bottom: 10px;
}

div#studytip h1 {
  padding: 0px 10px 5px 30px;
  background: #444 url(../images/icon_tip.png) no-repeat 0px 0px;
}

div.growlUI h1 {
  background: url(../images/icon_notify.png) no-repeat 5px 5px;
  font-size: 1.5em;
  margin: 0;
  padding: 2px 5px 0px 35px;
  text-align: left;
  }
div.growlUI p {
  color: white;
  font-size: 11px;
  padding-left: 37px;
  text-align: left;
}

/* =cash
-----------------------------------------------------------------*/

.cash-credits { width: 200px; }
.cashform .form-oneline dt  { width: 80px; }
.cashform .form-oneline dd  { padding-left: 80px; }


.noflash {
  margin-top: 40px;
}


/* =buy questions/show questions
-----------------------------------------------------------------*/
table.transaction {
    width: 240px;
}
table.questions td {
  padding: 0.2em;
}
tr.ruler {
    border-top: solid 1px #aaa;
}
input.new_answer {

  width: 605px;
}

table.questions td.label {
  width: 130px;
}

ul#use_questions {
  list-style-type: none;
  margin-left: 0;
}

div.question {
  font-size: 1.2em;
  margin: 0;
  color: #0085ce;
  font-weight: bold;
  line-height: 19px;
  border: 1px solid #bfbfbf;
  padding: 0 4px 2px 4px;
  margin-top: 1px;
  text-decoration: none !important;
  background: #fff url(../images/bg_button.png) repeat-x left bottom;
}

div.question .used {
  font-weight: normal;
  color: black;
  font-size: 0.9em;
}

div.question .rating {
	float: right;
	margin: 2px 15px 0 0; 
}

div.answers {
  background: white;
  border-left: solid 1px #aaa;
  border-right: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
  padding: 4px;
  margin-bottom: 4px;
}
p.answer_owner {
  font-style: italic;
  color: #888;
  margin-bottom:1.9em;
  border-top: solid 1px #aaa;
}

div.answer_selected {
  background-color: #0085ce;
  background-image: url(../images/icon_checkbox_enabled.gif) !important;
  border: groove 1px #1d4175 !important;
  color: white;
}

div.selectable_answer {
  margin-bottom: 1.2em;
  border: solid 1px white;
  padding: 2px;
  font-size: 110%;
  background-image: url(../images/icon_checkbox_disabled.gif);
  background-repeat: no-repeat;
  background-position: 99% 20%;
  padding-right: 25px;
}

div.selectable_answer:hover {
  cursor: pointer;
  background-color: #f9fac6;
  border: #4a8cb5 1px dotted;
  color: black;
}

.questionwithimage {
	float: right;
	margin: 3px 0 0 0;
}

div.questionrating {
  padding: 5px 0 20px 0;
}

/* = generic button styles
-----------------------------------------------------------------*/
a.link {
  background:transparent url(../images/more.png) no-repeat scroll left center;
  font-size:10px;
  font-weight: normal;
  margin-right:10px;
  padding-left:20px;
  color: #333;
}
a.help {
  background:transparent url(../images/help.gif) no-repeat scroll left center;
  font-size:10px;
  margin-right:10px;
  padding-left:20px;
  color: #333;
  font-weight: normal;
}
a.button            {
  border: 1px solid #bfbfbf;
  background: #fff;
  color: #333333;
  font-size: 11px;
  padding: 3px 5px;
  _padding: 0 0 0 0;
  margin-top: 1px;
  height: 17px;
  text-decoration: none !important;
  background: #fff url(../images/bg_button.png) repeat-x left bottom;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}


/* = language selection on profile/confirmation page
-----------------------------------------------------------------*/
ul.checkbox_list {
  list-style-type: none;
  margin-left: 0;
  clear: both;
}

ul.checkbox_list li {
  width: 31%;
  float: left;
}

ul.checkbox_list li input {
  width: 14px;
}

input.answer-selected {

  border: 1px solid #0085CE !important;
}

p.explanation-text {
  border: solid 1px #bfbfbf;
  padding: 4px;
  background: white;
  text-align: justify;
  font-weight: normal;
  font-size: 10px;
}
h4.study {
  font-weight: bold;
}
p.new_answer {
  color: red;
  margin-bottom: 2px;
}

ul.question_list {
  list-style-type: none;
  margin-left: 0px;
}
#curval {
  margin-left: 10px;
  margin-top: 4px;
  float: left;
  color: black;
}
#available_questions {
  font-weight: bold;
}
#new_questions_available a {
  margin-top: 4px;
}


#tocprogress {
  z-index: 1000;
  border: solid 2px #888;
  width: 350px;
  background: white;
  position: absolute;
  bottom: 100px;
  left: 50%;
  margin-left: -175px;
  padding: 10px;
}
#tocprogress img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 20px;
}

.hidecolorbox {
	display: none;
}