/* html */

body, img, a, div {
 vertical-align: baseline;
}
body {
 font-family: Georgia, Times, Helvetica, Arial;
 margin: 0px;
}
tbody tr:nth-child(2n) td, tbody tr.even td {
 background: inherit;
}
table, tr, td, input[type="text"], input[type="password"], input.text {
 margin: 0px;
 padding: 0px;
}
h1 {
 display:inline;
 font: inherit;
 color: inherit;
}
h2 {
 display: inline;
 font: inherit;
 color: inherit;
}
h3 {
 display: inline;
 font: inherit;
 color: inherit;
}
a {
 color: #9C1010;
 text-decoration: none;
}
a:hover {
 color: #9C1010;
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
.right {
 float: right;
}
.left {
 float: left;
}
.grey {
 color: #888888;
}
.darkgrey {
 color: #444444;
}
.darkgreen {
 color: #1E4C04;
}
.black {
 color: #000000;
}
.red {
 color: #9C1010;
}
.green {
 color: #1dc30c;
}
.nonlink {
 text-decoration: none;
}
.even {
 background-color: #FFFFFF;
}
.odd {
 background-color: #F7F7F7;
}
.smaller {
 font-size: 0.8em;
}
.bold {
 font-weight: bold;
}









/* Adso */

#adso_tooltip {
 position: absolute;
 width: auto;
 height: auto;
 max-width: 300px;
 border: 1px solid black;
 padding: 8px;
 background-color: lightyellow;
 line-height: 200%;
 visibility: hidden;
 z-index: 1003;
 overflow: hidden;
}
#adso_pointer {
 visibility: hidden;
 position: absolute;
 width: auto;
 height: auto;
 max-width: 300px;
 border: 1px solid black;
 padding: 5px;
 background-color: lightyellow;
 z-index: 1004;
}
span.adso:hover {
 background-color: white;
}
.row_1 {
 font-size:25px;
 margin-top:4px;
 margin-bottom:5px;
}
.row_2 {
 font-size:25px;
 margin-bottom:5px;
}
.row_3 {
 font-size:20px;
 margin-bottom: 5px;
}
.row_4 {
 font-size:20px;
 margin-bottom: 5px;
}
.row_5 {
 font-size:14px;
 margin-bottom: 5px;
 line-height:1.1em;
}
.row_6 {
 display: none;
 visibility: hidden;
}





/* Banner */

.banner {
 clear:both;
 height: 60px;
 padding: 10px;
 width:930px;
 background-color: #F7F7F7;
 border: 1px dashed #BBBBBB;
 margin-bottom:20px;
}
.banner_quote {
 width: 100%;
 height:100%;
 text-align: center;
 font-size: 1.8em;
 margin-top:15px;
}



/* Buttons */

.button_small {
 display:block;
 height:19px;
 color: #444444;
 border: 1px solid #AAAAAA;
 padding-top: 0px;
 padding-bottom: 0em;
 padding-left: 12px;
 padding-right: 10px;
 background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, rgb(250,250,250)),
		color-stop(0, rgb(217,217,217))
 );
 font-weight: bold;
 letter-spacing: +1px;
 word-spacing: +1px;
 font-size: 1em;
 text-decoration: none;
 background: -moz-linear-gradient(
 		center top,
		rgb(250,250,250),
		rgb(247,247,247),
		rgb(237,237,237),
		rgb(217,217,217)
 );
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;

 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-right-radius: 5px; 

 -moz-border-radius-bottomleft: 5px;
 -webkit-border-top-bottom-radius: 5px;
 border-bottom-right-radius: 5px;

 -moz-border-radius-bottomright: 5px;
 -webkit-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px; 

 vertical-align: middle;
}
.button_small:hover {
 vertical-align: middle;
 height:19px;
 color: #9C1010;
 border: 1px solid #9C1010;
 padding-top: 0px;
 padding-bottom: 0em;
 padding-left: 12px;
 padding-right: 10px;
 background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, rgb(250,250,250)),
		color-stop(0, rgb(217,217,217))
 );
 font-weight: bold;
 letter-spacing: +1px;
 word-spacing: +1px;
 font-size: 1em;
 text-decoration: none;
 background: -moz-linear-gradient(
 		center top,
		rgb(250,250,250),
		rgb(247,247,247),
		rgb(237,237,237),
		rgb(217,217,217)
 );

 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;

 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-right-radius: 5px; 

 -moz-border-radius-bottomleft: 5px;
 -webkit-border-top-bottom-radius: 5px;
 border-bottom-right-radius: 5px;

 -moz-border-radius-bottomright: 5px;
 -webkit-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px; 

 -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
 -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
}
.button_red_arrow {
 height:19px;
 float:right;
 margin-left:4px;
}
.button_red_arrow_down {
  vertical-align:top;
  padding-top:8px;
}
.button_red_arrow_large {
 float:right;
 margin-left:10px;
}
.button_large {
 display:block;
 height:31px;
 color: #444444;
 border: 1px solid #AAAAAA;
 padding-top: 3px;
 padding-bottom: 1px;
 padding-left: 12px;
 padding-right: 12px;
 background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, rgb(250,250,250)),
		color-stop(0, rgb(217,217,217))
 );
 letter-spacing: +1px;
 word-spacing: +1px;
 font-size: 1.4em;
 text-decoration: none;
 background: -moz-linear-gradient(
 		center top,
		rgb(250,250,250),
		rgb(247,247,247),
		rgb(237,237,237),
		rgb(217,217,217)
 );
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;

 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-right-radius: 5px; 

 -moz-border-radius-bottomleft: 5px;
 -webkit-border-top-bottom-radius: 5px;
 border-bottom-right-radius: 5px;

 -moz-border-radius-bottomright: 5px;
 -webkit-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px; 

}
.button_large:hover {
 display:block;
 height:31px;
 color: #9C1010;
 border: 1px solid #9C1010;
 padding-top: 3px;
 padding-bottom: 1px;
 padding-left: 12px;
 padding-right: 12px;
 background: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.4, rgb(250,250,250)),
                color-stop(0, rgb(217,217,217))
 );
 letter-spacing: +1px;
 word-spacing: +1px;
 font-size: 1.4em;
 text-decoration: none;
 background: -moz-linear-gradient(
                center top,
                rgb(250,250,250),
                rgb(247,247,247),
                rgb(237,237,237),
                rgb(217,217,217)
 );
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;

 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-right-radius: 5px;

 -moz-border-radius-bottomleft: 5px;
 -webkit-border-top-bottom-radius: 5px;
 border-bottom-right-radius: 5px;

 -moz-border-radius-bottomright: 5px;
 -webkit-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;

 -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
 -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;

}





