/* $Id$ */

/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}
tr.odd td, tr.even td {
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}

h1, h2, h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
}

h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}
a {
  text-decoration: none;
  font-weight: bold;
}
a:link {
  color: RGB(85, 85, 85);
}
a:visited {
  color: RGB(85, 85, 85);
}
a:hover {
  color: RGB(85, 85, 85);
  text-decoration: underline;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0;
}
.comment .links {
  margin-bottom: 0;
}

/*
** Page layout blocks / IDs
*/
#header {
  width: 960px;
  margin:0 auto 20px auto;
}
#logo_wrapper {
  /* width: 100%; */
  background-color: #FFFFFF;
  background-image: url(images/header_bottom_line.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  padding-bottom: 25px;
}
#content {
  float: left;
  display: inline;
  padding: 10px 20px 10px 0;
  color: #57686D;
 /* line-height: 18px;*/
  font-size: 12px;
  width: 740px;
  margin-left: 20px;
}
#logo {
  margin: 0 auto;
  padding-top: 25px;
  padding-left: 25px;
  width: 935px;
  /*padding-bottom: 45px;*/
}
#logo img {

}
#menu {
  padding: 0.5em 0.5em 0 0.5em; /* LTR */
  text-align: right; /* LTR */
  vertical-align: middle;
}
#navlist {
  font-size: 1.0em;
  padding: 0 0.8em 1.2em 0; /* LTR */
  color: #9cf;
}
#navlist a {
  font-weight: bold;
  color: #fff;
}
#subnavlist {
  padding: 0.5em 1.2em 0.4em 0; /* LTR */
  font-size: 0.8em;
  color: #9cf;
}
#subnavlist a {
  font-weight: bold;
  color: #9cf;
}
ul.links li {
  border-left: 1px solid #9cf; /* LTR */
}
ul.links li.first {
  border: none;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em;
}
#mission {
  background-color: #369;
  padding: 1.5em 2em;
  color: #fff;
}
#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}
.site-name {
  margin: 0.6em 0 0 ;
  padding: 0;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #fff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin: 0;
  font-style: italic;
  font-weight: bold;
}
#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  /*padding: 10px;*/
  padding-top: 20px;
  width: 1043px;
  margin: 0 auto;
  background-color: #FFFFFF;
  
}
#mission, .node .content, .comment .content {
  line-height: 1.4em;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#sidebar-left{
  width: 240px;
  padding: 20px 0 20px 20px;
  border-right: 1px dashed RGB(191, 191, 191);
  vertical-align: top;
  float: left;
  display: inline;
}
#sidebar-right {
  width: 240px;
  padding: 20px;
  border-left: 1px dashed RGB(191, 191, 191);
  vertical-align: top;
  float: right;
  display: inline;
}
#footer {
  clear: both;
  margin: 0 20px;
  padding: 20px 0;
  border-top: 2px solid #808080;
}

#footer .block {
  margin: 0;
  padding: 0;
 
}
#footer a {
}

ul.menu a {
  color: RGB(85, 85, 85);
  font-size: 12px;
  font-weight: normal;
}
li.leaf {
  list-style-image: none;
  list-style-type: none;
  list-style-position: inside;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a {
  font-weight: bold;
  font-size: 1.3em;
  color: #777;
  margin: 0 auto;  /* decrease default margins for h<x>.title */
}
.submitted {
  color: #999;
  font-size: 0.8em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}
.block, .box {
  padding: 0; /* LTR */
}
.block {
  padding-bottom: 0;
  margin-bottom: 0;
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em; /* LTR */
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding-left: 1.5em; /* LTR */
}
.node .picture {
  border: 1px solid #ddd;
  float: right; /* LTR */
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right; /* LTR */
  font-weight: bold;
  font-size: 0.8em;
  float: right; /* LTR */
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right; /* LTR */
  margin: 0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
  width: 100%;
}
#forum td {
  padding: 0.5em;
}
#forum td.forum, #forum td.posts {
  background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
  background-color: #ddd;
}
#forum td.container {
  background-color: #ccc;
}
#forum td.container a {
  color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
