/*
// main #26AF61 (active/hover #1FA057)
// main light #BAE0CB
// link #26AF61
// hr dark #969696
// black font #454545
// gray hover #bbbbbb
// light lines #dfdfdf
// secondary (buttons) #f18540 (old #EBB244) (active/hover #E2732C)

-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;

-moz-box-sizing: border-box;
box-sizing: border-box;
*/
/* Clearfix */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix {zoom:1} /* IE6 */
*:first-child+html .clearfix {zoom:1} /* IE7 */
/* end Clearfix */
body {font-family:'Open Sans', sans-serif;color: #454545; padding: 0; margin: 0; font-size: 13px;background: url('../img/body-background.png');}
abbr {cursor:pointer; border-bottom: dotted 1px;}
#printBuffer {display:none} /* div para funciones de impresión web */
a {text-decoration:none;color:#26AF61}
ul {padding-left:20px}
ul.spaced li {margin:1em}
ol {padding-left:20px}
ol.spaced li {margin:1em}
img {border:none}
input[type='text'], input[type='email'], input[type='file'], input[type='password'], .inputTags {padding: 3px;font-family: Verdana, sans-serif;font-size: 1em;border: 1px solid #CECECE;background-color: #FAFAFA;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
}
input[type='checkbox'] {
    vertical-align: middle;
}
textarea {font-family: Verdana, sans-serif;font-size: 1em;border: 1px solid #CECECE;background-color: #FAFAFA;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;box-sizing: border-box;-moz-box-sizing: border-box;}
select {padding: 3px 5px 3px 5px;font-family: Verdana, sans-serif;font-size: 1em;border: 1px solid #CECECE;background-color: #FAFAFA;color: #000000;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;box-sizing: border-box;-moz-box-sizing: border-box;}
hr {border: none;height: 1px;background: #C5C5C5;}
hr.light {background:#CECECE;}
fieldset {padding:7px;border:1px solid #CECECE;overflow:hidden}
fieldset .legend {color:#B6CFA8;text-align:right}
table {border-collapse:collapse}
table, th, td {border:0}
table tbody th {color: #909090;font-weight: normal;text-align: left;}
table.cellPadded td, table.cellPadded th {padding:5px}
table.centered td,
table.centered th {text-align:center}
table.center {margin: 0 auto}
table.spacingRows > tbody > tr {height:30px}
table.tallestRows > tbody > tr {height:50px}
.centeredTable {margin:0 auto;text-align:left}
.centeredTable th, .centeredTable td  {text-align:left}
table td.padded, table th.padded {padding:5px}
table td.par {background-color:#eaeaea}
table td.impar {background-color:#f5f5f5}

/* CUTEROWS */
table.cuteRows {overflow:hidden;width:100%;border-collapse:separate;margin:0 auto;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
table.cuteRows tr {border-bottom:1px solid #C2CCBD}
table.cuteRows thead tr th {padding:3px 0 3px 0;color: #FFF !important;font-weight:normal;text-align:center;}
table.sortable thead th {cursor:pointer}
table.cuteRows thead tr {background: #26AF61;}
table.cuteRows thead th.headerSortUp {background: #8EB181;}
table.cuteRows thead th.headerSortDown {background: #8EB181;}
table.cuteRows tbody tr:nth-child(even) {background-color:#FAFAFA;}
table.cuteRows tbody tr:nth-child(odd) {background-color:#F5F5F5;}
table.cuteRows tbody td {padding:5px 1px 5px 5px;border-right:1px solid #ccc}
table.cuteRows th:first-child {
	border-top-left-radius:3px;
	-moz-border-top-left-radius:3px;
	-webkit-border-top-left-radius:3px;
	-khtml-border-top-left-radius:3px;
}
table.cuteRows th:last-child {
	border-top-right-radius:3px;
	-moz-border-top-right-radius:3px;
	-webkit-border-top-right-radius:3px;
	-khtml-border-top-right-radius:3px;
}
table.cuteRows tr:last-child td:first-child {
	border-bottom-left-radius:3px;
	-moz-border-bottom-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-khtml-border-bottom-left-radius:3px;
}
table.cuteRows tr:last-child td:last-child {
	border-bottom-right-radius:3px;
	-moz-border-bottom-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-khtml-border-bottom-right-radius:3px;
}
table.cuteRows tbody tr td:last-child {border:none !important;}
table.cuteRows tbody tr:hover {background-color:#CFCFCF;color:#ffffff}
.a-half {width:50%}
.a-third {width:33%}
.two-thirds {width: 66%}
.three-quarters {width: 75%}
.top-down-spaced {margin-top:1em;margin-bottom:1em;}
.big {font-size: 16px !important;}
.big-text {font-size: 16px !important;}
.huge {font-size:20px !important}
.huge-text {font-size:20px !important}
.bold {font-weight:bold}
.border {border:1px solid black}
.bottom_margin {margin-bottom:5px}
.marginBottom {margin-bottom:5px}
.marginTop {margin-top:5px}
.centered {text-align:center}
.centeredDiv {margin:0 auto}
div.tableStyle {display:table;}
.dark {color:#356f1b}
.blackText {color:black !important}
.horizontalPadding {padding:5px 0 5px 0}
.fullWidth, .fullwidth, .full-width {width:100%}
.hidden {display:none}
.block {display:block !important}
.h15 {height:15px}
.h30 {height:30px}
.img16 {width:16px;height:16px}
.img30 {width:30px;height:30px}
.round5 {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.round10 {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
}
.thumb15 {
    width:15px;
    height:15px;
/*    border:1px solid #ccc;*/
    background-color:#fff;
    overflow:hidden;
    display:inline-block;
    vertical-align:middle;
    -webkit-border-radius:  7px;
    -khtml-border-radius:   7px;
    -moz-border-radius:     7px;
    border-radius:          7px;
}
.thumb15 img {width:15px;height:15px}
.thumb30 {
    width:30px;
    height:30px;
    /*border:1px solid #ccc;*/
    background-color:#fff;
    overflow:hidden;
    display:inline-block;
    vertical-align:middle;
    -webkit-border-radius:  15px;
    -khtml-border-radius:   15px;
    -moz-border-radius:     15px;
    border-radius:          15px;
}
.thumb30 img {width:30px;height:30px}
.thumb50 {
    width:50px;
    height:50px;
    /*border:1px solid #ccc;*/
    background-color:#fff;
    overflow:hidden;
    display:inline-block;
    vertical-align:middle;
    -webkit-border-radius:  25px;
    -khtml-border-radius:   25px;
    -moz-border-radius:     25px;
    border-radius:          25px;
}
.thumb50 img {width:50px;height:50px}

img.middle {vertical-align:middle}
.little {font-size:10px !important}
.lildate {display: inline-block;padding: 0 0 2px 0;vertical-align: middle;font-size: 8px;color: #909090;margin: 0 4px;}
.pointer, .clickable {cursor:pointer}
.title {font-size:16px;font-weight:bold;text-shadow: 0 0 1px rgba(51,51,51,0.3);}

.right {float:right}
.left {float:left}
.topoption {float:right}
.textcenter {text-align:center}
.textleft {text-align:left}
.textright {text-align:right}
.texttop {vertical-align:top}
.watermark {color:#909090 !important}
.help-text {text-align:center;color:#909090 !important}
.white {color:white}
.nobold {font-weight: normal}
.need_margin {margin:5px}
.margined {margin:10px}
.warning {
    font-size: 10px;
    width: 100%;
    box-sizing: border-box;
    margin: 20px auto;
    color:#909090;
    border:#E4D9BD 3px solid;
    padding:10px;
    text-align:center;
    background-color: #F8F0DA;
    background-image: url('../img/warn.png');
    background-repeat: no-repeat;
    background-position: 15px;
    -webkit-border-radius: 3px;
    -khtml-border-radius:  3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
}
.opac {opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */}
.offer {font-size:15px;padding:10px 0 10px 0;color:white;font-weight:bold;text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	background: #ff0000;
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffb0a5',GradientType=0 ); */
	background: -moz-linear-gradient(top,  #ff0000 0%, #ffb0a5 100%);
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#ff0000), color-stop(100%,#ffb0a5));
	background: -webkit-linear-gradient(top,  #ff0000 0%,#ffb0a5 100%);
	background: -o-linear-gradient(top, #ff0000 0%,#ffb0a5 100%);
	background: -ms-linear-gradient(top, #ff0000 0%,#ffb0a5 100%);
	background: linear-gradient(to bottom, #ff0000 0%,#ffb0a5 100%);
}
.red {color:red !important}
.green {color:green !important}
.markInList {width:30px;font-weight:bold}
.dateInList {width:8em;font-size:10px}
.overhidden {overflow:hidden}
.selectThumb {margin:5px;padding:6px;border:1px solid #CECECE}
.highlight {background-color:yellow}
.padded {padding:5px !important}
.bigPadding {padding:10px !important}
.video-embed {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}
.video-embed iframe {
    width: 100%;
    height: 385px;
}

input.butonize, a.butonize, .topoption a, button, input[type='submit'], input[type='button'] {
    border: 0;
    text-align: center;
	font-size:11px;
	cursor:pointer;
	color: white;
	background-color: #26AF61;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	display:inline-block;
	font-family:Verdana, sans-serif;
	padding:3px 5px;
	text-decoration:none;
}
input.butonize:active, a.butonize:active, .topoption a:active, button:active, input[type='submit']:active, input[type='button']:active {background: #26AF61;border: 0;cursor:pointer;color: white;display:inline-block;font-family: Verdana, sans-serif;padding:3px 5px;text-decoration:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;}
input.butonize:hover, a.butonize:hover, .topoption a:hover, button:hover, input[type='submit']:hover, input[type='button']:hover {background: #1FA057}
input.flame, a.flame {background-color: #26AF61 !important;}
input.flame:active, a.flame:active, input.flame:hover, a.flame:hover {background-color: #1FA057 !important;}
input.cancelize, a.cancelize, button.cancelize {color: #666666;border: 0;text-align: center;font-size:11px;cursor:pointer;background: #CACACA;display:inline-block;font-family:Verdana, sans-serif;padding:3px 5px;text-decoration:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;}
input.cancelize:hover, a.cancelize:hover, button.cancelize:hover {background: #bbbbbb}
input.cancelize:active, a.cancelize:active, button.cancelize:active {background: #C5C5C5 !important;}
.my_thumb {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow:         0 5px 10px rgba(0, 0, 0, 0.2);
}
.thumbShadowed {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow:         0 5px 10px rgba(0, 0, 0, 0.2);
}
.shadow {
    -webkit-box-shadow: rgba(190, 190, 190, 0.498039) 1px 1px 1px 1px;
	-moz-box-shadow:    rgba(190, 190, 190, 0.498039) 1px 1px 1px 1px;
	box-shadow:         rgba(190, 190, 190, 0.498039) 1px 1px 1px 1px;
}
.semiCute {overflow:hidden;position:relative;background: #F7F7F7;padding:20px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

/* WARNINGS */
.warningFrame {width: 90%;overflow: hidden;padding: 5%;text-align:center}
.warningFrame .warningIn {width:100%;background-color:#F2F7EF;border: 1px solid #DAE4BB;padding:20px;font-size:16px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	box-shadow: inset 0 1px 0 #D7F0BF;
	-moz-box-shadow: inset 0 1px 0 #D7F0BF;
	-webkit-box-shadow: inset 0 1px 0 #D7F0BF;
}
.warningFrame .warningIn #amount {font-size:25px;font-weight:bold;color:#598940}
.warningFrame .warningIn #amount .currency {color:#AAC99A !important}
.eurosymbol {
    font-size: 22px;
    font-weight: bold;
    color: rgb(42, 63, 10);
}
/* DIVISIONES */
.dvsn {
    background: #EEEEEE;
    position:relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}
.dvsn .dvsnHdr {
    min-height: 1em;
    text-align:left;
    padding: 0.6em 0 0.6em 1em;
    color: #ffffff;
	background: #26AF61;
}
.dvsn .dvsnHdr a {color: #ffffff}
.dvsn .dvsnHdr input[type='text'], .dvsn .dvsnHdr input[type='email'] {
    padding:3px;
    font-family:Verdana, sans-serif;
    font-size:12px;
    border:1px solid #e0eada;
    background-color:white
}
.dvsn .dvsnIn {
    padding:10px 5px 20px 5px
}
.dvsn .dvsnFtr {
    height:30px;
    text-align:center;
    padding:10px;
}
.dvsn .dvsnFtr select {
    background:white
}
.dvsn select {
    padding:3px 5px 3px 5px;
    font-family:Verdana, sans-serif;
    font-size:12px;
}
/* Hack para blogs */
#raBlog .dvsn {border:1px solid #CCC9BD !important}
#raBlog .dvsn .dvsnHdr {background-color:#FAF7E6  !important;color:#6B6963 !important;border-bottom:1px solid #CCC9BD !important}
#raBlog .dvsn .dvsnIn hr {background:#FAF7E6 !important}
#raBlog .dvsn .dvsnFtr {border-top:1px solid #CCC9BD !important;background-color:#FAF7E6 !important;}
#raBlog .dvsn input[type='text'], #raBlog .dvsn input[type='email'], #raBlog .dvsn input[type='file'], #raBlog .dvsn input[type='password'] {border:1px solid #e0eada !important;background-color:#FAF7E6 !important}
#raBlog .dvsn select {border:1px solid #EAE8DA !important;background-color:#FAF7E6 !important}
/* Fin del hack para blogs */
/* BOTONES */
a.but{
	color:#122404;
	background-color:#f5fcf2;
	font-weight:bold;
	text-decoration:none;
	line-height:17px;
	padding:2px;
	padding-right:4px;
	padding-left:4px;
	border:2px solid #7bb096;
}
a:hover.but{
	color:#2c5709;
}
/* LOADING */
#loading {display:none}
#loadingWb {display:none;text-align:center}

/* GROUPS */
#group-settings table#users-datalist tr td input {width: 100%;}
#divCreateGroup input[type='text'], #divCreateGroup input[type='email'] {width:100%}
#divCreateGroup select {width:100%}

.basic-group-settings input[type='text'], .basic-group-settings textarea {width: 80%}
.basic-group-settings textarea {height: 150px;}

#mainGroupList {margin:0;padding:0}
#mainGroupList hr {background:#eee;border:none;height:2px}
#mainGroupList .groupRow {padding:5px;overflow:hidden;position:relative;border: 1px solid #DFDFDF;background: #FFF;margin-bottom: 10px;
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
#mainGroupList .groupRow .need_buttons {font-size: 17px;}
#mainGroupList .groupRow .groupImg {float:left;background-color:#fff;overflow:hidden;
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
#mainGroupList .groupRow .groupImg img {
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
#mainGroupList .goldGroup {background-image:url(../img/bggold.png);background-position: -10px -17px;}

#editzone #iconChanger .photo {
    width: 250px;
    height: 250px;
    border: 1px solid #B8B8B8;
    overflow:hidden;
    margin:0 auto 10px auto;
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
#editzone #iconChanger .photo img {
    width: 100%;
}
#editzone .membersList {overflow-x: auto;height: 200px;}



/* PARTNERS */
#partnersList .partnerRow {
    margin-bottom:5px;
    background:#F7F7F7;
    padding:5px;
}
#partnersList .partnerRow .partnerInfo {

}
#partnersList .partnerRow .partnerSubinfo {
    color:#aaa;
}
#partnersList .partnerRow .partnerImg img {
    width:30px;
    height:30px
}
#partnersList .partnerRow .partnerImg {

}

/* CLASSROOMS CONFIGURATION */
#editzone #classroomConfig #promocodesWindow {border: 1px solid #FAFAFA;height: 100px;overflow-y: scroll;}
#promocodesList .promocodeRow {height: 20px;line-height: 20px;}
#promocodesList .promocodeRow .promocodeCode {overflow:hidden;height: 20px;line-height: 20px;display: inline-block; width: 150px;}
#promocodesList .promocodeRow .promocodeDesc {overflow:hidden;height: 20px;line-height: 20px;display: inline-block; width: 390px;overflow: hidden;color: #909090;}
#editzone #classroomConfig #promocodesEditform {display:none}

/* REDALUMNOS PAGES */
.ra_page {font-size:13px}
.ra_page_left {width:150px;float:left;padding:30px 10px 0 10px;overflow:hidden}
.ra_page_right {border-left:2px solid #c5deb7;padding:30px 10px 0 10px;overflow:hidden;min-height:600px}
.ra_page_right p {text-indent:25px}
/* ZONES */
#topContainer {}
#topContainer a {text-decoration:none}
#topContainer a:hover {text-decoration:none}

#top {background-color: #26AF61;text-align:left;width:1010px;margin-right:auto;margin-left:auto;overflow:hidden;height:40px;border-bottom: 1px solid #83A266}
#top #logotype {float:left;padding:5px 10px 0 10px}
#top #logotype:hover {background-color:#8AAD75}
#top .topWarn {float:left;width:20px;overflow:hidden;padding:15px 0 0 5px}
#top .topWarn a {display:block;width:20px;height:20px;}
#top .topWarn:hover {background-color:#8AAD75}
#top ul {list-style:none;margin:0;padding:0}
#top li {float:left;padding-left:10px;padding-right:10px;height:40px;line-height:40px}
#top li:hover {background-color:#8AAD75}

#headerOptionsV2 {float:right;text-align:right;padding-right:10px;font-weight:bold}
#headerOptionsV2 a {color:#fff}
#headerOptionsV2 form {vertical-align:middle}
#topContainerShdw {display:none}
/*
#topContainerShdw {background:url(../img/hdrgradient.jpg);height:22px;width:1016px;margin:0 auto;}
*/
#mainHeader {padding-left:10px}

#top #headerOptions {float:right;text-align:right;padding-top:10px;height:30px}

/* NOTIFICATIONS */
#raNotifs {background:white;top:0;padding:5px;font-size:9px;position:absolute;border-bottom: 1px solid #DBDBDB;border-right: 1px solid #DBDBDB;width:550px;z-index:100;height:300px;overflow:hidden;display:none;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}
#raNotifsInt {background-color:white;height:275px;overflow-y:scroll;overflow-x:hidden;border:1px solid #eee}
#raNotifsInt a {text-decoration:none;color:black}
#raNotifsInt div.notifRow {position:relative;padding:5px 5px 5px 60px;border-bottom:1px #eee solid;margin:0;min-height:30px;line-height:15px}
#raNotifsInt div.notifRow:hover {background-color:#BAE0CB !important}
#raNotifsInt div.newnotif {background-color:#FAF7E6}
#raNotifsInt div img.imgnotif {position:absolute;left:5px;width:30px;height: 30px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
}
#raNotifsInt div span.infoicon {position:absolute;left:37px}
#footNotifs {text-align:center;padding:5px;}
#noNewNotifs {font-size:12px;text-align:center;padding-top:90px;background-color:white;color:#909090}

/* MAIN REDALUMNOS BODY */
.ramain {width: 960px;margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* raBody y raExt deben ser dos zonas idénticas */
#raBody {
    position:relative;
    min-height:600px;
    text-align:left;
    width:1010px;
    margin-right:auto;
    margin-left:auto;
    background-color: #fff;
    border-left: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.clearFooter {clear:both;height:10px}

span.saveContentOption {display:-moz-inline-stack;display:inline-block;cursor:pointer;height:16px;width:16px;margin-right:5px;background:url(../icon/icons.png) -150px 0 no-repeat}

/* inlineicon: cursor pointer */
span.inlineicon {display:-moz-inline-stack;display:inline-block;cursor:pointer;height:16px;width:16px;vertical-align:middle}
/* infoicon: no cursor */
span.infoicon {display:-moz-inline-stack;display:inline-block;height:16px;width:16px;vertical-align:middle}

/* slidemenu */

.falseMenu {border:0;padding:3px 0 3px 3px;}
.falseMenu:hover {background-color:#BAE0CB !important}
.slideMenuV2 {
    position:relative;
    border:0;
    padding:3px 0 3px 0;
}
.slideMenuV2:hover {background-color:#BAE0CB !important}
.slideMenuV2 img {border-radius:7px}
/*.slideMenuV2 .slideOptions {background-color:#BAE0CB}*/
.slideMenuV2 span.iicon {display:-moz-inline-stack;display:inline-block;cursor:pointer;height:16px;width:16px;vertical-align:middle}
.optsMenuV2 span.iicon {display:-moz-inline-stack;display:inline-block;cursor:pointer;height:16px;width:16px;vertical-align:middle}

/* need_options */

.has_options:hover {background-color:#BAE0CB}
.has_options .live_options {float:right;display:none}

.need_buttons {border:0;padding:3px 0 3px 0;position: relative}
.need_buttons:hover {background-color:#BAE0CB;text-decoration:none}
div.admIcons {height:15px}

/* ICONS v2 */
span.iconexclam {background:url(../icon/iconsv2.png) 0 0 no-repeat}
span.icondropbox {background:url(../icon/iconsv2.png) 0 -20px no-repeat}
span.icondelete {background:url(../icon/iconsv2.png) 0 -40px no-repeat}
span.iconremove {background:url(../icon/iconsv2.png) 0 -40px no-repeat}
span.iconunshare {background:url(../icon/iconsv2.png) 0 -40px no-repeat}
span.iconunfolder {background:url(../icon/iconsv2.png) 0 -40px no-repeat}
span.iconextfile {background:url(../icon/iconsv2.png) 0 -60px no-repeat}
span.iconcloud {background:url(../icon/iconsv2.png) 0 -60px no-repeat}
span.iconblog {background:url(../icon/iconsv2.png) 0 -80px no-repeat}
span.iconphoto {background:url(../icon/iconsv2.png) 0 -100px no-repeat}
span.iconinfo {background:url(../icon/iconsv2.png) 0 -120px no-repeat}
span.iconvideo {background:url(../icon/iconsv2.png) 0 -140px no-repeat}
span.icongroup {background:url(../icon/iconsv2.png) 0 -160px no-repeat}
span.iconperson {background:url(../icon/iconsv2.png) 0 -180px no-repeat}
span.iconfolder {background:url(../icon/iconsv2.png) 0 -200px no-repeat}
span.iconmail {background:url(../icon/iconsv2.png) 0 -220px no-repeat}
span.iconletter {background:url(../icon/iconsv2.png) 0 -220px no-repeat}
span.iconsendmsg {background:url(../icon/iconsv2.png) 0 -220px no-repeat}
span.iconboard {background:url(../icon/iconsv2.png) 0 -240px no-repeat}
span.iconevent {background:url(../icon/iconsv2.png) 0 -260px no-repeat}
span.icontimetable {background:url(../icon/iconsv2.png) 0 -280px no-repeat}
span.iconparent {background:url(../icon/iconsv2.png) 0 -300px no-repeat}
span.iconadd {background:url(../icon/iconsv2.png) 0 -320px no-repeat}
span.icondoc {background:url(../icon/iconsv2.png) 0 -340px no-repeat}
span.iconlink {background:url(../icon/iconsv2.png) 0 -360px no-repeat}
span.iconcalendar {background:url(../icon/iconsv2.png) 0 -380px no-repeat}
span.iconexam {background:url(../icon/iconsv2.png) 0 -400px no-repeat}
span.iconhomework {background:url(../icon/iconsv2.png) 0 -420px no-repeat}
span.iconassgnmnt {background:url(../icon/iconsv2.png) 0 -420px no-repeat}
span.iconshare {background:url(../icon/iconsv2.png) 0 -440px no-repeat}
span.iconedit {background:url(../icon/iconsv2.png) 0 -460px no-repeat}
span.iconpdf {background:url(../icon/iconsv2.png) 0 -480px no-repeat}
span.iconcancel {background:url(../icon/iconsv2.png) 0 -500px no-repeat}
span.icondocedit {background:url(../icon/iconsv2.png) 0 -520px no-repeat}
a.twnotifOff {background:url(../icon/iconsv2.png) 0 -860px no-repeat}
a.twnotifOn {background:url(../icon/iconsv2.png) 0 -880px no-repeat}
span.iconeye {background:url(../icon/iconsv2.png) 0 -580px no-repeat}
span.iconmoney {background:url(../icon/iconsv2.png) 0 -600px no-repeat}
span.iconhelp {background:url(../icon/iconsv2.png) 0 -620px no-repeat}
span.iconbuilding {background:url(../icon/iconsv2.png) 0 -640px no-repeat}
span.iconchat {background:url(../icon/iconsv2.png) 0 -660px no-repeat}
span.iconsound {background:url(../icon/iconsv2.png) 0 -680px no-repeat}
span.iconinvoice {background:url(../icon/iconsv2.png) 0 -700px no-repeat}
span.iconlogout {background:url(../icon/iconsv2.png) 0 -720px no-repeat}
span.iconcard {background:url(../icon/iconsv2.png) 0 -740px no-repeat}
span.iconfiles {background:url(../icon/iconsv2.png) 0 -740px no-repeat}
span.iconabsence {background:url(../icon/iconsv2.png) 0 -760px no-repeat}
span.iconaccept {background:url(../icon/iconsv2.png) 0 -780px no-repeat}
span.icondeny {background:url(../icon/iconsv2.png) 0 -500px no-repeat}
span.iconok {background:url(../icon/iconsv2.png) 0 -780px no-repeat}
span.iconhierarchy {background:url(../icon/iconsv2.png) -0px -800px no-repeat}
span.iconslide {background:url(../icon/iconsv2.png) -0px -820px no-repeat}

span.iconemot1 {background:url(../icon/emoticons.png) 0 -0px no-repeat}
span.iconemot2 {background:url(../icon/emoticons.png) 0 -20px no-repeat}
span.iconemot3 {background:url(../icon/emoticons.png) 0 -40px no-repeat}
span.iconemot4 {background:url(../icon/emoticons.png) 0 -60px no-repeat}
span.iconemot5 {background:url(../icon/emoticons.png) 0 -80px no-repeat}
span.iconemot6 {background:url(../icon/emoticons.png) 0 -100px no-repeat}
span.iconemot7 {background:url(../icon/emoticons.png) 0 -120px no-repeat}
span.iconemot8 {background:url(../icon/emoticons.png) 0 -140px no-repeat}

/* ICONS */
span.icondload {background:url(../icon/icons.png) -165px -75px no-repeat} /* download */
span.iconeject {background:url(../icon/icons.png) -180px -75px no-repeat}
span.iconsave {background:url(../icon/icons.png) -150px 0 no-repeat}
span.iconnotepad {background:url(../icon/icons.png) -165px 0 no-repeat}
span.iconmove {background:url(../icon/icons.png) -0px -75px no-repeat}
span.iconcorrect {background:url(../icon/icons.png) -120px -15px no-repeat}
span.iconincorrect {background:url(../icon/icons.png) -225px -15px no-repeat}
span.iconfav {background:url(../icon/icons.png) -210px -150px no-repeat}
span.iconapp {background:url(../icon/icons.png) -150px -180px no-repeat}
span.iconattach {background:url(../icon/icons.png) -30px -210px no-repeat}
span.iconforbid {background:url(../icon/icons.png) -120px -30px no-repeat}
/* ADDZONE */
#addzone {width:960px;margin:0 auto;padding:10px;z-index:50;display:none;overflow:hidden;position:absolute;left:0;background-color:white;overflow:hidden;border-bottom: 1px solid #DBDBDB;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
#addzone #aCallowedExtfiles {margin:10px auto 10px auto;width:400px;color:#909090}
#addzone #aCallowedDocs {margin:10px auto 10px auto;width:400px;color:#909090}
#addzone ul {float:right;text-align:right;margin:0;padding:0}
#addzone li {display:inline;padding:0 5px 0 5px;margin:0;}

#addzone #videosearch {display:none;height:130px;overflow-x:scroll;overflow-y:hidden;}
#addzone #videosearch .video-response {width:100% !important}
#addzone #videosearch .video-item {display:table-cell;padding-left:5px;text-align:center !important}

/* INFOZONE */
.infozone {width:590px;padding:5px 2px 50px 2px;float:left;min-height:700px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.infozone #infozone_title {clear:both;margin-bottom:1px;height:25px;overflow:hidden}
.infozone .infozone_title {clear:both;margin-bottom:1px;height:25px;overflow:hidden}
.infozone #infozone_body #create_group {padding-top:10px}
.infozone #infozone_body #joinagroup {padding-top:10px}
.infozone #infozone_youareingroup {padding:10px;margin-bottom:10px;border-style:solid;border-width:3px} /* color:#3A6D21; */
.infozone .membership-warning {font-size: 14px;margin: 10px;text-align: center;font-weight: bold;}

/* COMMUNITY */
#community {padding-top:5px}
#community #communityCenter {width:575px;padding:5px 2px 50px 2px;float:left}
#community #communityLeft {width:160px;padding:5px 4px 0 4px;float:left;overflow:hidden}
#community #communityLeft #communityPeople img {margin:4px;border:1px solid #c5deb7;width:30px;height:30px}
#community .communityGroups .groupRow {margin-bottom:3px;line-height:20px;overflow:hidden;font-size:9px;background:#F7F7F7;padding:5px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}
#community .communityGroups .groupRow img {vertical-align:middle;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
#community #communityRight {width:250px;padding:5px 4px 0 4px;font-size:13px;float:left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#communityBanner {width:150px;overflow:hidden}

/* MENUS */
#lmenu {float:left; width:150px; overflow:hidden; min-height:500px; padding:5px 0 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#lmenu #lmenuInfo {margin: 10px 0}
#lmenu div.menuOpt {line-height:20px;height:20px;padding:0 5px 0 7px;}
#lmenu div.menuOpt:hover {background-color:#F0F0F0}
#lmenu div.menuOpt a {color:#454545;line-height:20px;vertical-align:middle;text-decoration:none;width:100%;display:block;
/*
    -webkit-transition-property:padding-left;
    -moz-transition-property:   padding-left;
    -o-transition-property:     padding-left;
    transition-property:        padding-left;

    -webkit-transition-duration:    0.5s;
    -moz-transition-duration:       0.5s;
	-o-transition-duration:         0.5s;
    transition-duration:            0.5s;
*/
}
/* #lmenu #scoreClassroom {text-align: center;margin:10px 0 10px 0;} */
#lmenu .browserwarning {border:2px solid #E4DBAF;background:url('../img/warn.png') no-repeat 6px;padding:8px 3px 8px 25px;font-size:9px}
#lmenu .sep {background-color: rgb(234, 238, 215);height: 1px;margin: 2px;}

#lmenu #fastGroups ul li {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 140px;
    overflow: hidden;
    padding-left: 13px;
}

/* recent groups */
#lmenu .rcntGrps {
    margin: 8px 0 8px 0;
}
#lmenu .rcntGrps .rcntMore {
    display: none;
}
#lmenu .rcntGrps .rcntShowMore {
    font-size: 0.7em;
    text-align: center;
}
#lmenu .rcntGrps .rcntRw {
    width: 84%;
    overflow: hidden;
    height: 19px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.9em;
    padding: 0 0 0 16%;
    cursor: pointer;
    color: #26AF61;
}
#lmenu .rcntGrps .rcntRw:hover {
    background-color: #F0F0F0;
}
#lmenu .rcntGrps .rcntRw img {vertical-align: middle;width: 15px;height: 15px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
}
#lmenu .rcntGrps .rcntShowMore a {
    text-decoration: none;
    color: #ABC48D;
}

#rmenu {padding:5px 0 0 0;float:right;width:220px;position:relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#rmenu #rmenuHeader {padding:0 3px;}

#rmenu #chatMembers {height:400px;overflow-x:hidden;overflow-y:scroll;padding:3px 5px 3px 3px}
#rmenu #chatMembers .memberRow {height:25px;overflow: hidden;}

#infoDocs #pdfPreview {
    display:none;
    height:400px;
    border:1px solid #eee;
    margin-top:10px;
    overflow:hidden;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

#addcontent #videobar {width:530px;height:220px;overflow:scroll}
#addcontent #videobar .video-response {width:510px}
#addcontent #videobar .video-item {float:left;margin:2px;text-align:center}
.pendingtask {border:1px solid #c5deb7;padding:4px;margin-bottom:2px;overflow:hidden}
/* EXAMS */
.exam_question_area {border:1px solid #c5deb7;padding:5px;margin:5px}
.exam_correct_answer {color:#26AF61}
.exam_incorrect_answer {color:red}
.answer_container {margin:5px;}
.examresult_row:hover {background-color:#BAE0CB}
#exam-seconds {font-size: 30px;color: #737373;}

div.exam_question_area .joinLines, div#examQuestions .joinLines {width:95px;height:104px}
td.tdCanvas {width:50px}
table.tableLines {width:100%}
.infozone #infozone_body #content #activeExams div {padding: 3px;}
.infozone #infozone_body #content .examTitle {display: inline-block; width: 80%; overflow: hidden; white-space: nowrap; vertical-align: middle; text-overflow: ellipsis;}

/* RABB */
/*textarea#post {display:none}*/
textarea#post {width:100%;height:220px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
textarea#fast_post {width:100%;height:220px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cleditorMain {overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.post_text ol#welcomePost li {margin-top:5px;margin-bottom:5px}

#rabb #welcomeWhiteboard {font-size:16px;text-align:left}

#rabb #empty_whiteboard {padding:60px 0 60px 0;text-align:center}
#rabb #empty_whiteboard ul {margin-left:40px}
#rabb #empty_whiteboard li {line-height:20px}

#rabb hr {border-color:#c5deb7;color:#c5deb7;margin-bottom:10px}
.post {padding:0 1px;background-color: #ffffff;border: 1px solid #dfdfdf;margin-bottom:10px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.post div#postEditor {padding-top:10px}
.post div#postEditor .acceptButtons {
    padding: 3px 1em 0 0;
    text-align: right;
    clear: both;
}

#rabbSearchResults hr {border-color:#c5deb7;color:#c5deb7;margin-bottom:10px}

.post .post_header {padding:10px 0;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.post .post_hdr {color:#808095;padding-left: 35px;}
.post .post_hdr .need_buttons {padding-top:0;}
.post .post_aut {font-weight:bold}
.post .post_body {padding-left: 55px;}
.post .post_text {overflow:hidden;padding-top:5px;clear:both}
.post .post_text img {max-width: 100%}
.post .post_text_cnt {overflow:hidden}
.post .post_grpimg {position:absolute;width:50px;height:50px;overflow:hidden;
-webkit-border-radius: 25px;
-khtml-border-radius:  25px;
-moz-border-radius:    25px;
border-radius:         25px;
}
.post .post_authorimg {position:absolute;overflow:hidden;width:30px;height:30px;
-webkit-border-radius: 15px;
-khtml-border-radius:  15px;
-moz-border-radius:    15px;
border-radius:         15px;
}
.post .post_cnt {float:left;width:140px;}
.post .post_cnt_cmt {overflow:hidden;float:left;width:390px}
.post .showReply {font-size:10px;text-align:right;margin-bottom:5px}
.post .replies {font-size:11px;}
.post .replies .replyToPost {padding: 5px 0 5px 0}
.post .replies .replyToPost .replyImg {overflow:hidden;position: absolute;margin: 5px 0 0 10px;
-webkit-border-radius: 15px;
-khtml-border-radius:  15px;
-moz-border-radius:    15px;
border-radius:         15px;
}
.post .replies .replyToPost .replyImg img {width:30px;height:30px;}
.post .replies .replyToPost .replyBody {padding-left:55px}
.post .replies .replyToPost .replyAuthor {color:#808095;padding:3px 0}

.post .replyForm {clear:both;overflow:hidden;text-align: center}
.post .replyForm input {border-color:#dfdfdf;vertical-align:middle;width:545px}
.post .replyForm img {vertical-align:middle}

.post .replyForm .taReply {border-color:#e0eada;width:510px;font-size:10px;font-family:Verdana, sans-serif !important} /*#C5DEB7*/
.post .replyForm .taReply {height:18px;}
.post .numberOfReplies {display:block;text-align:center;font-size:10px}
.post .oldReplies .replyToPost {display:none}
/* CHAT */
#chatHelp {text-align: left;}
#chatTA {width: 100%;}
#chatWindow {height: 350px;overflow: hidden;position: relative;overflow-y: scroll;}
#chatWindow #content {position:absolute;bottom: 0;max-height: 100%;width: 100%;}
#chatWindow .chatMsg {margin-bottom: 2px;padding: 4px;background-color: #fafafa;}
#chatWindow .chatMsg .chatBody {padding-left: 40px;min-height: 30px;}
#chatWindow .chatMsg .chatAuthor {position: absolute;}
#chatWindow .chatMsg .chatAuthor .chatAuthorDecor {border: 1px solid #cccccc;overflow: hidden;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
}
#chatWindow .chatMsg .chatAuthor .chatAuthorDecor img {width: 30px; height: 30px;}

/* MAIL */
.mail {overflow:hidden;padding:5px;border: 1px solid #DFDFDF;background: #FFF;margin-bottom: 10px;
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
.mail .new_mail {background-color: #F7FFDB}

.mail_info {float:left;width:200px;}
.mail_selector {float:left;height:32px;padding-top:18px}
.mail_authorimg {float:left;height:50px;width:50px;overflow: hidden;
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
.mail_name {float:left;text-align:center;width:125px;height:50px;overflow:hidden}
.mail_preview {float:left;width:340px;height:50px;cursor:pointer}
.mail_prevtext {color:#909090;height:30px;font-size:10px;}
#mail_sent .mail_sent_preview {float:left;height:50px;cursor:pointer;padding-left:10px}

#newMailattachments {margin:10px 0}
/* BLOGS */
.slideMenu {
    position:relative;
    border:0;
    padding:3px 0 3px 0;
}
.slideMenu span.iicon {display:-moz-inline-stack;display:inline-block;cursor:pointer;height:16px;width:16px;vertical-align:middle}
.slideMenu:hover {background-color:#BAE0CB !important}

.infozone #infozone_body #create_blog input[type='text'], .infozone #infozone_body #create_blog input[type='email'] {width:360px}
.infozone #infozone_body #create_blog textarea {width:360px;height:200px}

body.blogBody {background-color:#F8F8F8 !important}
#raBlog div.par {background-color:#eaeaea}
#raBlog div.impar {background-color:#f5f5f5}
#raBlog .pagination {padding:5px;color:#636363;font-size:15px;text-align:center}
#raBlog .pagination a {text-decoration:none;}
#raBlog .pagination .bigNumber {font-size:20px}
#raBlog #postsList div {line-height:30px}
#raBlog #postsList div input {vertical-align:middle}
#raBlog #blogAdminBar {padding:5px;background-color:#C0C0C0;color:black;border-bottom:1px solid black;border-right:1px solid black;border-top:1px solid #DBDBDB;border-left:1px solid #DBDBDB}
#raBlog #blogAdminBar a {text-decoration:none;color:white}
#raBlog #blogBody {float:left;width:650px;padding:10px 40px 0 40px;overflow:hidden}
#raBlog #blogBody #filterText {padding:10px 0 10px 0;font-size:20px}
#raBlog #blogBody .addthis_toolbox {height:25px;padding:5px;}
#raBlog #blogBody textarea {width:650px}
#raBlog #blogBody .postSeparator {height:60px}
#raBlog #blogBody #postComments {padding:20px 0 20px 0;}
#raBlog #blogMenu {float:left;width:250px;padding:10px 10px 0 10px;overflow:hidden}
#raBlog #blogMenu #adminThumbs {padding-top:5px;}
#raBlog #blogMenu #adminThumbs div {line-height:30px;overflow:hidden}
#raBlog #blogMenu #adminThumbs img {width:30px;height:30px;vertical-align:middle}
#raBlog #blogMenu #userThumbs {padding-top:5px;}
#raBlog #blogMenu #userThumbs div {line-height:30px;overflow:hidden}
#raBlog #blogMenu #userThumbs img {width:30px;height:30px;vertical-align:middle}
#raBlog #blogMenu .noEntries {padding-top:10px;padding-bottom:10px}
#raBlog #blogMenu li {list-style:none;}
#raBlog #blogMenu ul {padding-left:10px}
#raBlog #blogPowered {clear:both;text-align:center;padding:10px;background-color:white}
#raBlog #commentsList .comment {width:652px;margin:0 auto}
#raBlog #commentsList .comment .commentBody {padding:0px 0 10px 10px;overflow:hidden}

/* UPLOADZONE */
#uploadzone {height:300px;margin:40px}
#uploadzone hr {margin-top:20px;margin-bottom:20px}
.tableForm {text-align:left}
.tableForm .td {height:20px}
#upload_files_form .aligned {width: 400px;box-sizing: border-box;margin-bottom: 10px;}

/* CALENDAR AND EVENTS */
#calendar {height:220px;overflow:hidden;right: 0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
}
#next_events {font-size: 10px}
#event_details {display:none;position:absolute;border:5px solid #E0E0E0;background-color:#F7F7F7;width:300px;padding:25px;margin:0 auto}
#event_details hr {clear:both;border:none;height:2px;background:#BBBBBB;
background: -webkit-linear-gradient(left, #EEEEEE, #BBBBBB, #EEEEEE);
background: -moz-linear-gradient(left, #EEEEEE, #BBBBBB, #EEEEEE);
background: -ms-linear-gradient(left, #EEEEEE, #BBBBBB, #EEEEEE);
background: -o-linear-gradient(left, #EEEEEE, #BBBBBB, #EEEEEE);
}
#calendario {width:240px;font-size:10px;margin:0 auto 0 auto}
#calendario ul {list-style:none;}
#calendario ul span {display:block;}
#calendario div.tabla {position:relative; width:240px; padding-bottom:26px;}
#calendario table {border:1px solid #bbb;width:240px;border-collapse:separate;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
#calendario table caption {font-size:12px;padding:5px;font-weight:bold}
#calendario table thead tr {height:20px}
#calendario table thead th {color:#26AF61;text-align:center} /*#f1fbe7*/
#calendario table tbody td {border-width:0 1px 1px 0; text-align:center;}
#calendario table tbody td:hover {background-color:#bbbbbb}
#calendario table tbody td a {color:#633F00}
#calendario table tbody td a:hover {text-decoration:none;}
#calendario table tbody td.diaNulo {color:#ccc;}
#calendario table tbody td.fechaHoy {font-size:13px;font-weight:bolder}
#calendario table tbody td.dia7 span a {color:#d22;}
#calendario table tbody td.haveEvents {background-color:#F0E3B6}
#calendario table tbody tr {height:23px;}
#calendario ul li.anterior {left:0;}
#calendario ul li.siguiente {right:0;}
#calNavMeses li:first-letter {text-transform:uppercase;}
#calNavMeses li {position:absolute; top:0; }
#calNavMeses li a {display:block; height:16px; width:16px;}
.eventRow {background:#ffffff;padding:5px;margin-bottom:10px;border-bottom:1px solid #dfdfdf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

/*#opciones {border:1px solid #ccc;border-width:1px 0;margin:20px 0;padding:10px 0;}
#opciones ul {list-style:none;}
#contenedor #opciones a {color:#0000EE;text-decoration:none;}
#contenedor #opciones a:hover {color:#F7941D;}*/

#eventsSidelist {height:200px;overflow-x:hidden;overflow-y:scroll;padding:3px 5px 3px 3px}
#eventsSidelist .eventsForDate {
    position:relative;
    font-size: 10px;
    padding:0 0 12px 0
}
#eventsSidelist .importantEvent  {
    position: absolute;
    top: 3px;
    left: 4px;
}
#eventsSidelist .eventDate {
    text-align:center;
    color:#794D00;
    padding: 3px;
    background:#F0E3B6;
    width: 50%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid #D3C189;
}
#eventsSidelist .eventString {padding:5px 0 0 5px;overflow:hidden;clear:both;background-color: #F8F0DA;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
#eventsSidelist .eventString .eventImg {position: absolute;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
#eventsSidelist .eventString .eventImg img {width:15px;height:15px;}
#eventsSidelist .eventString .eventTxt {padding: 0 0 0 18px;min-height: 20px;}
#eventsSidelist .eventString .eventTxt .eventLink {text-decoration: none; font-weight: bold; display: inline-block;}
#eventsSidelist .eventString span {color:#738569}
.inlineDate {
display: inline-block;
text-align: center;
color: #794D00;
padding: 2px;
font-size: 9px;
margin-right: 3px;
background: #F0E3B6;
text-shadow: #DDCE9A 0 1px 2px;
-webkit-text-shadow: #A89964 0 1px 2px;
-moz-text-shadow: #A89964 0 1px 2px;
box-shadow: 0 2px 2px #DACA97,inset 0 1px 0 #CCBC88;
-moz-box-shadow: 0 2px 2px #DACA97,inset 0 1px 0 #CCBC88;
-webkit-box-shadow: 0 2px 2px #DACA97,inset 0 1px 0 #CCBC88;
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
/* GALLERY */
.padThumb {
    margin-top: 1em;
}
.padThumb img {
    width: 75px;
    -webkit-border-radius:  37px;
    -khtml-border-radius:   37px;
    -moz-border-radius:     37px;
	border-radius:          37px;
}
.imagesel {
    margin-left:5px;
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
.albumPreview img {
    margin-right:10px;
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
.thumb {border:1px solid #c5deb7;width:50px;height:50px;overflow:hidden}
.thumb_container {border:1px solid #c5deb7;margin-bottom:10px;padding:10px;height:80px}
.thumb_img {width:50px;height:50px;overflow:hidden;float:left}
.thumb_img img {
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
.thumb_img30 {width:30px;height:30px;overflow:hidden}
.thumb_info {height:20px;padding:0 5px 0 5px;float:right;width:465px}
.thumb_subinfo {height:10px;font-size:10px;padding:0 5px 0 5px;float:right;width:465px}
.horizontalAlbumPreview {height:80px;overflow:auto;overflow-y:hidden;-ms-overflow-y:hidden;white-space:nowrap}
.horizontalAlbumPreview img {margin-left:5px}

/* horizontalImageSelector */
.horizontalImageSelector {padding: 6px;background: white;height: 70px;overflow: auto;overflow-y: hidden;-ms-overflow-y: hidden;white-space: nowrap;}
.horizontalImageSelector img {border: 1px solid white}

/* Image selector V2 */
.userimg-selector .userimg-ajaxloader {padding:20px;display:none;position:absolute}
.userimg-selector .userimg-imagecontainer {padding: 0.5em;background: white;display: table;table-layout: fixed;width: 100%;}
.userimg-selector .userimg-imagecontainer pre {white-space: nowrap;overflow-x:auto;overflow-y: hidden}
.userimg-selector .userimg-imagecontainer img {border: 1px solid white; border-radius: 0.2em}

#viewAlbum .thumb_container .thumb_info select {margin-bottom:5px}
/* DATE TIME */
#ra_datetime {font-size:18px;text-align:center;height:22px;margin: 10px 0;text-shadow: 0 0 1px rgba(51, 51, 51, 0.3);}
.popupTerms {text-align:left}
.popupTerms li {margin-bottom:6px}

/* APPLICATIONS */
#applicationArea {width:990px;overflow:hidden}
#applicationArea #app_name {color:#26AF61;}
#applicationArea iframe {width:990px;height:800px;border:0}
#authorization_request {font-size:15px;height:400px;padding:35px 50px 0 35px}
/* POPUP */
div.alertPopup{height:50px;width:100%;background-color: #fff;position:fixed;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);opacity: 0.95;-moz-opacity: 0.95;text-align:center;left:0;z-index:150;margin:0;padding:0;line-height:46px;font-size: 18px;top:200px;border-top:4px solid #e0e0e0;border-bottom:4px solid #e0e0e0;}
/* font-family:Verdana, sans-serif; */
/* TIMETABLE */
table.timetable {font-size:7px;text-align:center;border:2px solid #909090}
table.timetable tr {height:6px}
table.timetable th.dayName {width:67px}
table.timetable th {color:#aaaaaa;vertical-align:top;border:2px solid #909090}
table.timetable td {border-right:2px solid #909090;border-bottom:1px dotted #dddddd}
table.timetable td.occupied {background-color:#909090}
#timetableGrouplist {padding:10px;}
#pickerSelectedColor {width:100px;height:100px;}
#groupHtmlColor {line-height:100px;font-size:18px}
/* ATTACHMENT WINDOW */
#attachtabDoc div {margin-bottom:5px}
#attachtabExtfile div {margin-bottom:5px}
#attachtabLink div {margin-bottom:5px}
#attachtabLink #customLinks div {margin-bottom:0 !important}
#attachtabImg div {margin-bottom:5px}
#attachtabVideo div {margin-bottom:5px}
/* ATTACHMENTS */
.contentAttachments {clear:both;color:#9F9C77;padding:5px;border: 1px solid #E4E4E4;margin:15px 0;
	border-radius:          3px;
	-moz-border-radius:     3px;
	-webkit-border-radius:  3px;
	-khtml-border-radius:   3px;
}
.contentAttachments a {color:#9F9C77} /* #A19E7D */
.contentAttachments a:hover {text-decoration:none}
.attachmentImages {padding:10px;}
.attachmentRow {height:19px}
.attachmentRow a {vertical-align:middle}
#formAttach #customLinks {display:none}
/* HOMEWORK */
.grade {font-size:15px;margin:0;padding:0;overflow:hidden}
.infozone #infozone_body #content #activeHomework div {padding: 3px;}
#formFulfillingHomework textarea {width: 100%;height: 200px}
/* SETTINGS */
.userconfig {margin:0 auto;width: 960px}

.userconfig .gengamif-badges-images img {margin:0 5px}

#userConfig_left {width: 170px;float: left;padding:30px 0 0 0;overflow: hidden;border-top-left-radius:10px;}
#userConfig_left .title {margin-bottom:30px}
#userConfig_left #menu a {text-decoration:none;display: block;color: #454545;height:2em;line-height:2em;padding-left:30px;border-bottom: #F0F0F0 1px solid;}
#userConfig_left #menu a:hover {background-color:#F0F0F0}
#userConfig_left #menu .selected {background-color:#DFDFDF;}
#userConfig_right {margin-left:200px;margin-right:30px;min-height:600px;padding-top:40px}
#userConfig_right .exampleThumbnails {margin:0 30px 5px 0;padding:6px;border:1px solid #c5deb7}
#userConfig_right #camera {display:none;padding: 10px;border: 1px solid #CCC;width: 320px;margin: 0 auto;overflow: hidden;background: #F0F0F0;
    -webkit-border-radius:  10px;
    -khtml-border-radius:   10px;
    -moz-border-radius:     10px;
    border-radius:          10px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow:         0 5px 10px rgba(0, 0, 0, 0.2);
}
#emailUnconfirmed {color:red}

/* TUTORS */
#tutors tr {height:60px;}
.tutorRow img {width:30px;height:30px;vertical-align:middle}
/* FOLDERS */
.userFolders {background: #fff;overflow-y: scroll !important;overflow-x: hidden;border: 1px solid #dcdcdc;height:250px}
.virtualFolders {background: #fff;overflow-y: scroll !important;overflow-x: hidden;border: 1px solid #dcdcdc;height:250px}
.userFolders .slideMenuV2 {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.virtualFolders .slideMenuV2 {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.resFolder {border:0;padding:3px 0 3px 0;cursor:pointer}
.userFolder {border:0;padding:3px 0 3px 0;cursor:pointer}
.droppable-active {border-radius: 3px;background: #27e38c;}
.droppable-hover {border-radius: 3px;background: #26AF61;}
.folderContent {position:relative; display: none;list-style: none;margin:0;padding:0 0 0 10px}
.folderContent #albumPreview {border:1px solid #eeeeee}
.folderContent #albumPreview img {
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
.infozone .foldersContainer {
    font-family: Verdana, sans-serif;
    overflow:auto;
    overflow-y:hidden;
    -ms-overflow-y:hidden
}
/* AJAXTEXT */
.ajaxTextSel {display:none;position:absolute;background-color:white;height:200px;border:1px solid #cccccc;overflow-y:scroll;overflow-x:hidden}
.ajaxTextSel tr:hover {background-color:#FAF7E6}
.ajaxTextSel td {border-top:1px solid #cccccc;height:30px;cursor:pointer}

/*
// jquery.selectit plugin v0.1 Alpha
// Copyright (c) 2011 Chris Pietschmann (http://pietschsoft.com)
// This work is licensed under a Creative Commons Attribution 3.0 United States License, unless explicitly stated otherwise within the posted content.
// http://creativecommons.org/licenses/by/3.0/us/
*/

/*.selectit {background: #fff;border: 1px solid #666;cursor: text;font-size: 14px;margin: 2px 3px 16px 0;padding: 3px;width: 97%;overflow: hidden;}*/
.selectit {cursor: text;font-size:12px;border:1px solid #CECECE;background-color:#FAFAFA;color:#000000; overflow: hidden;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.selectit span {display: block;float: left;margin: 0 5px 2px 0;position: relative;}
.selectit .selectit-option {color: #424242;background-color:#BAE0CB;border-top-color: #DEE7F8;border-left-color: #DEE7F8;padding: 0 4px 3px 4px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.selectit .selectit-new input {background:inherit;border:none;float:left;margin:0 5px 0 0;padding-bottom:2px;padding-top:2px;width:97%;}
.selectit a.selectit-close {color: #000000;cursor: pointer;font-size: 12px;font-weight: bold;margin-left: 3px;padding: 2px 0 2px 3px;text-decoration: none}

/* SHARING FORM */
#form_share table#groupsWhereShareIt th {
    width:20px
}
#form_share table#groupsWhereShareIt td.groupLocation {
    font-size: 0.8em;
    padding-left: 2.2em;
}

/* PAYMENT PAGE */
#studentsCommentsRows .row {
    text-align: left;
    padding: 10px;
    margin-bottom: 10px;
    background-color:#F7F7F7;
    -webkit-border-radius:  10px;
    -khtml-border-radius:   10px;
    -moz-border-radius:     10px;
    border-radius:          10px;
}
#studentsCommentsRows .row .commentAuthor {margin-bottom:10px}
#studentsCommentsRows .row .commentStars {float:right}

/* STORE */
.storePage {padding: 20px 0;width: 960px;margin: 0 auto;box-sizing: border-box;-moz-box-sizing: border-box;}

.storePage .creditInfo {text-align:center}
.storePage .creditInfo #creditAmount {font-size:25px;font-weight:bold;color:#598940}
.storePage .creditInfo #subInfoCredit {padding:30px;text-align:center}

#services.storePage #products, #services.storePage #classroomSelection {
    background: #fafafa;padding:10px;border: 1px solid #C9C9C9;overflow: hidden;
    -webkit-border-radius:  5px;
    -khtml-border-radius:   5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
}
#services.storePage #products .imageContainer {width: 132px;height: 90px;padding: 13px 0 10px 10px;float: left;}
#services.storePage #products .imageContainer .photo {width: 130px;height: 80px;border: 1px solid #B8B8B8;overflow:hidden;
    -webkit-border-radius:  5px;
    -khtml-border-radius:   5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
}
#services.storePage #products .noOffer {font-size:17px;text-decoration: line-through;color:#909090}
#services.storePage #products .value {font-size:17px;color:#8FAA82;}

#store.storePage ul#productSelection {margin-top:120px;height:200px;overflow: hidden}
#store.storePage ul#productSelection li.option {padding-top:10px;font-size:1.6em;text-align:center;list-style: none;vertical-align: top;overflow: hidden;width:282px;height: 220px;float:left;}
#store.storePage ul#productSelection li.separator {list-style: none;height:262px;width: 45px;float:left;vertical-align: top;}

#createVClass.storePage li {margin-top:10px}

#createVClass.storePage .middle {clear:none !important;width:475px;margin-bottom:10px;}
#createVClass.storePage .middle #paymentSystem {height:135px}
#createVClass.storePage .middle #classroomData {width:100%}
#createVClass.storePage .middle #classroomData td {width:290px}
#createVClass.storePage #right {float:right;width:477px}
/* left:512px; */
#createVClass.storePage #right #rightUp {margin-bottom:10px;text-align:center;}
#createVClass.storePage #promoImg {float:right;width:435px;padding-left:20px;height:530px}
#createVClass.storePage #promoImg img {text-align:center}
#createVClass.storePage #promoImg .header {font-size:12px;color:#909090}
#createVClass.storePage #addOpts {text-align:center}
#createVClass.storePage #addOpts .noOffer {font-size:17px;text-decoration: line-through;color:#909090}
#createVClass.storePage #addOpts .value {font-size:17px;color:#8FAA82;}

.classroompayment {text-align:center;width:960px;margin:0 auto;}
.classroompayment .payment-section {display: inline-block;vertical-align: top;width: 50%;font-size:14px}
.classroompayment .payment-section #paypalButton {margin:25px 0;}
.classroompayment .course-content {clear: inherit;width: 70%;overflow: hidden;}
.classroompayment .course-content .course-details-header {/*text-shadow: 0 0 1px rgba(51,51,51,0.3);*/font-weight: bold}
.classroompayment .course-content .course-details {margin: 15px 15px 15px 0;text-align:left;/*text-shadow: 0 0 rgba(51,51,51,0.3);*/font-size:20px}
.classroompayment .makeitsocial {float:right;width:300px}
.classroompayment #groupBigTitle {margin:0 auto;font-size:25px;margin-bottom:10px}
.classroompayment .totalinvoice {font-size:17px;margin-top:20px;}
.classroompayment .totalinvoice #invoice {font-size:30px;font-weight:bold;color:#26AF61}

.classroompayment .classheader-desc {
    text-shadow: 0 0 1px rgba(51,51,51,0.3);
    margin-bottom:10px;
    font-size:25px;
    font-weight: bold;
    line-height: 180px;
    background-color: rgba(255,255,255,0.5);
}
.classroompayment .classheader-bg {
    height: 180px;
    overflow: hidden;
    margin: 20px 0;
    background-size: cover;
    background-position: center;
}
.classroompayment .rightbar {
    float: right; width: 30%
}
.classroompayment .rightbar .dvsn:first-child {
    min-height: 385px;
}
.classroompayment .rightbar .payment-header {
    width: auto;display: block;font-size:19px;vertical-align: top;
}
.classroompayment .rightbar .joinforfree {
    text-align: center;font-size: 30px;font-weight: bold;
}

#paymentOk.storePage #greetings {font-size:25px;text-align:center;}
#paymentOk.storePage #classroomTitle {font-size:20px;text-align:center;margin:20px 0 20px 0;color:#598940;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
}
#paymentOk.storePage #subMsg {font-size:16px}

#classroomOk.storePage #greetings {font-size:25px;text-align:center;}
#classroomOk.storePage #classroomTitle {font-size:20px;text-align:center;margin:20px 0 20px 0;color:#598940;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
}
#classroomOk.storePage #subMsg {font-size:16px}

.paymentDvsn {width:400px;margin:0 0 10px 50px;border-radius:10px;padding:10px;text-align:left}

/* SERVICES */
.servicespage {margin:0 auto;width:960px;font-size:17px;}
.servicespage div.moreInfo {text-align: center;padding: 50px;overflow: hidden;clear: both;}
.servicespage div.moreInfo a {font-size: 25px; padding: 1em;}
.servicespage h1 {text-shadow: 0 0 1px rgba(51,51,51,0.3);font-size:34px;margin: 17px;text-align: center}
.servicespage div.serviceImgRight  {float: right;text-align: center;width: 40%;margin-right: 5%;}
.servicespage div.serviceImgRight span.helper {height: 100%;vertical-align: middle;display: inline-block;}
.servicespage div.serviceImgLeft  {text-align: center;width: 40%;margin-left: 5%;}
.servicespage div.serviceImgLeft span.helper {height: 100%;vertical-align: middle;display: inline-block;}
.servicespage div.serviceImgRight img {width: 85%;vertical-align: middle;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;}
.servicespage div.serviceImgLeft img {width: 85%;vertical-align: middle;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;}
.servicespage ul {width:45%;display:inline-block;list-style: none}
.servicespage ul.serviceRight {text-align: right;margin: 0 5% 0 0;float:right;}
.servicespage ul.serviceLeft {text-align: left;margin: 0 0 0 5%;}
.servicespage ul li {text-shadow: 0 0 1px rgba(51,51,51,0.3);margin: 1em;}
.servicespage div.servicesHeader {border-bottom: 1px solid #EEE;padding: 2em 0 2em 0;}
.servicespage div.servicesHeader h1 {text-align: center;margin: 1em;}
.servicespage div.servicesFooter {padding: 5em;color: #A0A0A0;text-align: center;font-size: 0.8em;}

/* AJAX LOADER */
.nimbleLoader {position: fixed;top:0;left:0;display: none;height: 100%;width: 100%;z-index:1000000;background: rgba(255, 255, 255, 0.50) url('../img/ajax.gif') no-repeat 50% 50%;}

#createClassroom.storePage .promoImg {float: right;}
#createClassroom.storePage .creationOptions {max-width: 49%;font-size: 17px;}
#createFreeGroup.storePage .promoImg {float: right;}
#createFreeGroup.storePage .createOptions {max-width: 49%;font-size: 17px;}
/*#createFreeGroup.storePage input, #createFreeGroup.storePage select {font-size: 17px;}*/

#joinToClassroom.storePage .promoImg {float: right;}
#joinToClassroom.storePage .joinForm {max-width: 49%;font-size: 17px;padding-top: 50px;}
#joinToClassroom.storePage input {font-size: 17px;}
#joinToClassroom.storePage input[type='text'] {width:100%}

#premiumPayment.storePage .paymentGreetings {text-align: center;}
#premiumPayment.storePage p.paymentThx {font-size: 3em;}
#premiumPayment.storePage p.infoMail {font-size: 1.5em;}
#premiumPayment.storePage .socialBtnsCtrd {width: 50%;text-align: left;margin: 0 auto;}
/* INFO BOXES */
p.lilWarning {float: right;margin: 0 0.5em 0 0;min-width: 20px;color: white;height: 20px;text-align: center;background: #FF8888;
-webkit-border-radius: 3px;
-khtml-border-radius:  3px;
-moz-border-radius:    3px;
border-radius:         3px;
}
p.lilInfo {
float: right;margin: 0 5px 0 0;min-width: 20px;color: white;height: 20px;text-align: center;background: #26AF61;
-webkit-border-radius: 3px;
-khtml-border-radius:  3px;
-moz-border-radius:    3px;
border-radius:         3px;
}
/* ajaxSelector */
.ajaxSelector {width: 100%;height: 200px;overflow-y: scroll;overflow-x: hidden;text-align: left;margin: 0 auto;background: white;border:1px solid #DADADA;}
.ajaxSelector ul {list-style: none;padding: 0;margin: 0;}
.ajaxSelector ul li {padding: 0.6em;border-bottom: #F7F7F7 1px solid;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ajaxSelector ul li:hover {background-color: #BAE0CB;cursor: pointer;}
.ajaxSelector .ajaxSelectorSearch {border-bottom: 1px solid #829C53;border-top: 0;border-right: 0;border-left: 0;width: 100%;color: #CACACA;padding: 0.6em;}
.ajaxSelector .ajaxSelectorSearchUsed {border-bottom: 1px solid #829C53;border-top: 0;border-right: 0;border-left: 0;width: 100%;color: black;padding: 0.6em;}
/* usersCards */
.infozone #content .usersCards .userCard table {width: 100%;}
.infozone #content .usersCards .userCard table tr th {color: #909090;font-weight: normal;padding: 0.6em;}
.infozone #content .usersCards .userCard table tr td {padding: 0.6em;width: 60%;}
.infozone #content .usersCards .userCard table tr td input {padding: 0.6em 2% 0.6em 2%;width: 96%;}
.infozone #content .usersCards .userCard table tr td textarea {height: 10em;width: 100%;}
.infozone #content .usersCards .cardsSelectors {width: 49%;overflow:hidden;}

/* userAbsences */
.infozone #content .usersAbsences .userAbsences table {width: 100%;}

#bodyBack {display:none;}

/* WEB AYUDA 2014 */
.helppagev2 {margin:0 auto;width: 960px;}
.helppagev2 .help_page_left {background: none}
.helppagev2 .help_page_left {width: 170px;float: left;padding:30px 0 0 0;overflow: hidden;border-top-left-radius:10px;background-color:#F7F7F7;}
.helppagev2 .help_page_left .title {margin-bottom:30px}
.helppagev2 .help_page_left #menu div {display:block;height:2em;line-height:2em;padding-left:30px;border-bottom: #F0F0F0 1px solid;}
.helppagev2 .help_page_left #menu div:hover {background-color:#F0F0F0}
.helppagev2 .help_page_left #menu a {text-decoration:none}
.helppagev2 .help_page_left #menu .selected {background-color:#DFDFDF;}
.helppagev2 .help_page_right {text-shadow: 0 0 1px rgba(51, 51, 51, 0.3);min-height: 600px;padding: 40px 0 0 20px;background: #FFF;margin-left: 170px;}
.helppagev2 .help_page_right .help_header {padding-bottom:30px;font-size:25px;text-align: center}

/* TOP 2014 */
.topv2 {border-bottom: 1px solid #249E58;background-color: #26af61;height: 70px;box-sizing: border-box;padding-top: 15px;min-width: 960px;max-width: 100%;}
.topv2 a {text-decoration: none}
.topv2 .login-window {background: url('../img/body-background.png');text-shadow: 0 0 1px rgba(51,51,51,0.3);color: #454545;position: absolute;font-size: 15px;right: 0;top:40px;display: none;width: 340px;border: 1px solid #CFCFCF;text-align: center;background-color: #FFF;border-radius: 3px;z-index:1;}
.topv2 .login-window input {font-size:15px !important;}
.topv2 .topmenu-container {margin:0 auto;width: 960px;position:relative;}
.topv2 .topmenu-container .mainlogo {text-align: left;display:inline-block}
.topv2 .topmenu-container .topmenu {float: right;font-size: 14px;}
.topv2 .topmenu-container .topmenu ul {margin: 10px 0;padding: 0;}
.topv2 .topmenu-container .topmenu li {line-height:30px;display: inline-block;list-style: none;margin-right: 30px;font-size: 15px;font-weight: bold;}
.topv2 .topmenu-container .topmenu li a {text-shadow:0 0 1px rgba(255, 255, 255, 0.5);color: white;}
.topv2 .topmenu-container .topmenu li a:hover {color: #E9E9E9}
.topv2 .topmenu-container .notification-alert {display: inline-block;padding-left: 15px;}
.topv2 .topmenu-container .notification-alert a {width: 20px;height: 20px;display: inline-block;}

/* INDEX 2014 */
.indexv4 a {text-decoration: none}
.indexv4 {text-align:left;}
.indexv4 .body .slider-container {background: url('../img/index/v4/slider-background.png');}

.indexv4 .body .tryit {margin: 60px;text-align: center}
.indexv4 .body .tryit .tryit-button {height: 43px;margin-right:55px;vertical-align:top;display:inline-block;padding:5px;background-color: #26af61;border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.indexv4 .body .tryit .tryit-button a {line-height: 32px;text-shadow:0 0 1px rgba(255, 255, 255, 0.5);font-size: 17px;text-align: center;width:100%;color:#ffffff;}

.indexv4 .body .body-section {margin: 0 auto;width: 960px;}
.indexv4 .body .body-section .title-section {white-space:nowrap;display:table-cell;font-size:23px;font-weight: bold;color:#454545}
.indexv4 .body .body-section .line-section {display:table-cell;border-bottom:1px solid #454545;width: 100%}
.indexv4 .body .body-section .inner-section {padding: 40px 0}
.indexv4 .body .body-section .inner-section ul.icons {clear:both;height:250px;text-align: center;margin: 0;padding: 0;}
.indexv4 .body .body-section .inner-section ul.icons li {width: 33%;list-style: none;display: inline-block;padding: 0 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    vertical-align: top;}
.indexv4 .body .body-section .inner-section ul.icons li p a {text-shadow: 0 0 1px rgba(51,51,51,0.3);font-size: 25px;color: #454545;}
.indexv4 .body .body-section .inner-section ul.media {clear:both;height:95px;text-align: center;margin: 0;padding: 0;}
.indexv4 .body .body-section .inner-section ul.media li {width: 24%;list-style: none;display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;vertical-align: top;}
.indexv4 .body .body-section .inner-section ul.media li:first-child {text-align: left;padding-top:15px}
.indexv4 .body .body-section .inner-section ul.media li:last-child {text-align: right;padding-top:20px}
.indexv4 .feet {background: url('../img/index/v4/feet-background.png');font-size:14px;overflow:hidden;clear:both;text-shadow:0 0 1px rgba(92, 92, 92, 0.5);color:#ffffff;}
.indexv4 .feet .feet-shadow {background: url('../img/index/v4/feet-shadow.png');height: 19px;}
.indexv4 .feet .feet-section {margin: 0 auto;width: 960px;clear:both;}
.indexv4 .feet .feet-section .inner-section {display: inline-block;width: 33%;vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.indexv4 .feet .feet-section .inner-section ul li {list-style: none;margin: 10px 0;}
.indexv4 .feet .feet-section .inner-section ul li a {text-shadow:0 0 1px rgba(92, 92, 92, 0.5);color:#ffffff}
.indexv4 .feet .feet-section .inner-section ul li a:hover {color:#E9E9E9}
.indexv4 .feet .feet-section .inner-section .textcenter {margin: 25px 0;}
.indexv4 .feet br {clear:both}
.indexv4 .feet .index-flags img {vertical-align: middle}
.indexv4 .feet .developers img {vertical-align: middle}

.slider {margin:0 auto;width: 960px;height: 555px;position: relative}
.slider .slider-frame {display:none;width:100%;height: 555px;position: absolute;}
.slider .slider-frame .slider-image {position: absolute;bottom:0}
.slider .slider-frame .slider-title {text-shadow: 0 0 1px rgba(51,51,51,0.3);font-size: 37px;font-weight: bold;position: absolute;top: 100px;color: #454545;}
.slider .slider-frame .slider-subtitle {text-shadow: 0 0 1px rgba(51,51,51,0.3);font-size: 25px;position: absolute;top: 225px;color: #454545;}
.slider .slider-frame .slider-button {padding:20px;position: absolute;top: 385px;background-color: #f18540;border-radius: 3px}
.slider .slider-frame .slider-button:hover {background-color: #E2732C}
.slider .slider-frame .slider-button a {text-shadow:0 0 1px rgba(255, 255, 255, 0.5);font-size: 25px;text-align: center;width:100%;color:#ffffff;}

/*.slider .slider-frame#slider-frame1 .slider-image {left: 100px}*/
.slider .slider-frame#slider-frame1 .slider-title {right: 0;text-align: right}
.slider .slider-frame#slider-frame1 .slider-subtitle {right: 0;text-align: right}
.slider .slider-frame#slider-frame1 .slider-button {right: 0}

.slider .slider-frame#slider-frame2 .slider-image {right: 0}
.slider .slider-frame#slider-frame2 .slider-title {}
.slider .slider-frame#slider-frame2 .slider-subtitle {}
.slider .slider-frame#slider-frame2 .slider-button {}

.slider .slider-frame#slider-frame3 .slider-image {right: 0}
.slider .slider-frame#slider-frame3 .slider-title {}
.slider .slider-frame#slider-frame3 .slider-subtitle {}
.slider .slider-frame#slider-frame3 .slider-button {}

.slider .slider-frame#slider-frame4 .slider-image {right: 0}
.slider .slider-frame#slider-frame4 .slider-title {left:30px}
.slider .slider-frame#slider-frame4 .slider-subtitle {left:30px}
.slider .slider-frame#slider-frame4 .slider-button {left:30px}

.loginWithFB {display:inline-block;overflow:hidden;margin:0 auto;width:210px;height:43px;background-image:url('../img/loginviafacebook.png');
    box-sizing:border-box;
    -moz-box-sizing: border-box;
}
.loginWithFB a {margin: 0;padding: 10px 20px;display:block;color:white;text-decoration: none;width:100%;height:100%;font-size:16px;}

/* STORE PRICING ANTIGUO */
.plansandpricing {text-shadow: 0 0 1px rgba(51,51,51,0.3);padding:20px 0;margin:0 auto;width:960px;}
.plansandpricing .pricing {margin:1em 0 1em 0;}
.plansandpricing .pricingText {font-size: 15px;text-align: center;}
.plansandpricing .paypalText {font-size: 15px;}
.plansandpricing .pricing .pricingCols {}
.plansandpricing .pricing .pricingCol {height:auto;box-sizing: border-box; border: 5px solid #E6E6E6;;background-color: #F1F1F1;width: 32%;overflow: hidden;border-radius: 5px;float:left;margin: 0 5px;}
/*.plansandpricing .pricing .pricingCol ul li:nth-child(odd) {background-color: #BBE7CE;}*/
/*.plansandpricing .pricing .pricingCol ul li:nth-child(even) {background-color: #DFF3E8;}*/
.plansandpricing .pricing .pricingCol ul {list-style: none;margin: 0;padding: 0;}
.plansandpricing .pricing .pricingCol ul li {font-size: 15px;padding: 5px;text-align: center;height: 50px; box-sizing: border-box}
.plansandpricing .pricing .pricingCol ul li:first-child {background-color: #83BE9D;text-shadow: 0 0 1px rgba(255,255,255,0.5);font-size: 25px;color: #FFFFFF}
.plansandpricing .pricing .pricingCol ul li:last-child {background-color: #FFFFFF;padding-top: 1em;}
.plansandpricing .pricing .pricingCol ul li.prices {text-shadow: none;color: #26AF61;font-weight: bold;font-family: Arial,sans-serif;min-height: 2.5em;font-size: 2em;}
.plansandpricing .pricing .cleared {clear: both;height: 1em;}

.plansandpricing .pricing .pricingColGrayMod ul li:nth-child(odd) {background-color: #E0E0E0;}
.plansandpricing .pricing .pricingColGrayMod ul li:nth-child(even) {background-color: #F0F0F0;}
.plansandpricing .pricing .pricingCol ul li.planGray {text-shadow: 0 0 1px rgba(255,255,255,0.5);font-size: 1.5em;background-color: #8B8B8B;color: #FFFFFF;}

.plansandpricing .pricing .pricingFav ul li:first-child {background-color: #26AF61;}
.plansandpricing .pricing .pricingFav {border: 4px solid #26AF61;}

/* STORE PRICING 2016 */



/* TEXT EDITOR */
.text-editor {text-shadow: 0 0 1px rgba(51,51,51,0.3);padding:20px 0;margin:0 auto;width:960px;}
#text_editor {width:975px;height:550px}

/* INFO / SERVICES PAGE */
.infopage {text-shadow: 0 0 1px rgba(51,51,51,0.3);}
.infopage .infoheadercontainer {background: url('../img/index/v4/slider-background.png');}
.infopage .infoheadercontainer .infoheader {margin:0 auto; width: 960px;position: relative;padding: 25px 0;height: 455px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.infopage .infoheadercontainer .infoheader .infotext {text-align: right}
.infopage .infoheadercontainer .infoheader .infotext .infotitle {text-align: right;font-size: 37px;font-weight: bold;color: #454545;}
.infopage .infoheadercontainer .infoheader .infotext p {font-size: 25px;color: #454545;}
.infopage .infoheadercontainer .infoheader img {position: absolute}
.infopage .infosections .infosection {margin: 0 auto;width: 960px;position: relative;padding:70px 0;border-bottom:1px solid #dfdfdf;height: 240px;}
.infopage .infosections .infosection .infotext .infotitle {font-size: 25px;font-weight: bold}
.infopage .infosections .infosection .infotext p {font-size: 18px;margin:0 0 20px 0}

.infopage .infosections .infosection-right .infotext {padding-left: 40%;}
.infopage .infosections .infosection-right img {float: left}
.infopage .infosections .infosection-left .infotext {padding-right: 40%;}
.infopage .infosections .infosection-left img {float: right}

.infopage .infoaction {text-align: center;text-shadow:0 0 1px rgba(255, 255, 255, 0.5);margin: 70px;}
.infopage .infoaction a {padding:20px;background-color: #f18540;border-radius: 3px;font-size: 25px;color:#ffffff;}
.infopage .infoaction a:hover {background-color: #E2732C}

/* REGISTRATION 2014 */
.registration-container {text-align:left;background-image: url('../img/body-background.png');}
.registrationV2 {margin: 0 auto;width: 960px;box-sizing: border-box;padding: 50px 170px;text-shadow: 0 0 1px rgba(51,51,51,0.3);font-size:15px;}
.registrationV2 .welcomeText {text-align: center;margin: 20px;}
.registrationV2 .welcomeText .groupName {font-size: 25px;font-weight: bold;}
.registrationV2 .registerThumbnails {width: 100%;overflow-x: scroll;overflow-y: hidden;}
.registrationV2 .registerThumbnails pre {white-space: nowrap;}
.registrationV2 .personalData {margin-top: 3em;}
.registrationV2 .personalData ul {list-style: none;padding: 0;}
.registrationV2 .personalData ul li {margin-top: 1em;}
.registrationV2 .personalData input, .registrationV2 .personalData select {width: 100%;font-size: 17px;padding:0.2em;}
.registrationV2 .personalData table.birthdateSelector {width: 100%;}
.registrationV2 .personalData table.birthdateSelector tr td {width: 33.33%;}
.registrationV2 .regfooter {margin: 2em;text-align: center;}
.registrationV2 .regfooter .submitRegistration {padding: 1em;font-size: 2em;}

/* RESET PASSWORD */
#resetpassword {margin: 100px auto;width: 960px;}

/* HOVERCARDS */
.hc-loader {width: 100%; text-align: center;padding:30px}
.hc-inner {overflow: hidden}
.hc-inner hr {background-color: #DDD; clear: both}
.hc-inner p {margin: 3px 0;}
.hc-inner .hc-profileinfo {min-height: 50px;}
.hc-inner .hc-funcs {min-height: 25px}

.hc-inner .gengamif-badges-images img {width: 25px; margin: 2px;}

/* SORTABLES LISTS */
.ui-sortable li {cursor: move}

ul.sortable-style {padding:0;margin:0}
ul.sortable-style li {background: #FFF;padding: 6px;margin-bottom: 6px;border-radius: 3px;border: 1px solid #CCC;}

.sortableGroups {list-style: none}
.academySortableClasses {list-style: none;}

/* ADS, RIGHT SIDE */
.ad-segment {border: 1px solid #CCC;text-align: center;border-radius: 3px;margin: 10px 0;overflow:hidden;box-sizing: border-box;width: 100%;}

/* MEDIA QUERIES */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

/* material */
.material-alert {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    margin: 20px 20px;
    padding: 10px;
    text-align: center;
}
.material-alert a {
    color: #ffffff;
    width: 100%;
    display: block;
}

.truncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: block;
}


/* academy2015-01 */
 .academy2015-01 {
     margin: 10px;
     color: inherit;
 }
#classrooms .classroom-row .class-name a {
    color: inherit;
}
#classrooms .classroom-row .class-desc {
    opacity: 0;
    position: absolute;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    height: 180px;
    overflow-y: scroll;
    font-size: 16px;
    z-index: 1;

    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
#classrooms .classroom-row:hover .class-desc {
    opacity: 1;
}
#classrooms .classroom-row {
    width: 100%;
    background-color: #F5F5F5;
    position: relative;
    margin: 1%;
    overflow: hidden;
    float: left;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    box-sizing: border-box;
    height: 350px;
}
@media screen and (min-width: 768px) {
    #classrooms .classroom-row {
        width: 23%;
    }
}
#classrooms .classroom-row .class-name {
    text-align: center;
}
#classrooms .classroom-row .class-name h2 {
    margin-bottom: 0;
}
#classrooms .classroom-row .photo {
    height: 200px;
    overflow: hidden;
    background-color: #ffffff;
}
#classrooms .classroom-row .photo a {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

    position: absolute;
    opacity: 1;
    width: 100%;
    background-position: top;
    display: block;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}
#classrooms .classroom-row .photo a.back {
    opacity: 0;
}
#classrooms .classroom-row:hover .photo a.back {
    opacity: 1;
    background-position: center;
}
#classrooms .classroom-row .info {
    height: 40px;
    text-align: center;
}
#classrooms .classroom-row .info .stars {
    height: 30px;
}
#classrooms .classroom-row .joinlink a {
    width: 100%;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
}
#classrooms .classroom-row .cost {
    height: 50px;
    text-align: right;
    margin-right: 15px;
}
#classrooms .classroom-row .cost .price {
    margin-bottom: 10px;
    font-size: 28px;
}
#classrooms .classroom-row .cost .price .decimals {
    vertical-align: super;
    font-size: 50%;
}
#classrooms .classroom-row .cost .joinforfree {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

/* images hover zoom */
.hover-zoom img {
    -webkit-transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -ms-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
}
.hover-zoom:hover img {
    -webkit-transform: scale(1.25); /* Safari and Chrome */
    -moz-transform: scale(1.25); /* Firefox */
    -ms-transform: scale(1.25); /* IE 9 */
    -o-transform: scale(1.25); /* Opera */
    transform: scale(1.25);
}

/* amphoratabs */

.amphoratab {display: none;}

/* selector container */

.selector_container {
    width: 100%;
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #FFF;
    border: 1px solid #DADADA;
}
.selector_container ul {
    padding-left: 0;
    margin: 0;
}
.selector_container ul li {
    list-style: none;
    border-bottom: 1px solid #dfdfdf;
    padding: 10px;
}

/* cute card */

.cute_card {
    margin: 5px 0;
    background: #FFF;
    padding: 5px;
    border-bottom: 1px solid #dfdfdf;
}