/* Comments */

.comment {
 border-top: 1px solid #DDDDDD;
 padding: 8px;
 font-size:1.2em;
 line-height: 1.6em;
 clear:both;
}
.comment_header {
 width:100px;
 float:right;
 margin-top:10px;
 text-align:center;
 background:#F7F7F7;
 font-size:1.1em;
 padding:4px 8px 4px 8px;
 border-left: 1px solid #DDDDDD;
 border-right: 1px solid #DDDDDD;
 border-top: 1px solid #DDDDDD;
 color: #888888;
 background: -moz-linear-gradient(
                center bottom,
                rgb(237,237,237),
                rgb(247,247,247)
 );
 background: -webkit-gradient(
                linear,
                left bottom,
                left top,
                from(rgb(237,237,237)),
                to(rgb(247,247,247))
 );
}  
.comment_post {
 background-color: #F7F7A7;
}
.comment_text {
  font-size: 1em;
  line-height: 1.8em;
  padding: 3px;
}
.comment_userline {
 line-height: 1.5em;
 margin-bottom: 5px;
}
.comment_username {
 display: inline;
 color: #9c1010;
 font-weight: bold;
}
.comment_username a { color: #9C1010; }
.comment_datetime {
  display: inline;
  color: #9c1010;
}










/* Flashcards */
.flashcards_top_padding {
  height: 10px;
}
.flashcards_active_field {
  width: 100%;
  text-align: center;
  color: #9c1010;
  font-size: 3em;
  line-height: 1em;
  margin-top: 12px;
  margin-bottom: 9px;
}
.flashcards_inactive_field {
  width: 100%;
  text-align: center;
  color: #000000;
  font-style: bold;
  font-size: 2.2em;
  line-height: 1em;
  font-style: bold;
  margin-top: 5px;
  margin-bottom: 3px;
}
.flashcards_center_center {
  background: #FFFFFF url(/img/flashcards/center.jpg);
  height: 227px;
  width: 384px;
  margin-top:97px;
}









/* Header */

.header_button {
 float: right;
 margin-left:8px;
}
.header_login_container {
 position: relative;
 float: right;
 width:200px;
 top: 6px;
}
.header_login_box {
 float:right;
 cursor: pointer;
}
.header_login_box_dropdown {
 position: absolute;
 line-height:1.5em;
 clear:top;
 right: 0px;
 top: 20px;
 float:right;
 color: #9C1010;
 background: -moz-linear-gradient(
                top center,
                rgb(255,255,255),
                rgb(227,227,227)
 );
 background: -webkit-gradient(
                linear,
                left bottom,
                left top,
                from(rgb(255,255,255)),
                to(rgb(227,227,227))
 );
 z-index: 1000;
 font-size: 1.3em;
 padding-left:10px;
 padding-right:10px;
 padding-top:10px;
 padding-bottom:5px;
 border-left: 1px solid #BBBBBB;
 border-bottom: 1px solid #BBBBBB;
 border-right: 1px solid #BBBBBB;
 display: none;
 background-color: #E7E7E7;
 min-width: 140px;
}
.header_login_box_option {
 cursor:pointer;
 padding-top:5px;
}
.header_login_box_option:hover {
 font-weight: bold;
}
.header_username {
 margin-right:8px;
 font-size: 1.2em;
 font-weight: bold;
}





/* Lesson */

.lesson_teaser {
 padding: 5px;
 margin-bottom: 18px;
 min-height: 140px;
 margin-top:15px;
}
.lesson_teaser_headline {
 font-size:1.9em;
 line-height:1.3em;
 display: block;
 font-weight: bold;
 margin-bottom: 15px;
}
.lesson_teaser_intro {
 font-size: 1.3em;
 line-height: 1.8em;
}
.lesson_teaser_photo {
 width: 144px;
 height: 108px;
 float: right;
 margin-left: 6px;
 margin-bottom: 3px;
 margin-right: 1px;
}
.lesson_teaser_title {
 display: inline;
 font-weight: normal;
 color: #000000;
 text-decoration:none;
}
.lesson_teaser_user {
 display: inline;
 font-weight: bold;
 color: #9c1010;
 text-decoration:none;
}


/* Lightbox */

#lightbox_backdrop {
          display: none;
          position: fixed;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          background-color: black;
          z-index:1001;
          opacity: 0.8;
}
#lightbox_overlay {
          display: none;
          position: fixed;
          top: 20%;
          left: 20%;
          width: 60%;
          height: 60%;
          background-color: white;
          z-index:1002;
          overflow: auto;
          padding: 10px;
          border:1px solid #990000;
}