div.admin-panel .description {
  color: #999;
}
div.admin-panel .body {
  background: #f4f4f4;
}
div.admin-panel h3 {
  background-color: #69c;
  color: #fff;
  padding: 5px 8px 5px;
  margin: 0;
}

/*****************/

#copyrights {
  padding: 50px 0;
  /*color: #808080;*/
  color: #000000;
  margin: auto;
  text-align: center;
  background-color: #EEEEEE;
}
#copyrights a, #copyrights a:link, #copyrights a:active, #copyrights a:visited {
  color: #000000;
  text-decoration: none;
  font-weight: normal;
}
#copyrights a:hover {
  text-decoration: underline;
  font-weight: normal;
}
.promo_block {
  padding-top: 20px;
  padding-left: 20px;
  margin:0 20px;
  width: 900px;
  height: 290px;
  overflow: hidden;
  background-color: transparent;
  background-image: url(images/promo_bg.jpg);
  background-repeat: no-repeat;
}
.promo_block .promo_img {
  float: left;
  width: 405px;
  height: 270px;
  overflow: hidden;
}
.promo_block .promo_star {
  margin-left: 30px;
  margin-right: 30px;
  float: left;
}
.promo_block .promo_body {
  color: #FFFFFF;
  font-size: 17px;
  float:right;
  width: 350px;
  height: 200px;
  overflow: hidden;
  padding-right: 20px;
}
.promo_block .promo_button {
 width: 233px;
 height: 44px;
 float: right;
 margin-top: 20px;
 margin-right: 50px;
 overflow: hidden;
}
#block-user-0 .form-item {
  float: left;
  margin: 5px 0;
  width: 100%;
}
#block-user-0, #block-user-0 a {
  clear: both;
  color: #2FA6C6;
  font-weight: normal;
  font-size: 13px;
  display: inline;
}
#block-user-0 .form-item label {
  float: left;
  clear: none;
  color: #2FA6C6;
  font-weight: normal;
  font-size: 13px;
  display: inline;
}
#block-user-0 .login_header {
  margin-bottom: 10px;
}
#block-user-0 .why_signup {
  float: right;
  margin-right: 20px;
}
#block-user-0 .why_signup a, #block-user-0 .why_signup a:link, #block-user-0 .why_signup a:visited, #block-user-0 .why_signup a:active {
  text-decoration: underline;
}
#block-user-0 .why_signup a:hover {
  font-weight: bold;
}
#block-user-0 .form-text{
  display: inline;
  float: right;
  margin-right: 10px;
  margin-left: 5px;
  width: 130px;
  border: 1px solid #2FA6C6;
}
#block-user-0 #edit-openid-identifier {
  width: 105px;
  border: 1px solid #2FA6C6;
  float: none;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/*
#block-user-0 .form-submit {
  clear: both;
  display: block;
  margin-left: 110px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  background-image: url(images/login.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 121px;
  height: 26px;
  border: 0;
  cursor: pointer;
}
*/
.view-random-testimonial-view .views-row{
  display: none;
  /*position: absolute;*/
}
.view-random-testimonial-view .views-row.views-row-first{
  display: block;
}
.view-random-testimonial-view .next_testimonial, .view-random-testimonial-view .prev_testimonial {
  font-size: 13px;
  font-weight: normal;
  color: #E5440D;
  text-decoration: none;
}
.view-random-testimonial-view .next_testimonial.n_p_hover, .view-random-testimonial-view .prev_testimonial.n_p_hover {
  font-size: 13px;
  font-weight: normal;
  color: #E5440D;
  text-decoration: underline;
  cursor: pointer;
}
.view-random-testimonial-view .testimonial{
  width: 595px;
  float: right;
}
.view-random-testimonial-view .testimonial_icon {
  width: 23px;
  height: 24px;
  overflow: hidden;
  margin-right: 5px;
  float:left;
}
.testimonial .links, .testimonial .links a, .testimonial .links a:link, .testimonial .links a:visited, .testimonial .links a:active {
  font-size: 13px;
  font-weight: normal;
  color: #E5440D;
  text-decoration: none;
}
.testimonial .links a:hover {
  text-decoration: underline;
}
.testimonial ul.links li {
  border-left: 1px solid #E5440D;
}
.testimonial ul.links li.first {
  border: 0;
}
._cl_ {
  clear: both;
}
.block-menu {
  float: left;
}

/**********************************************/
#dhtmlpointer {
  display: none;
}

/* styling feeds */
#feedControl .gfc-control {float: left; padding: 0 0 0 30px;}
#feedControl .gfc-resultsRoot { float: left; width:100%; padding: 10px 0; margin: 0 0 10px 0; list-style-image: url(images/feed_img.png); border: none;}
#feedControl .gfc-resultsHeader { float: left; margin: 0 0 10px 0; padding: 5px 0 0 0;}
#feedControl .gfc-resultsHeader .gfc-title {font-size: 15px; color: #555; font-weight: bold;}
#feedControl .gfc-resultsHeader {border: none; margin: 0;}
#feedControl .feed_player {color: #e5440d; font-weight: normal; cursor: pointer;}
#feedControl .feed_player_s {color: #e5440d; padding: 0 5px;}
#feedControl .feed_info {float: left;}



/*********************/
.fontinc a{
	font-weight: normal;
}

.h_pin, .h_trad, .h_simp {
	word-wrap: break-word;
}

/* profile style */

.uprofile{ float: left; width: 299px; padding: 12px; margin: 0 0 40px 0; border: 1px solid #f3f3f3; background: url(images/p_bg.png) repeat-x 0 0; }
.uprofile_pic {float: left; margin: 0 10px 0 0;}
.uprofile_desc {float: left; width: 221px;}
.uprofile_desc a {font-weight: normal;}
.uprofile_progress{ float: right; width: 280px; margin: 0 0 40px 0;}
.uprofile_progress a {font-weight: normal; color: #57686D;}
.uprofile_ausers{ float: right; width: 280px;}
.uprofile_fusers_c{ float: left; width: 200px;}
.uprofile_user {float: left; margin: 0 5px 5px 0;}
.uprofile_user img{display: block; width: 33px; height: 37px;}

.uprofile_comment{ float: left; width: 325px;}
.uprofile_comment #feedControl .gfc-resultsRoot{ margin: 0;}
.uprofile_comment .gfc-resultsHeader{ display: none;}
.gf-relativePublishedDate {font-size: 10px; line-height: 18px;}
.gf-comment {font-size: 12px; line-height: 18px;}

.uprofile_pic div, .uprofile_desc a, .gf-relativePublishedDate{ color: #fc4c0a;}
.uprofile h2, .uprofile_comment h2, .uprofile_progress h2, .uprofile_ausers h2 { margin: 0 0 10px 0; color: #868686; text-decoration: underline; line-height: 18px; font-weight: normal;}

/* promo block style */
.promo { padding: 0; margin: 0; position: relative; overflow: hidden; height: 310px; width: 740px;}
.promo .promo_content{ position: relative; height: 310px; width: 5000px;}
.promo .page{ float: left; height: 266px; width: 690px; padding: 22px 25px; background: url(images/promo_bg_2.jpg) no-repeat 0 0;}
.promo .page .pic{ float: left; padding: 15px 0; width: 334px; text-align: center;}
.promo .page .text{ float: left; padding: 29px 0 0 15px; height: 195px; width: 340px; }
.promo .page .text h1{ margin: 0; padding: 0; color: #fff; font-size: 24px; text-transform: uppercase;}
.promo .page .text p{ margin: 15px 0 0 0; padding: 0; color: #fff; font-size: 17px;}
.promo .page .button{ float: left; width: 340px; padding: 0 0 0 15px;}
.promo .page .button div{ float: left; height: 45px; width: 100px; cursor: pointer;}
.promo .page .button .next{ background: url(images/promo_next.png) no-repeat 0 0; float: right;}
.promo .page .button .next:hover{ background-image: url(images/promo_next_a.png);}
.promo .page .button .next.inactive:hover{ background-image: url(images/promo_next.png);}
.promo .page .button .prev, .promo .page .button .home{ background: url(images/promo_prev.png) no-repeat 0 0;}
.promo .page .button .prev:hover, .promo .page .button .home:hover{ background-image: url(images/promo_prev_a.png);}
.promo .page .button .demo{ background: url(images/promo_demo.png) no-repeat 0 0; float:right; /*float: left;*/}
.promo .page .button .demo:hover{ background-image: url(images/promo_demo_a.png);}
.promo .page .button .precios{ background: url(images/promo_next.png) no-repeat 0 0; float: right;}
.promo .page .button .precios:hover{ background-image: url(images/promo_next_a.png);}
.promo .page .button .buy a, .promo .page .button .demo a, .promo .page .button .precios a, .promo .page .button .home a{ display: block; width: 100%; height: 100%;}
.promo .page .button .take{ background: url(images/promo_take.png) no-repeat 0 0; width: 234px; margin-left: 118px;}


.promo .page .button .buy{ background: url(images/precios_comprar.png) no-repeat 0 0; float: right; display:none}
.promo .page .button .buy:hover{ background-image: url(images/precios_comprar_a.png);}


/* precios table style */
#precios { 
	width: 100%;
}
#precios tr{ }
#precios tbody, #precios tr th{ 
	border: none;
}
#precios tr th, #precios tr td{ 
	text-align: center;
}
#precios tr th.precios_left, #precios tr td.precios_left{ 
	text-align: left;
}

#precios span{
	display: block;
	margin: 0px auto;
	background: url(images/precios_no.png) no-repeat center center;
	width: 16px;
	height: 16px;
}

#precios .precios_yes{
	background-image: url(images/precios_yes.png);
}
#precios tr td a.precios_comprar{ 
	display: block;
	margin: 0px auto;
	background: url(images/precios_comprar.png) no-repeat center center;
	width: 94px;
	height: 39px;
}
#precios tr td a.precios_comprar:hover{
	background-image: url(images/precios_comprar_a.png);
}