/* Menu */

.menu_header {
  font-size:1.5em;
  clear: both; 
  border-bottom: 1px solid #DDDDDD;
  height: 26px;
  width:100%;
  text-decoration: none;
}
.menu_header_item {
  float: left;
  height:20px;
  vertical-align: top;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  background: #EEEEEE;
  padding: 0px 20px 4px 20px;
  min-width: 120px;
  text-align: center;
}
.menu_header_item_active {
 background: #F7F7F7;
 background: -moz-linear-gradient(
                center bottom,
                rgb(255,255,255),
                rgb(247,247,247)
 );
 background: -webkit-gradient(
                linear,
                left bottom,
                left top,
                from(rgb(255,255,255)),
                to(rgb(247,247,247))
 );
 border-bottom: 0px;
 height: 22px;
}
.menu_header_item_inactive {
 background: #F0F0F0;
 background: -moz-linear-gradient(
                center bottom,
                rgb(237,237,237),
                rgb(247,247,247)
 );
 background: -webkit-gradient(
                linear,
                left bottom,
                left top,
                from(rgb(237,237,237)),
                to(rgb(247,247,247))
 );
 border-bottom: 0px;
 height: 21px;
}
.menu_header_item a {
 color: #666666;
 text-decoration: none;
}
.menu_search_box {
 vertical-align:top;
 border:1px solid #AAAAAA;
 height:20px;
 width:120px;
}
.menu_search_input[type="text"] {
 vertical-align: top;
 height: 20px;
 padding: 1px;
 font-size:15px;
 width: 120px;
 border: 1px solid #DDDDDD;
 color: #AAAAAA;
 margin: 0 0 0;
}
.menu_search_button {
 border:2px solid #DDDDDD;
 margin-left:5px;
 margin-right:5px;
 margin-top:2px;
 vertical-align:top;
}
.menu_subheader {
 font-size: 1.1em;
 clear:both;
 border-left: 1px solid #DDDDDD;
 height:24px;
}
.menu_subheader_item {
  padding: 7px 14px 5px 10px;
  color: #666666;
  font-weight:bold;
  display: inline;
  float:left;
  margin-top:0px;
}
.menu_subheader_item a {
 color: #666666;
 text-decoration: none;
}









.paginator {
  margin: 0px auto;
  margin-top: 30px;
  margin-bottom: 10px;
  text-align: center;
}
.paginator a {
  text-decoration: none;
  padding:2px 6px;
  margin-right: 7px;
  border: 1px solid #9c1010;
  color: #9c1010;
}
.selected {
  background-color: #dddddd;
}






.error_message {
 text-align:center;
 clear:both;
 margin-top:20px;
 margin-bottom:20px;
 width: 525px;
 height: 30px;
 margin-left: auto;
 margin-right: auto;
 border: 1px dashed #888888;
 background: #F7F7F7;
 font-size: 1.6em;
 padding: 25px;
 padding-bottom: 30px;
 color: #444444;
}