#block-user-0 li {
	list-style: none;
}

#footer .block .content ul.menu li.leaf {
	display: inline;
}

.feed_link{ 
  float: right;
  line-height: 24px;
  height: 24px;
}
.feed_link a, 
.feed_link span{
  float: left;
}

.feed_link a{ 
  font-weight: normal;
  display: inline-block;
  margin: 0 0 0 10px;
  height: 24px;
}

.page-lesson ul.primary {
  border-bottom: 1px solid #d4d4d4;
  height: 24px;
}

.page-lesson ul.primary li a {
  background: #f2f2f2;
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  color: #5f5f5f;
  font-size: 13px;
  padding: 8px 18px;
  font-weight: normal;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.page-lesson ul.primary li.active a {
  background: #fff;
  border-bottom: 1px solid #fff;
  font-weight: bold;
}

.page-lesson #tab_vocab span a {
  color: #3766ac !important;
  font-size: 14px !important;
}

.page-lesson #tab_vocab tr:first-child td {
  padding-top: 10px;
}

.page-lesson #tab_vocab tr:last-child td {
  padding-bottom: 10px;
}

.page-lesson #b_dl_next a {
  color: #5f5f5f !important;
}

.prices-registration {
  font-size: 14px;
  color: #FFF !important;
  font-weight: bold;
  background: #d42f41;
  margin: 10px 20px 30px 0;
  padding: 10px 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: right;
}